2010 Július 24, 2010

Sávszélesség - Rövid és egyszerű!

Olvastam egy kedvenc blog az enyém, Nettuts + és megállapította, hogy ez a legegyszerűbb magyarázat a sávszélességet. Köszönöm Andrew Burgess!

Ha keres egy internetes fogadó, akkor gyakran látni tárhelyet és sávszélességet kéz a kézben. Mi az a sávszélesség? Ez az adatmennyiség, hogy a gazda megengedem, hogy a látogatók és a feltöltési és letöltési (halmozottan) egy adott hónapban. Mondjuk a website 1 megabyte adat és a havi 10 MB sávszélesség. Az a hónap elején, akkor töltse fel az egész oldal, ma már felhasználta 1 MB sávszélesség. Ha egy látogató megtekinti a webhely minden oldalán, akkor a letöltött 1MB adatot. Ez azt jelenti, hogy akár 9 látogatók az adott hónapban (feltételezve, hogy az egyes nézetek az egész site). Ezután, a webhoszting lesz vagy nem teszi lehetővé az ilyen több látogatót, vagy (inkább) számol fel plusz egy MB. Persze, a sávszélesség, amit akar majd tartani a szemünket, különösen akkor, ha egy viszonylag népszerű oldal, vagy tegyen valamit a média intenzív (mint a fogadó saját videó, vagy nagy felbontású képeket). Csakúgy, mint a tárolás, hostok kínál "korlátlan" sávszélesség; újra, ha úgy gondolja, akkor lesz egy szürke területen, találja meg a határértékeket, vagy válasszon egy fogadó, amely beállítja a bárban, ahol mindenki láthatja.

Részvény

2010 Február 5, 2010

Web Design és betűtípus Stacks

Olvastam a napi kerek fel a tervezés és bemutató blogok, és ma jött át ezt a nagy cikket a webes tipográfia. A sok betűtípus kint használni, miért használja ugyanazt a "biztonságos" is minden alkalommal a design? Számtalan más, hogy az alapfelszerelés mind a PC és a Mac.

Itt van egy lepusztult a szerző Amrinder Sandhu az ő cikke felülvizsgált Betűtípus Stack . A font stack és statisztika mind serif és sans serif után is több folytatásban.

Felülvizsgált Betűtípus Stacks

* Egyes betűtípusok, mint: Garamond, Baskerville és Didot nem olyan olvasmányos, mint a képernyőn, Grúzia. Nyugodtan, hogy a saját választását.
* Mivel a kisebb x-magasság; Caslon, Didot, Garamond, Baskerville és Hoefler szöveg kell megállapítani, legalább 14 pixeles vagy nagyobb.
* Lucida Grande, Futura és Tahoma mechanikusan obliqued színlelni dőlt.
* Genf, Baskerville Old Face és a Big Caslon nem félkövér és dőlt. Ezek a hamis félkövér és dőlt.
* Kerülje a Helvetica vagy Helvetica Neue a törzsszöveg, különösen az alábbi 14px.
* Futura, Gill Sans és a Franklin Gothic Medium körültekintően kell egymásra és használni, mert a szokatlan tömeg.

Folytatódik olvasó

Részvény

2010 Január 4, 2010

Tweener osztály Flash

Tweener, aki azt mondod? Hát azt kell mondjam ez után kapok új munkát végzek több Flash munkát, mint valaha! Emlékszem világosan mondják el nekik, nem vagyok semmilyen módon a Flash programozó, és a válasz az volt: "Ne búsulj, majd megmutatom."

Nos, egy 15 perces gyors felülvizsgálat árnyékoló fickó tervezője a vállalati iroda, miközben ott 2 hétig, egyszerűen nem volt elég nekem. Én maradt a saját ötletekhez és egy FLA fájlt tette on the fly, hogy segítsen nekem a kódot. Csak hogyan kell elindulni, hogy volt nekem egy dilemma.

