witola.com

Jag läste en favorit blogg till mig, Nettuts + och funnit att detta är den enklaste förklaringen till bandbredd. Tack Andrew Burgess!

När vi letar efter ett webbhotell kommer du ofta se lagringsutrymme och bandbredd hand i hand. Vad är bandbredd? Det är mängden data som din värd låter dig och dina besökare ladda upp och ned (kumulativt) i en viss månad. Säg din hemsida är 1 megabyte data och din månatliga bandbredd är 10 MB. I början av månaden, ladda du hela webbplatsen, nu har du förbrukat en MB bandbredd. Om en besökare till din webbplats ser varje sida, kommer de att ha hämtat 1MB av data. Det innebär att du kan ha upp till 9 besökare i månaden (förutsatt att var och en utsikt hela webbplats). Efter det kommer ditt webbhotell antingen inte tillåta någon fler besökare, eller (mer troligt) debiterar dig extra per MB. Naturligtvis är din bandbredd något du vill hålla ett öga på, speciellt om du kör en ganska populär plats eller göra något media intensiva (som värd för din egen video, eller hög-res bilder). Precis som lagring, vissa värdar erbjuder "obegränsad" bandbredd, igen, om du tror att du kommer att vara i en gråzon, ta reda på de begränsningar som eller välja en värd som sätter ribban där alla kan se den.

Jag läste min dagliga runda av utformning och handledning bloggar idag och kom över denna stora artikeln på webben typografi. Med så många typsnitt där ute att använda, varför använda samma "säkra" dem hela tiden i din design? Det finns otaliga andra som kommer standard på både PC och Mac.

Här drivs ett ner från författaren Amrinder Sandhu från hans artikel Reviderad Font Stack . De teckensnitt stackar och statistik för både serif och sans serif är ute efter de mer hopp.

Reviderade Font Stacks

* Några av de teckensnitt, som: Garamond, Baskerville och Didot är inte lika lättläst på skärmen som Georgien. Känn dig fri att göra ditt eget urval.
* På grund av lägre x-höjd, Caslon, Didot, Garamond, Baskerville och Hoefler Text bör fastställas på minst 14 pixlar eller mer.
* Lucida Grande, Futura och Tahoma är mekaniskt obliqued att fejka ett kursivt.
* Genève, Baskerville Old Face och Big Caslon har ingen fet och kursiv stil. De fejkade till fet och kursiv stil.
* Undvik att använda Helvetica eller Helvetica Neue för brödtext, speciellt under 14px.
* Futura, Gill Sans och Franklin Gothic Medium bör noggrant staplas och användas på grund av sin ovanliga vikt.

Fortsätt läsa

Tweener du säger? Jo jag måste säga ya efter att få det nya jobbet jag gör mer Flash arbete än någonsin! Jag minns ganska tydligt att låta dem veta jag inte på något sätt ett Flash-programmerare, och deras svar var "Oroa dig inte, vi ska visa dig."

Tja en 15 minuters snabb genomgång skuggning en karl formgivare på huvudkontoret medan det i 2 veckor, var helt enkelt inte tillräckligt för mig. Jag lämnade mina egna smarta och en FLA-fil som han gjorde i farten för att hjälpa mig med koden. Det är bara hur du kommer igång som har haft mig i ett dilemma.

Kort sagt, istället för att använda tidslinjen och blixtens inbyggda Tween klassen är Tweener annan klass på sig själv. Det gör det så lätt och om du vill ha något att röra sig över skärmen, rotera medan du gör det och stannar vid en specifik plats och sedan minska igen som på ett elastiskt band, Tweener är din nya vän. Du berättar det vad, när och var och det gör det åt dig - utan att du behöver känna till språket Action Script och andra bakdelen Flash-kod. Enkel och en Gud skicka.

All dokumentation, kan filer etc. hittas genom att klicka på ovanstående Tweener bilden! Dessa är de killar som skapat denna underbara skript: Zeh Fernando (Project Owner), Nate Chatellier (Project medlem), och Arthur Debert (Project medlem). Jag hittade den första dokumentationen lite vag och behövde bara en in-my-face handledning för att få mig att visualisera hur att initiera den. Här är två sidor jag hittade som kan hjälpa mig med detta:

Ha kul, skicka den vidare och vara bra. Jag behöver komma tillbaka till jobbet!

Sitter vid skrivbordet av en ny medarbetare idag märkte jag på hennes väggen var en fusklapp för några HTML-kod. Ingenting stor jag trodde tills mina ögon drogs till botten av arket: Made by www.ilovejackdaniels.com Hmmmm spännande faktiskt jag trodde!
Jag tittade upp platsen och möttes av detta meddelande: Sajten tidigare värd på ILoveJackDaniels.com har på begäran av Jack Daniel varumärke team, har flyttats till den nya domänen AddedBytes.com. Vänligen uppdatera dina länkar, bokmärken, adressböcker och mentala anteckningar. Om du har frågor, kommentarer eller problem till dave@addedbytes.com .

