Egész szép Simplenote kliens Macre. Most 40% árkedvezménnyel elvihető.
Az Amazon S3 és CloudFront használata
Régóta álmodok egy központi CDN-ről, ami kiszolgálja a wyctim.com alá tartozó oldalak statikus dokumentumait. Gondolok itt CSS stíluslapokra, JavaScriptekre, egyszerű képfájlokra és a podcastekhez tartozó audió állományokra.
A CDN a Content Delivery Network rövidítése, szerepe jelentős egy gyors oldal működésében. A CDN hálózatok tükrözve tárolják az oldalunkhoz tartozó statikus dolgokat, a látogató mindig a hozzá legközelebb található szerverről kapja meg azokat, így elkerülve a hálózat távolságából adódó lassú letöltést. A piac persze telített, az egyszerű (mt) Media Temple ProCDN-től kezdve a teljesen egyedi CloudFlare-ig minden megtalálható. A wyctim.com a (mt) Media Temple szerverein fut, ami hihetetlen szabadságot biztosít egy weblapgazdának, viszont a statikus fájlok kiszolgálására picit lassú. Nem kell rossz dolgokra gondolni, fut ezen a szerveren pár oldal, amihez nem szükséges CDN használat, de a wyctim.com esetében úgy érzem hasznos dolog.
A CDN hálózat kiválasztása számomra egyértelmű volt. Régóta rendelkezek Amazon S3 fiókkal, ami a webes alkalmazások statikus alkatrésztárolásának de facto standardja. Ezt használja a Dribbble, a Twitter, a Dropbox és megannyi népszerű szolgáltatás. Az Amazon S3 magában csak egy tároló, ha CDN-ként szeretnénk használni, akkor érdemes előfizetni az Amazon másik szolgáltatására a CloudFrontra, ami az S3-on tárolt dolgaink alá ad egy CDN-t.
Az S3 és a CloudFront díja is forgalomfüggő, azaz minél többet használjuk, annál többet fizetünk. Nem kell nagy összegekre gondolni, egy átlagos látogatottságú blog esetében ez maximum havi $5-$10 környékén mozog, ami nagyon olcsónak számít. Az Amazon S3 népszerűségének köszönhetően pedig nagyszerűen integrálható egy csomó CMS rendszerben, jelen esetben a WordPressben1.
Részletes leírást nem adok a rendszer beállításaihoz, megtalálható minden az Amazon oldalain, viszont szeretném megmutatni, hogy a wyctim.com-hoz tartozó statikus fájlok hogyan tárolódnak.
A CloudFrontban két S3 bucketet állítottam be:
media.wyctim.com: médiaszerver, ami kiszolgálja a Háztáji Geek és a Wyctim Radiohoz tartozó audió fájlokat.assets.wyctim.com: központi assets repository a wyctim.com-hoz, a Háztáji Geekhez és a Wyctim Radiohoz.
Ezzel a beállítással nagyon egyszerűen tudom kiszolgálni a három oldal összes statikus állományát – lássuk a két szerver tartalmát faszerkezetben.

Mint láthatod minden központilag tárolódik. Mindhárom oldal egy helyről tölti le a statikus állományokat. A felépítés nagyon egyszerű:
images: acontentmappában tárolom a wyctim.com-on megjelenő bejegyzések képeit, acoremappa szolgálja ki a három oldal WP sablon grafikáit, acoversmappa tartalmazza a két podcast borítóit.scripts: gzip-elt scriptek, acore.jsmindhárom oldalnál ugyanaz, alapvető jQuery kód, aplayer.jsa podcastekhez tartozó lejátszó kódja – ezt a lejátszót használja a Heti Meteor is, igaz nem ez a szerver szolgálja ki.styles: két fájl,core.cssa wyctim.com, apodcast.cssa Háztáji Geek és a Wyctim Radio stíluslapja, szintén gzip-elve.media.wyctim.com: egyszerűen az audió fájlokat tárolja értelemszerűen podcastenként szétszedve.
Minden statikus fájlhoz tartozik néhány HTTP header a cachelés miatt, amiket az S3 alapból nem ad hozzá a fájlokhoz, viszont Macen a Transmit segítségével beállíthatunk kimenő rule-okat az S3 felé fájltípusonként, így nagyon kényelmesen feltölthető bármi az S3 fiókunkra.