Röviden, használata helyett az idővonalon és vaku beépített Tween class, Tweener egy másik osztály magára. Ez teszi a dolgokat olyan egyszerű, és ha akarsz valamit, hogy mozog a képernyőn, míg a forgatás során, hogy megáll, és egy adott helyszínen, majd enyhíteni a hátfájást, mint egy gumiszalag, Tweener az új barátja. Mondd meg neki, mit, mikor és hol, és teszi mindezt az Ön számára - anélkül, hogy érzed, hogy tudja, Action Script nyelv és egyéb flash back end kódot. Leegyszerűsítő és Isten küld.

Minden dokumentáció, stb fájlok találhatók, kattintson a fenti képre Tweener! Ezek a srácok, aki létrehozta ezt a csodálatos script: Zeh Fernando (projektgazda), Nate Chatellier (Project tagja), és Arthur Debert (Project tagja). Megtaláltam a benyújtott dokumentáció egy kicsit homályos, és csak szükség van egy in-my-arcát bemutató rávenni, hogy szemléltesse a módja annak, hogy kezdeményezi azt. Íme két webhely találtam, hogy segítsen nekem ebben:

Have fun, add tovább, és lesz is. Kell mennem vissza dolgozni!

Részvény

2009 December 7., 2009

Szeretlek Jack Daniels ad kód támogatást?

Ül a pultnál egy új munkatársa ma vettem észre rajta falon volt egy puskát néhány HTML kódot. Semmi nagy Gondoltam, amíg a szemem hajlott, hogy az alján a lap: Made by www.ilovejackdaniels.com Hmm érdekes, valóban gondoltam!
Megnéztem az oldalt, és fogadta ezt az üzenetet: Az oldal korábban otthont ILoveJackDaniels.com rendelkezik, kérésére a Jack Daniel védjegye csapat, átkerült az új domain AddedBytes.com. Kérjük, frissítse a hivatkozásokat, könyvjelzőket, címjegyzéket és a mentális jegyzetek. Kérjük, minden kérdése, észrevétele vagy problémát dave@addedbytes.com .
Screen shot 2009-12-07 at 7.04.57 PM

és újra irányítani AddedBytes.com ahol találtam mindenféle hasznos cheat lapok kódolására HTML, PHP, CSS és hasonlók. Élvezze a többi webes tervezők és fejlesztők!

cs

AddedBytes.com az online játszótere Dave Child ( dave@addedbytes.com ), webes fejlesztő és internet marketingszakértő Brighton, a déli partján, az Egyesült Királyságban. Olvasson többet Dave és kiegészítette Bytes . Köszönet Dave!

Részvény

2009 December 3., 2009

HIG Ventures bejelentette jelentős befektetés Triad Digital Media

HIG_Ventures_RGB_logo Egy nagyon izgalmas sajtóközlemény az új munkámat ma!

HIG Ventures, LLC ma bejelentette, hogy egyik leányvállalata befejezte jelentős növekedési tőke befektetés Triad Digital Media, LLC, a Tampa, FL-alapú online hirdetési szolgáltatásokat nyújtó vállalat.

2004-ben alapított Digital Media Triád a piacvezető létrehozására, kezelésére és működő online média programok egyik vezető kiskereskedő és e-kereskedelmi weboldalak. Triad partnereink nagy e-commerce webhelyek, mint például Walmart.com, CVS.com, Dell.com és SamsClub.com és mások, hogy segítsen nekik pénzt, hogy az online forgalom a célzott hirdetési helyeket és tartalmát. Triad teremt, házigazdák és kezeli az egyes részek középpontjában partner honlapok és kontextus és viselkedési célzott, hogy egy igen fontos demográfiai a hirdetők. Triad megközelítése, amely amellett, hogy egyedi tartalmakat tartalmaz banner hirdetéseket és szponzori programok, eléri a fogyasztók, akik egy nagyon keresett "vásárlás" gondolkodásmódot. Ez a kínálat nagy értéket biztosít a hirdetők és egyedülálló a digitális média hirdetési piacon.
Folytatódik olvasó

Részvény