och omdirigeras till AddedBytes.com där jag hittat alla möjliga användbara fusk ark för kodning HTML, PHP, CSS och liknande. Njut av andra webbdesigners och utvecklare!

AddedBytes.com är online lekplats Dave barn ( dave@addedbytes.com ), en webbutvecklare och internet marknadsförare från Brighton, på sydkusten av Storbritannien. Läs mer om Dave och lagt Bytes . Tack Dave!

En mycket spännande pressmeddelande på mitt nya jobb idag!

HIG Ventures, LLC meddelade idag att en av dess dotterbolag har genomgått en betydande investering Growth Capital Triad Digital Media, LLC, ett Tampa, FL-baserade online-annonsering tjänster företaget.

Grundades 2004, är Triad Digital Media marknadsledare i att skapa, hantera och driva nätet medier program för ledande återförsäljare och e-handel webbplatser. Triad partner med stora e-handel webbplatser som Walmart.com, CVS.com, Dell.com och SamsClub.com och andra att hjälpa dem tjäna pengar på sina online-trafiken via riktade reklam placeringar och innehåll. Triad skapar, värdar och hanterar fokuserade delar av varje partners hemsidor och använder innehållsbaserad och beteendemässiga inriktning för att få en mycket relevant demografisk till annonsörer. Triad strategi, som förutom eget innehåll omfattar bannerannonser och program sponsring, når kunder som befinner sig i en eftertraktad "shopping" tänkesätt. Detta erbjudande ger stort värde för annonsörerna och är unik i den digitala media reklam marknaden idag.
Fortsätt läsa

Jag saknar att ha tid att läsa mina dagliga bloggar som jag brukade, men kom över denna stora serie från en av mina favoriter: Chris Coyier vars en plats CSS-tricks har hjälpt mig oerhört.

I serien han tar dig från design processen med att göra en webbsida layout till skivning och kodningsprocessen - där CSS gör designen kommer till liv. Nästa han tar dig genom processen att integrera denna kod i en CMS (content management system) som WordPress. På detta sätt allt (inlägg, foder, uppdateringar) är dynamiska och plats bred. Jag hoppas att du prenumerera på hans RSS-feed, kolla in hans andra bloggar och njuta av serien.

Jag kommenterade att jag hoppades det var en 4: e i serien för att visa oss processen i prepping och kodning fotogalleriet, kontaktformulär, kundvagn och Twitter foder. Vi kommer alla måste tillbaka för att se!

Del 1 börjar från absolut noll i Photoshop, med bara några som angavs resurser från kunden. Vi designar hemsidan och hud för webbplatsen.

Del 2 visar hur du skära upp designen från Photoshop till XHTML / CSS.

Del 3 visar hur man konverterar den till en WordPress mall.

För några veckor sedan en designer och bloggare jag har följt, liksom mycket aktiv Twitterer , Graham Smith imjustcreative , meddelade en serie UPS logo runda han utstationering. Jag tänkte att jag skulle ta en titt och hittade dessa ord:

Detta är del 10 av Logo Design Round-Up serien. Detta pågående serien visar upp en samling av logotyper och varumärken lämnade själv av ett gäng frilansande designers och kreativa folk i många kreativa områden. Dessa designers använder logotyper för att sälja, främja, varumärke och marknadsföra sina olika färdigheter. Om du vill vara en del av denna logo design serien, då information finns längst ner i detta inlägg.

Jo jag var glada och fick till arbetet efter de specifikationer att lämna och skriva en snabb översikt på logotypen behandlingen för mitt personliga affärer Anubis Creative . Hej, gratis reklam och en länk från en välkänd blogg, vem skulle inte, eller hur?

Efter en lång dag på jobbet bestämde jag mig för att kolla lite mail, läsa några av mina favorit bloggar och Retweet del värdefull information till alla konstruktörer och ... Väl till min förvåning Graham skrev ett meddelande om de senaste inlagor! Anubis Creative var på Del 11 blogginlägg i levande färger . Glad jag textas en vän och hoppas bara människor göra några trevliga kommentarer. Kanske till och med ett nytt projekt skulle bli stor, sikten är underbar och mycket uppskattad - därav utstationering här talar honom!

Komma ihåg dock att när Graham uttrycker det: "Detta är inte en tävling, det är inte en bästa, det är inte en som har den bästa logotyp, det är inte en samling logotyper som jag har valt De logotyper som tillhandahålls av dem som ville. vara en del av detta inlägg. Och ett stort tack till alla som har lämnat. "

Följande är en artikel jag läste på en blogg om front-end utvecklare och kodning metoder och tänkte att jag skulle skicka den vidare. Det är genom Doug Neiner, en redaktör på fart på Coding och är VD för Pixel Graphic Design Studio . Han är beroende av ny teknik, och speciellt älskar att umgås med WordPress, Ruby on Rails och jQuery.