A rendszer nagyszerűen kiszolgálja a teljes wyctim.com birodalmat, mindhárom oldal gyors és fejlesztési szempontból is jó alap. Minden egy helyen elérhető, így a módosítások is sokkal egyszerűbbek.
-
Találunk a WordPresshez kismillió Amazon S3 plugint, amik kényelmesek. Én egyszerűen manuálisan töltöm fel a képeket a Transmitből. ↩
Crap-free in PCs and smartphones shouldn’t be an option—it should be the default ⚓
A Microsoft új „Signature PC” programjáról ír Craig Grannell, majd beszól az Apple-nek is:
However, Apple’s apps (Stocks, Compass, Voice Memos, and so on) can’t be removed from the Home screen—Apple should provide a Settings toggle for doing so. By contrast, OS X is at least essentially crap-free, and when Apple has preinstalled a demo in the past (such as with iWork), it’s just a question of dragging a folder to the trash if you don’t want it.
A Settings/General/Restrictions alatt találunk pár beállítást, ami pontosan ezt csinálja.
Hirdetés mizéria egy blogon
Megkeresett a napokban egy cég – nem írom a nevét, mivel ebben a műsorban nem hangzik el termékmegjelenítés – egy hirdetési ajánlattal. A feltételek egyszerűek:
- Elrejtek valamelyik korábbi bejegyzésemben egy linket az oldalukra.
- A link egy évig van kint.
- Megjelenés után azonnal fizetnek (szerk: ha nem fizet, akkor leszedjük a linket).
Ez lenne az első nagyobb összeg, amit a blogommal keresnék, de ez a feltétel valahogy nem felel meg az én elvárásaimnak egy bloggal kapcsolatban. Főleg, ha az én blogomról van szó. A válaszom: amennyiben hirdetések jelennek meg ezen a blogon, azok kizárólag szöveges formában történhetnek, a linklista felépítésére hajazva:
- A linklista hirdetés rövid, RSS feedből és az oldalról is egyből a linkelt lapra visz.
- A linklista hirdetés kiemelt, ami azért fontos, mert az olvasó látja minden felületen, hogy reklámról van szó, így eldöntheti, hogy rákattint, vagy nem veszi figyelembe.
- A linklista hirdetés 1 hétig kap promóciót a főoldalon és az RSS feedben, utána eltűnik.
Válaszban kaptam ma reggel, hogy sajnos nekik ez az ajánlat nem felel meg, így tartják magukat a rejtett linkhez. Konkrét bejegyzést is választottak már, ahol el lehetne ezt helyezni. Nos, az az igazság, hogy visszautasítottam az ajánlatot egy egyszerű okból.
Ez a blog nem tervezett hirdetési felület, habár semmi bajom vele. Amennyiben egyszer a wyctim.com-on hirdetés fog megjelenni, az kizárólag a fent leírt változatban történhet meg. A rejtett link számomra a tartalom megkurvulása, az olvasó megtévesztése. Bíznak bennem azok, akik rendszeresen olvasnak, így bármilyen megjelenő link csakis úgy kerülhet ki, ha azt én helyezem el mindenféle fizetéstől mentesen. A tartalom, ami egy blog veleje, tiszta kell hogy maradjon. Én ebben hiszek. A hirdetés kiemelve jelenhet csak meg, amiről tudja az olvasó, hogy a blogger – jelen esetben én – pénzt kapott, így a leírt szöveg nem az ő véleményét tükrözi. Amennyiben úgy érzi, hogy megnézi a hirdetett terméket, szolgáltatást, akkor az az olvasó egyedi akarata, nem történt tartalomban elrejtett befolyásoló tényező.
Úgy érzem, hogy ez így helyes, én is ezt várom el minden tőlem olvasott blogtól.
Responsive Images and Web Standards at the Turning Point ⚓
Végre elindult a fejlődés egy új és reszponzív <img> taggel kapcsolatban:
Recently, all of the ongoing discussion around responsive images just got real: a solution is currently being discussed with the WHATWG. And we’re in the thick of it now: we’re throwing around references to picture and img set; making vague references to polyfills and hinting at “use cases” as though developers everywhere are following every missive on the topic. That’s a lot to parse through, especially if you’re only tuning in now—during the final seconds of the game.
Használhatunk JavaScript hackeket is, de egy tiszta és egyszerű megoldás mindenképpen fontos. Ezért is imádom a mai webet – a közösség egyszerűen létrehoz magának nyílt szabványokat a problémákra. Már csak a szintaktikán vitatkoznak a srácok…
Aki lemaradt volna, az itt olvashat bővebben a problémáról.
Steve Ballmer’s Microsoft ⚓
Dustin Curtis:
Microsoft is not a PC company. It’s not a mobile company. It’s not a gaming company. It’s not even really a software company. When it comes to making money, Microsoft is an enterprise services company.
Sose értettem, hogy egy hájfej irányítása alatt, mint Ballmer, hogyan tudnak olyan kreatív dolgok megjelenni, mint a Windows Phone 7 vagy a Metro UI. Hát itt a válasz, Dustin Curtistől.
Befejezik a Perian fejlesztését ⚓
A Perian honlapjáról:
Starting 90 days after the final Perian release, we will no longer provide support. We’ll wrap up our loose ends, pack up our bags, and move on to new and exciting projects.
A Perian egy remek kodekplugin (volt) QuickTime-hoz, az utóbbi hónapokban viszont egyre furábban viselkedett. Azt hiszem ideje lesz alternatíva után nézni, vagy használni a VLC 2.0-át, ami szerintem szörnyű lett.
Rethinking the iPhone’s App Switcher ⚓
Nem rossz koncepció, de a jelenlegi UI-hoz képest túl sok a gomb. A webOS kártyáit – nagyszerű gesztusokkal – sokkal kellemesebb lenne viszontlátni iOS-en (Mission Control for iOS talán?).
iCloud is the Difference Between Great and Excellent ⚓
Ben Brooks:
I would be surprised if iCloud wasn’t a very large part of WWDC this year. Apple will be putting the finishing touches on iCloud’s integration with iOS and Mac OS X, but they will also need developers to give widespread adoption to its use for the service to catch on.
Tavaly csak az iCloud egyik felét kaptuk meg. Az idei WWDC még biztosan tartogat finomságokat iCloud ügyben.
Háztáji Geek: Post-PC Hülyegyerek ⚓
Kint a Háztáji Geek 5. adása.
Témáink: Photoshop telepítési nehézségek, Új Java korlátozások Macen, Safari/Chrome és a Flash problémák, Adobe Air és a .NET, YNAB tapasztalatok, Twitter kliens evolúció, Integráció a platformok között, Windows 8 tabletek, iOS 6 wishlist, iOS és Google Maps aggodalmak, Telefonadó, T-Mobile 3G lefedettség, Nova 3, FPS-ek irányítása különböző eszközökön, Steam és iOS játék árkedvezmények, Az elveszett Steve Jobs interjú.
Install horror
Pierre Igot megpróbálta és leblogolta:
So it’s a folder… I still don’t understand why I, as a user, have to see folders called “deploy,” “packages,” and “payloads” in addition to the installer app icon, with all kinds of folders and subfolders inside them, but this is clearly something to which Adobe is very attached, and there is only so many times you can ask the same question before you start wondering whether anyone actually cares about such “details.”
Egy Photoshop CS6 Trial-t akartam tegnap este telepíteni. Ha felmegyünk az Adobe oldalára, majd kiválasztjuk a Photoshop Trial letöltést, akkor egy pár megás DMG-t kapunk, amiben egy installer van.