2009 November 16, 2009

Photoshop tippek jöttem át

Screen-shot-2009-11-16-at-11.25.17-AM Íme néhány tipp Felvettem a közelmúltban, hogy segítse felgyorsítani a tervezés és a türelem szempontjából felesleges termelési eljárások:
  • Rajzolj egy kiválasztás, majd a Shift + CMD + C billentyűkombinációt összevonták. Ez eltart minden rétegét a vágás, hanem csak az aktuális réteg kiválasztása.
  • Menj a File> Scripts> Load fájlokat verem nyitni egy csomó képet, és automatikusan tegye fel őket az egyes rétegeket.
  • Az ecset eszközt kiválasztva, nyomja meg a [és] gombokkal növelheti vagy csökkentheti az ecset méretét.
  • Egy másik hasznos tipp a Mac felhasználók számára. Váltás a különböző teljes képernyős módban nyomja meg a F gombot.
  • Növeli a méretét a munkaterület szerint változni fog a paletta le a TAB billentyűt. Vigye át a képernyő szélein, hogy vissza paletta, amely aztán újra eltűnnek, ha az egeret elköltözött.
  • Kattintson duplán a Nagyítás ikon nagyítóval ugrik vissza 100%.
  • Húzzon egy válogatás a Marquee Tool-t, de mielőtt elengedné az egérgombot, tartsuk lenyomva a szóközt, hogy helyezze át a kijelölést.
Részvény

2009 Október 17, 2009

A Photoshop fájlt HTML / CSS WordPress sorozat

Screen shot 2009-10-17 at 4.59.04 PM Hiányzik, amelyek az időt, hogy olvasta a napi blogokat, mint régen, de rátaláltam erre a nagyszerű sorozat az egyik kedvencem: Chris Coyier, akinek egy oldalon CSS-trükkök segített nekem mérhetetlenül.

A sorozatban ő viszi a tervezés folyamata egy weboldal layout, a szeletelés és a kódolási folyamat - melynek CSS teszi a design életre. Aztán végigvezeti Önt a folyamat, amely integrálja kódot egy CMS (Content Management System), mint a WordPress. Így mindent (hozzászólás, hírcsatornák, frissítések) a dinamikus és széles helyszínen. Remélem, feliratkozni RSS feed ő, nézd meg a másik blogokat, és élvezze a sorozat.

Azt megjegyezte, hogy remélem, volt egy 4. a sorozatban, hogy megmutassa a folyamatot prepping és kódolásához fotógaléria, kapcsolatfelvételi űrlap, bevásárlókocsi és a Twitter feed. Mindnyájan kell ellenőriznie, hogy lásd!

1. rész abszolút nulláról indul a Photoshop, csak néhány forrásokat biztosít az ügyfél. Mi megtervezzük a honlap és a bőr számára az oldalon.

Screen shot 2009-10-17 at 4.47.42 PM

2. rész megmutatja, hogyan szeleteljük fel a design-tól a Photoshop XHTML / CSS.

Screen shot 2009-10-17 at 4.47.28 PM

3. rész megmutatja, hogyan kell alakítani egy WordPress sablon.

Screen shot 2009-10-17 at 4.45.57 PM

Részvény

2009 Szeptember 1., 2009

Anubis Kreatív debütál a imjustcreative blog!

Néhány héttel ezelőtt a tervező és blogger én is azt követő, valamint a nagyon aktív Twitterer , Graham Smith imjustcreative bejelentette egy sor kerek ups logó volt kiküldetés. Gondoltam, hogy egy pillantást, és megállapította, ezeket a szavakat:

Ez a 10. rész a Logo Design Round-Up sorozat. Ez a folyamatos sorozat bemutatja gyűjteményét logók és márka jelek, önálló által benyújtott egy csomó szabadúszó tervezők és kreatív népi számos kreatív területen. Ezek a tervezők használja a logók eladni, elősegítik, a márka és forgalmazza a különböző készségeket. Ha azt szeretnénk, hogy részesei lehettünk ennek logótervezés sorozat, akkor részletek találhatók az alján ezen a poszton.