Vad som följer här är en serie av 10 saker att komma ihåg och öva på varje webbsida utvecklingsprojekt. Jag har listat dem här i storleksordning så många av de åtgärder bygger på varandra. Om du tar inget annat från läsningen, ta Regler # 1 och # 2 till hjärta och öva dem. Jag tror att lösa dessa två problem kommer att leda till bättre design och bättre genomförande i webbsidor över Internet.

1. Ladda Enough, och lite till

Särskilt i svåra ekonomiska tider, företag och individer både försöker minska kostnaderna och hålla projekt ner till ett minimum. På grund av denna kunskap, vi som webbutvecklare försöker att gå igenom varje fas så snabbt som möjligt. Front end utveckling, dock ta en avsevärd tid om det görs på rätt sätt. Inte tillräckligt betalt för den tiden leder oss som utvecklare att hoppa över saker vi vet är viktiga bara för att hålla projektet inom budget. Regeln är enkel ... du normalt inte kommer att ta tid att göra det rätt om du inte har tid att ta. Det enda sättet att få mer "tid" som en utvecklare är att garantera den tid vi Lägger är korrekt kompenseras. Vid den tidpunkten ensam kan våra hjärtan och sinnen till fullo ansluten till våra projekt ... och först då kan vi ta tid att följa de återstående 9 reglerna.

2. Utbilda Designer

För dem som är en designer / utvecklare allt-i-ett maskin, bör detta man vara lätt. Men kodare som arbetar med eller för en designer har en unik ansvar. Eftersom många designers kommer från en utskrift bakgrund är det upp till dig, utvecklare att utbilda dem på de möjligheter till sina konstruktioner. Nej ... jag inte säga att låta dem veta om 150 + jQuery plugins du använder, eller dina tankar om hur du använder en UL / LI combo vs en serie A taggar. Jag sa utbilda dem till möjligheter. Hjälpa dem att förstå hur deras utformning kan visas på olika enheter. Hjälp dem att förstå hur man kan utnyttja upprepade bakgrunder och kaklade mönster för att uppnå stora konstruktioner med minimal filstorlek.

Lämna inte kreativiteten bara till formgivaren heller! Detta är din chans att bevisa att du är kreativ och genom att hitta de perfekta tekniska lösningar för att möta behoven hos designern. Berätta för dem "det bara inte sker på det sättet" för varje begäran är ett bergsäkert sätt att få frustration på båda sidor. Sätt ditt sinne för att arbeta hitta vägar runt hinder.

Obs: artiklarna 3 till 10 bygga ut de första två regler. Några av följande regler kräver ytterligare grafik från designern och alla regler tar tid att följa. Gör ett åtagande att reglerna 1 och 2, och de återstående reglerna kommer både vettigt och gör din färdiga produkt som mycket bättre.

3. Tänk i Lager, inte i skivor

Redan i dag använder vi fortfarande frasen "klippa upp design" för att beskriva processen att flytta en design från Illustrator eller Photoshop i den färdiga HTML / CSS layout. Även om detta är fortfarande till stor del korrekt, motsäger sitt namn från det tidigare använda skivning en design i bitar och återmontera den (oftast i en tabell) tillbaka på HTML-sidan.

Det var den gamla webben. Den nya webben använder begreppet skiktning, stapling, och z-index för att uppnå design med djup. Som en kodare, se till att få lager PSD-filer eller lager AI filer från designern vs en platt design. Detta gör att du kan ha mycket större flexibilitet i hur du sätter ihop en webbplats. Kom ihåg, när du arbetar i lager, överväga de HTML-element som är viktiga för strukturen innan tillgripa lägga till ytterligare Divar och spännvidder. Du kan använda ett återkommande vertikalt mönster på html element och ett horisontellt bakgrund på body element utan att föra den fruktade div#wrapper för att lösa dina bakgrund elände.

Fortsätt läsa

OK, här är ett exempel på hur jag hittar saker ...

1. Först hörde jag ett pip på min TweetDeck och såg en tweet från min favorit bloggare Chris Coyier från CSS Tricks .
Han nämnde han bara skrivit en screencast om hur man återskapa en CSS trick på denna andra webbplats.
2. Jag såg videon, tyckte det var coolt, och rullas till slutet av inlägget för att se andra inlägg / kommentarer.
3. Då jag bläddrat förbi där han kommenterade tillbaka till någon och nyfiken mig ville veta vad som var upp.
4. Jag läste både och kom över denna

Jack Franklin säger:

Bra grejer Chris.

Jag märkte att du har HTML-Ipsum ikonen i menyraden, var kan jag få det programmet från har jag sökt i evigheter och jag kan inte hitta det

Tack,

Jack

Chris Coyier säger:

Använd fluid.app och göra en app menyraden från den här webbadressen http://html-ipsum.com/fluid/

5. Så jag googlade app och ... kolla in det här och granska den första 1 minut video på sidofältet. Mycket cool ...

http://fluidapp.com/

6. Html ipsum app han talade om är cool som också

Det är så jag tycker att dessa saker leder en sak alltid till en annan ...