I was looking for a Google Analytics widget for my dashboard all around the web and to my biggest surprise I only found two that was working: Dashalytics by Rovingrob, and the cleverly named Analytics Widget by Adrian Kenny. The first one has a lot of great features regarding the data but looks aweful, the second one looks nice but doesn’t have many features, so neither of these seemed ideal…
I did a little research on OS X dashboard development and gladly found that all the widgets are developed in HTML, CSS and JavaScript languages, all which I’m really familiar with due to web development. So I started downloading Xcode from the Mac App Store and opened Photoshop to create a layout plan for the widget. The first draft got kind of popular on Dribbble, so I know I was going the right way with it.
229435
Now, couple of days later, ladies and gentlemen I present to you the first version of GAget – Google Analytics Widget for OS X. Download it now!
Hogy mi is az a CSS? A web(lapok) egyik legfontosabb összetevője. A CSS nélkül szerintem még mindig valahol a web őskorában járnánk és a Netscape Navigatoros weblapoknál még mindig nem nagyon lehetne szebbeket készíteni, esetleg csak hosszú-hosszú HTML kódsorok megírásával. A Cascading Style Sheet egy “hálóközileg” elfogadott webes nyelv, amit a böngésző fordít le, dolgoz fel és a honlapok grafikus részleteinek megformázását teszi egyszerűbbé és könnyen módosíthatóvá. Például körülbelül 5 sor szöveggel megformázható elfogadhatóra egy bekezdés (<p>), hogy egyedi betűtípusa, betűmérete, színe és sorköze legyen. Hasznos, nem?
A nyelv maga jelenleg a kettes és hármas verzió között stagnál, a legtöbb böngésző (Firefox, Safari, Chrome) támogatja a hármas verzió nagyrészét (kb 80%), de a jó öreg IE persze megint csak le van maradva: bár az IE8 kezd ledolgozni a lemaradásából, még így is sok-sok munkaórát kell beleölni a sitebuildereknek, ha CSS3 kód részeket is írnak IE8-ra.
A továbbiakban megnézzük, hogy hogyan is működik és mikre is lehet használni a CSS-t.
Continue reading this entry