Nos izgatott voltam, és megkaptam a munkát követően a szemüveg, hogy nyújtson be és írjon egy rövid összegzést az a logo kezelés a személyes üzleti Anubis Kreatív . Hé, ingyen reklám, és egy linket egy jól ismert bloghoz, aki nem, ugye?

Egy hosszú nap után a munka úgy döntöttem, hogy ellenőrizze néhány e-mail, olvasott néhány kedvenc blogom, és retweet néhány értékes információ, hogy a tervezési közösség és ... Nos az én csodálkozva Graham írt közleményt a legújabb beadványát! Anubis Kreatív volt a 11. rész blogbejegyzés In Living Color c . Én izgatott texted egy barátom, és csak remélem, hogy az emberek néhány szép megjegyzést. Talán még egy új projekt nagyszerű lenne, a látótávolság csodálatos és igen nagyra értékelik - innen a véleményét beszél őt!

Emlékezés azonban, hogy a Graham fogalmaz: "Ez nem egy verseny, ez nem a legjobb, ez nem egy, aki a legjobb logó, ez nem egy gyűjteménye emblémák, hogy én választottam. Ezeket logók által szolgáltatott amelyek akart része legyen ezen a poszton. És egy hatalmas köszönet mindenkinek, aki benyújtotta. "

Részvény

2009 Augusztus 18, 2009

Front-End fejlesztése Tippek az életüket.

Picture 1 A következő egy cikket olvastam a blog vonatkozó front-end fejlesztő és kódolási gyakorlatokat és gondoltam volna, hogy add tovább. Ez Doug Neiner, szerkesztő a Fuel A kódolás és elnöke a Pixel grafikai stúdió . Ő rabja az új technológiákhoz, és kifejezetten szeret időt tölteni a WordPress, és a Ruby on Rails jQuery.

Ami ezután következik, itt van egy sor 10 dolog, hogy emlékezzen, és gyakorolni az egyes webes fejlesztési projekt. Én itt felsorolt ​​őket fontossági sorrendben annyi lépések egymásra épülnek. Ha mást nem vesz el az olvasó, kérjük, vegye Szabályok # 1 és # 2 a szív-és gyakoroljuk őket. Azt hiszem, ez a két probléma megoldására vezet jobb megtervezéséhez és jobb megvalósításához a weboldalak az interneten keresztül.

1. Töltse Elég, majd néhány

Különösen nehéz gazdasági időkben, az üzleti és az egyének egyaránt megpróbálják csökkenteni a költségeket, és tartsa meg a projektek minimális. Mivel ezt a tudást, amit a web-fejlesztők megpróbálják mozoghat minden fázisában a lehető leggyorsabban. Front end fejlődés azonban, hogy egy jelentős mennyiségű időt, ha megfelelően végezzék. Nem megfelelő az idő a töltés vezet bennünket, hiszen a fejlesztők, hogy átugorják a dolgokat tudjuk, hogy fontos, csak hogy a projekt költségvetését. A szabály egyszerű ... máskor nem fog az idő, hogy ez jobb, ha nincs ideje, hogy. Az egyetlen módja, hogy minél több "ideje", mint a fejlesztő, hogy garantálja az idő költünk megfelelően kompenzálni. Ezen a ponton egyedül szívünket és elménket teljes mértékben csatlakozik a projektek ... és csak ezután tudunk időt arra, hogy kövesse a fennmaradó 9 szabályokat.

2. Formálni a tervező

Azok számára, akik a tervező / fejlesztő all-in-one gép, ez könnyűnek kell lennie. Azonban a programozóknak, akik dolgoznak, vagy egy tervező egyedülálló felelősséggel. Mint sok tervező származnak nyomtatott háttér, akkor csak rajtad áll, a fejlesztő, hogy oktassák őket a rendelkezésre álló lehetőségeket, hogy terveiket. Nem ... Azt nem mondtam, hadd tudják meg a 150 + jQuery plugin használata, vagy a gondolatait egy UL / LI Combo vs sorozatát A címkéket. Azt mondtam nekik, hogy a nevelés lehetőségeit. Segíts nekik megérteni, hogyan lehet megjeleníteni a tervezési különböző eszközökön. Segíts nekik megérteni, hogyan képes mozgósítani ismétlődő háttér és csempézett minták elérése nagy tervek minimális fájlméret.