Rádupláztam, majd megjelent egy telepítő, ez teszi fel azt az alkalmazást, amivel majd letölthetem a Photoshop CS6 Trial DMG-t. Azt természetesen ne felejtsük el, hogy a letöltőmenedzser működéséhez szükséges az Adobe Air telepítése is. Már két felesleges hülyeséget kell feltennem ahhoz, hogy le tudjak szedni egy Photoshop CS6 Trial (még egyszer trial) telepítőt.
Ennél a pontnál egyszerűen feladtam, majd leszedtem torrenttel a DMG fájlt, reakcióm a bal oldalon látható. Persze, „white people problems”, de kérdezem én az Adobe-t: egy felhasználónak, aki használja a Creative Suite csomagot – ami ráadásul ipari szabványként fogható fel szinte bármilyen kreatív munkaterületen – ilyen felhasználói élményen kell átesnie ahhoz, hogy feltegye ezt a monstrumot? Azoknak az emberek, akik ezeket az eszközöket használják arra, hogy a felhasználói élmény nagyszerű legyen. Úgy látszik még nem nőttek fel az Adobe fejlesztői ehhez a feladathoz – a Photoshop eszméletlen rendszeridegen és faszkalap működéséről nem is beszélve.
A Photoshop CS6-ot azóta sikeresen telepítettem a gépemre, 30 napom van rá, hogy kipróbáljam. Igazából csak a handras.hu új fejlécéhez kell az alkalmazás, úgyhogy a hétvégén meg is fogok tőle szabadulni. Még utoljára nézzük meg azt, hogy milyen baromságok jelennek meg a Launchpaden egy CS6 telepítés után.

Csodálatos! A telepítési szarakodás teljes gyönyöréhez még olvassuk el Pierre posztját is.
Mappaméretek megállapítása shellből ⚓
angelday:
Ha a szerveren kell takarítanunk, vagy Macen nem akarunk shareware vizualizáló programot használni, adjuk ki ezt a parancsot:
du -hs *
Felírom magamnak ide.
Instapaper 4.2 ⚓
Marco Arment:
This is a significant update with many fixes and new features, including a new iBooks-Style Pagination option.
Finom Instapaper update érkezett. A kedvenc iPad alkalmazásomban már lapozni is lehet, mint az iBooksban.
Pixel-fitting ⚓
Dustin Curtis:
Using automatic antialiasing when resizing vector graphics leaves a lot of important decisions up to computer graphics software. While the results are generally decent, they’re not perfect. So, for important icons and logos– really, for all rasterized vector images–you should fit the pixels to the grid and ensure they are as sharp as possible.
Dustin „Superhero” Curtis pixelbuzerációja a rossz antialiasingról.
cssarrowplease ⚓
CSS popovert/bubble-t készíteni alapvetően nehéz. A linkelt webes alkalmazással viszont könnyű. Máris imádom!
/via @angelday