Përmbajtje
- 01. Beercamp
- 02. Drejtshkrim
- 03. Laboratorët e Zilisë
- 04. Mallra të Bukura
- 05. Kabina e Mammoth
- 06. Të postueshme
- 07. Lift Interactive
- 08. Përshtypje një Penguin
- 09. Microsoft
- 10. Gjëra dhe pakuptimta
- 11. Çekiç
- 12. Partnerët e Laboratorit
- 13. Gjithmonë krijues
- 14. Chartbeat
- 15. OPower UX
- 16. Konferenca e qarqeve
- 17. Dy kukulla prej letre
- 18. Me shaka
- 19. Stacioni Katër
- 20. Pixelworkers të bashkuar
- Te pelqen kjo? Lexoni këto!
2012 ka qenë një vit mbresëlënës për përdorime unike dhe befasuese të CSS! Zgjedhja e një liste të përdorimeve më të mira të CSS për vitin është një sfidë e vështirë pasi CSS përfshin gjithçka, nga pyetjet mediatike dhe lloji i internetit te animacionet dhe 3D. Ju nuk mund të bëni shumë një faqe në internet pa CSS! Unë kam zgjedhur një listë të dallimeve nga viti i kaluar në të gjitha mënyrat se si CSS mund të tregojë fytyrën e saj.
Impossibleshtë e pamundur të krahasohet përdorimi i llojit të uebit me avantazhin CSS 3D një me një, kështu që unë i paraqes këto zgjedhje pa renditje të veçantë. A më ka marrë malli për disa? Shtoni ato në komentet më poshtë. Nuk ka asnjë arsye që kjo listë duhet të ndalet në 20, është një internet i madh i madh atje!
01. Beercamp
Unë kurrë nuk kam qenë në Beercamp, por e di që ata gjithmonë kanë një sit që të bën përshtypje falë njerëzve në nclud. Faqja e këtij viti paraqiti një libër interaktiv pop-up të mundësuar nga transformimet 3D CSS. Çdo ilustrim përbindësh zgjerohet dhe rrotullohet ndërsa shfletoni faqet.
02. Drejtshkrim
Spelltower nuk është vetëm një lojë jashtëzakonisht e varur, ajo gjithashtu ka një faqe që është plot argëtim dhe personalitet. Përdorimi i gjallë i animacioneve dhe tranzicioneve ju bën të dëshironi të kapni një iPhone dhe të ndizni një lojë.
03. Laboratorët e Zilisë
Një nga etiketat e Envy Labs është "Ne krijojmë argëtim". Një karusel i ilustruar rrotullues i mundësuar nga transformimet dhe kalimet në CSS është mjaft argëtues! Madje, ai shkallëzon dhe funksionon me përgjegjësi, gjë që duhej të ishte paksa sfidë. Për më tepër, faqja gjithashtu përmban disa lloje të zgjedhura mirë të internetit, tranzicionet CSS në pezull dhe forma të drejtuara nga CSS.
04. Mallra të Bukura
Fine Goods, nga Rogie King, është një treg i mallrave në dyqane që synon të sigurojë ikona, burime cilësore dhe më shumë për dizajnerët. Faqja e gjallë përdor një bashkësi të vetive të CSS për të hartuar këtë dizajn të personalizuar. Etiketat e çmimeve përmbajnë tekst HTML, të rrotulluar me transformime dhe animacionet në sirtarët e navigimit janë plot personalitet dhe madje ju befasojnë pak.
05. Kabina e Mammoth
Photo Booths janë shumë argëtim, kështu që një sit për një Photo Booth duhet të jetë gjithashtu! Njerëzit në MammothReach e gozhduan atë me një faqe për Mammoth Booth që pasqyron atë që ka të bëjë me përvojën e kabinës fotografike. Animacionet delikate shtojnë një grusht në ilustrime ndërsa transformimet dhe hijet e kutisë përdoren për t'i dhënë fotove saktësisht sasinë e duhur të ndjenjës së vërtetë të fotografisë.
06. Të postueshme
Faqja Postable, e zhvilluar nga Kevin Kneifel, ka shumë personalitet për një aplikacion në internet. Ilustrimet argëtuese dhe të dobishme të kombinuara me rrokje dhe kalime të zgjuara e mbajnë sitin tërheqës dhe të lehtë për tu kuptuar. Kur kontaktet tuaja po plotësojnë formularin tuaj, ata do të përdorin një kuti të pastër zgjedhëse CSS: "Kjo përfshinte maskimin e kutive të zgjedhura në formularë me një ndarje të jashtme, duke shtuar transparencën dhe përdorimin e pamjes -webkit. Rezultati është një kuti që duket mirë në të gjithë shfletuesit dhe degradon me hijeshi, "thotë Kneifel.
07. Lift Interactive
Lift Interactive ka bërë një dreq pune duke balancuar një dizajn të mirë me efekte të ndryshme dhe duke e mbajtur akoma me stil të përsosur. Faqja është plot me prekje të vogla shtesë të realizuara me kalime dhe transformime, por e preferuara ime janë transformimet 3D në libra. Një efekt i ekzekutuar mrekullisht që shton një të papritur.
08. Përshtypje një Penguin
Penguin Press vendosi të provojë diçka ndryshe për të gjetur menaxherin e komunitetit kështu që ata krijuan Impress një Penguin për të ndihmuar në kërkimin e tyre. Më shumë sesa thjesht një prezantim, faqja përdor kufij dhe hedh hije për të të dhënë vërtet ndjesinë e tyre se janë faqe në një libër. Ilustrimet Penguin në secilën faqe nga Isobel Knowles krijojnë një përvojë të shkëlqyer të tregimit.
09. Microsoft
Paravel projektoi dhe ndërtoi një faqe krejt të re në shtëpi për Microsoft. Kjo faqe është folur shumë për reagimin e saj, por vëmendja ndaj detajeve nuk ndalet këtu. Mënyra se si orkestrohen tranzicionet nëpër elementë të ndryshëm në faqe tërheq vërtet gjithçka së bashku në një mënyrë të lëmuar.
10. Gjëra dhe pakuptimta
Shtë e vështirë të mos buzëqeshësh kur shikon personazhet e ilustruar të shkëmbehen në pika të ndryshme përmes pyetjeve mediatike në kokën e këtij. Ilustrimet, nga Josh Cleland, sjellin shumë personalitet në këtë ridizenjim të fundit për Stuff & Nonsense të Andy Clarke.
11. Çekiç
Njerëzit nga Riot krijuan një sit shumë të menduar mirë për ofertën e tyre të fundit të softuerit, Hammer. Përdorimi i kalimeve në pezull për zonën e heroit është një alternativë freskuese për një karusel. Dizenjimi i tij që të duket sikur po ndodh në laptopin tuaj është gjithashtu një prekje e bukur.
12. Partnerët e Laboratorit
Faqja për studion me stil të artit dhe dizajnit, Lab Partners, përcjell një mesazh të fortë përmes zgjedhjes së tyre të ngjyrave dhe vëmendjes në detaje. Ajo përmban një karusel atipik dhe një plan urbanistik të kuruar mirë në seksionin e punës. Dyqani i tyre po funksionon në Big Cartel por nuk do ta dinit, është integruar në sit jashtëzakonisht mirë me CSS të personalizuar të aplikuar në të gjithë bordin.
13. Gjithmonë krijues
Always Creative, një agjenci me seli në Huston, bashkoi një sit që tregon se sa mund të arrini me një numër të kufizuar ngjyrash dhe shkronjash. Proxima Nova dhe FF Tisa Web Pro janë dy preferuarat e krijuesve të faqeve në internet që përdoren shumë mirë këtu. Ata kanë shtuar pak të papritur me zmadhimin e pjesëve të tyre të portofolit dhe animacionin delikat në kokë gjithashtu.
14. Chartbeat
Njerëzit e Chartbeat ju tërheqin me disa ngjyra të zgjedhura mrekullisht dhe shkruani në faqen e tyre për të filluar. Pastaj, prekjet delikate të animacionit dhe transformimeve do t'ju mbajnë të intriguar ndërsa lëvizni në përmbledhjen e produktit.
15. OPower UX
Kalimet e lulekuqës në këtë faqe të ekipit OPower UX tregon një ekip me personalitet. Përdorimi elegant i FF Dagny në një larmi peshash dhe ikonat e thjeshta rrotullojnë faqen duke ju treguar gjithçka për ekipin.
16. Konferenca e qarqeve
Faqja e konferencës Circles përputhet me fytyra dhe pesha të ndryshme të llojit të uebit me aftësi. Shtoni paletën me ngjyra të vozitshme dhe keni një sit të shkëlqyeshëm që mishëron atë që ka të bëjë me konferencën.
17. Dy kukulla prej letre
Two Paperdolls është një studio shtypshkronjash me një faqe interneti elegante. Faqja kryesore ofron dy rrugë të shquara të theksuara duke shtuar ngjyrën e imazheve në pezull. Por ata nuk janë pa një anë argëtuese, faqja e stafit përmban kukulla prej letre me koka të animuara me guralecë. "Ajo transformoi një faqe statike, të mërzitshme të stafit në një bono kokë me guralecë," thotë Philip Meissner, projektuesi / zhvilluesi prapa faqes . Hardshtë e vështirë të mos buzëqeshësh në animacionet e përdorura ashtu.
18. Me shaka
Faqja Jukely është thjesht një faqe uljeje për një shërbim të ardhshëm, por përmban shumë personalitet. Animacionet e përdorura për të vendosur çdo element butësisht në vend përshtaten me ndjesinë e sfondit të faqes gradiente. Ndërveprimi me formularin e regjistrimit është plot befasi dhe kënaqësi edhe pse keni pak ide për çfarë po regjistroheni. Ndoshta kjo është befasia e radhës.
19. Stacioni Katër
Stacioni Katër
janë
faqe ekspertize
ka një dizajn interesant navigimi që përdor imazhe me rreth të madh si lidhje për ilustrimin kryesor. Navigimi përdor rrezen e kufirit në shtresa për të krijuar format dhe shton gjithashtu disa animacione.
20. Pixelworkers të bashkuar
Djemtë e United Pixelworkers në të vërtetë ridizajnuan dy herë këtë vit dhe versioni aktual i faqes padyshim që dobësohet. Paraqitja është mrekullisht e përgjegjshme, një përdorim i shkëlqyeshëm i llojit të uebit, dhe dizajni përmban tranzicione të gjalla në hover që mbajnë detyrën e zgjedhjes së një këmishë argëtuese.
Shënimi: Disa nga tekstet dhe citimet e përdorura në këtë artikull janë marrë nga Galeria CSS në .net Magazine, shkruar nga Jenn Lukas. Faleminderit, Jenn!
Val Head është një dizajner dhe konsulent që i pëlqen të shohë qëndrimin e internetit sa më të mrekullueshëm të jetë e mundur. Ajo drejton Web Design Day, shkruan për CreativeJS dhe bloge në valhead.com.
Te pelqen kjo? Lexoni këto!
- Si të krijoni një aplikacion: provoni këto udhëzime të shkëlqyera
- Softuer falas për dizajnin grafik i disponueshëm për ju tani!
- Shkarkoni gërmat më të mira falas
- Zgjedhja falas e shkronjave të mbishkrimeve
- Manualë ilustrues: ide mahnitëse për t’u provuar sot!
- Zbuloni se çfarë është më tej për Realitetin e Zgjeruar
- Shkarkoni tekstura falas: rezolucion të lartë dhe gati për t’u përdorur tani