Ne hagyja a kreativitást kizárólag a tervező sem! Ez az Ön esélye, bizonyítandó, kreatívak is, találd meg a tökéletes technológiai megoldások igényeinek kielégítése a tervező. Mondta nekik: "Ez egyszerűen nem így történt" minden kérés egy holtbiztos módja annak, hogy frusztrációt okoz mindkét oldalon. Vedd fel a fejében, hogy munkát találjanak utakat akadályokat.

Megjegyzés: A 3. és 10 között épít ki az első két szabályokat. Az alábbi szabályokat igényel további grafikát a tervező, és minden a szabályok időt vesz igénybe, hogy kövesse. Készíts egy kötelezettségvállalást a szabályok az 1. és 2., és a megmaradó szabályok is van értelme, és hogy a végtermék sokkal jobb.

3. Gondolj a Rétegek, nem szelet

Még ma is, még mindig használja a kifejezést "vágja fel a design", hogy leírja a folyamat halad a design az Illustrator vagy a Photoshop a kész HTML / CSS elrendezés. Bár ez még mindig nagyon pontos, a neve is meghazudtolja az előbbi fogalom szeletelés tervezési és darabokra csonkon (általában egy táblázatban) vissza a HTML oldalt.

Ez volt a régi weben. Az új web fogalmát használja a rétegezés, anyagmozgató, és z-index elérése érdekében tervez a mélységgel. Mint coder, biztos, hogy réteges PSD fájlokat vagy réteges AI fájlokat a tervező vs lapos kialakításának. Ez lehetővé teszi, hogy sokkal rugalmasabb, hogyan összerakni egy weboldal. Ne feledd, ha a dolgozó rétegek, fontolja meg a HTML-elemeket, amelyek elengedhetetlenek a szerkezethez való folyamodás előtt hozzáadásával további divs ölel fel. Használhatja ismétlődő függőleges minta a html elem, és egy vízszintes ismétlődő háttér a body elem anélkül, hogy a rettegett div#wrapper -ben megoldani a háttérben bánatos.

Folytatódik olvasó

Részvény

2009 Augusztus 13, 2009

MacGyver a laza

macgyver2rs OK, itt van egy példa arra, hogyan találom meg a dolgokat ...

1. Először hallottam egy sípolás én TweetDeck és láttam egy tweet a kedvenc blogger Chris Coyier a CSS trükkök .
Megemlítette, ő csak felkerült egy screencast, hogyan kell újra létrehozni egy CSS trükk a másik oldalon.
2. Néztem a videót, azt hitte, hogy hűvös, és görgetni, hogy a végén a poszt, hogy mások üzenet / hozzászólás.
3. Aztán elmúlt egy görgethető, ahol megjegyezte, hogy valaki kíváncsi rám, és tudni akarta, mi van.
4. Olvastam mind, és jött át ez
Picture 1
Jack Franklin azt mondja:

Nagy cucc Chris.

Észrevettem, akkor a HTML Ipsum ikon a menüsorban, hol lehet kapni, hogy a program, amit mindig keresett a korosztály, és én nem találom : (

Köszönöm,

Csatlakozó

Chris Coyier mondja:

Használja fluid.app és egy menüsor app erről a címről http://html-ipsum.com/fluid/

header

5. Szóval googled az app, és ... ezt nézd át, és az első 1 perces videót az oldalsávon. Nagyon király ...

http://fluidapp.com/

6. A html ipsum app beszélt arról van szó, vagány is

Így találom ezeket a dolgokat, egy dolog mindig a másikhoz vezet ...

Részvény