45 Výkonný CSS / JavaScript-techniky

width = "650">
width = "650">
Smashing-časopis-reklama v 45 Výkonný CSS / JavaScript-techniky /> v 45 Výkonný CSS / JavaScript-techniky v 45 Výkonný CSS / JavaScript-techniky v 45 Výkonný CSS / JavaScript-techniky

Spacer v 45 Výkonný CSS / JavaScript-techniky

CSS a JavaScript sú veľmi výkonné nástroje pre návrhárov a vývojárov. Avšak, niekedy je ťažké prísť s jeden výborný nápad, ktorý by vyriešil problém, ktorý čelí hneď. Dobré správy: takmer každý deň, dizajnérmi a vývojári prišli s čerstvým a chytré triky CSS a techniky a ich zdieľanie s ostatnými vývojármi online. Pravidelne zbierať všetky tie triky, filtrovať ich, triediť ich, revidovať ich a pripraviť sa pre čitateľa Smashing Magazine.

V tento post prezentujeme 45 užitočných CSS / JavaScript-techník, ktoré vám môžu pomôcť nájsť šikovné riešenie niektorých vašich problémov, alebo len nechať inšpirovať, čo je možné s CSS. Pokrývame zaujímavé CSS-technik, navigačné menu, CSS typografie, CSS zoznamy a CSS tlačidla. Zamerať na tento post sa rozkladá na CSS, prosím, zistíte, že niektoré techniky používať JavaScript alebo PHP pre lepšiu funkčnosť.

Upozorňujeme, že toto je prvá časť našej veľké guľaté-up čerstvého CSS / JavaScript-techniky. Ostatné techniky (CSS tabuľky, rozvrhnutie CSS, CSS pre mobilné zariadenia a CSS formulára) budú obsiahnuté v nasledujúcom článku. Takže nezabudnite prihlásiť do nášho RSS-feed a za nami na cvrlikání pre podobné tovary a prúd užitočných zdrojov. Prosíme, dajte nám vedieť, čo by sme mali zmeniť či zlepšiť v našej budúcnosti miest!

Sme si vedomí toho, že veľa čitateľov sú unavení "zoznamov" plávajúce okolo webu, ale sme si istí, že veľká väčšina našich návštevníkov bude využívať tento príspevok formáte a nájde aspoň niektoré z techník vystupoval v tento príspevok užitočný.

Zaujímavé CSS Techniques

Budovanie nového vizuálneho Poznámky /> Tieto poznámky presahmi sú zložené z dvoch hlavných prvkov, prekrytie s leskom a hranice s transparentnosťou. Veľmi zaujímavé, ale jednoduché technike ZURB Design Agency, dizajnérov, ktorí písali sériu článkov o Smashing Magazine rovnako.

Anotácia v 45 Výkonný CSS / JavaScript-techniky

Sexy Music Album Overlays /> Aticle To ukazuje, ako štýl hudby potokov a poskytuje niektoré grafické tak urobiť.

Css-112 v 45 Výkonný CSS / JavaScript-techniky

Farebné hodiny s CSS & jQuery /> Tento tutoriál opisuje, ako možno vytvoriť hodiny s využitím základných CSS a JavaScriptu.

Css-086 v 45 Výkonný CSS / JavaScript-techniky

Ako vytvoriť hĺbku a Nice 3D Stuhy iba pomocou CSS3 /> Využijeme box-shadow vytvoriť drop-shadow s RGBA, farebný model, ktorý umožňuje optimalizovaný kontrast s akýmkoľvek druhom pozadia. RGBA je štandardný model RGB (0,0,0 - 255255255), a dodáva, posledná možnosť (a) pre neprehľadnosť. Môžeme použiť tento model aj pre iné vlastnosti, a pracuje s novým prehliadačom.

Css-197 v 45 Výkonný CSS / JavaScript-techniky

Pokročilé Udalosť Timeline S PHP, CSS & jQuery /> Táto moderná Udalosť os je použitá s pomocou PHP, MySQL, CSS a jQuery. Výsledok: príjemné chvíle súlade s klikacie akcie. Pridanie novej, bude tak jednoduché, ako vloženie riadku v databáze.

Css-195 v 45 Výkonný CSS / JavaScript-techniky

CSS Navigačné menu

CSS 3D Meninas /> "Ja som vzal klasickou farbou slúžky cti (Las Meninas) a vytvoril CSS pseudo-3D / Parallax účinok. Je to čistá CSS, JavaScript alebo Flash nie je zapojený. Bolo testované a pracuje na Internet Explorer 8, Firefox 3, Opera 9, Safari 3, Chrome 4 a Konqueror 3.5, a to potvrdzuje aj.

Css-006 v 45 Výkonný CSS / JavaScript-techniky

Sproing! - Make elastické Náhľad Menu /> "V pokračujúcej snahe ponúknuť alternatívne metódy smrek ponuky, som poskládal dohromady elastický náhľad menu. To zväčšuje položky menu sú ak sa vznášal nad položiek menu a rozšírenie smerom nahor.

Css-063 v 45 Výkonný CSS / JavaScript-techniky

Ako vytvoriť jednoduchý a účinný Sub NAV s rozlíšením Zoznamy /> "Keď potrebujeme jednoduchý a účinný na stránke-navigácia, buď skočiť na obsah na stránke alebo prevrátenie do iného zobrazenia, používame element dl. Jeho čiastkové prvky, dt a dd, aby bolo veľmi jednoduché pre nás vytvoriť inline prepojenie s jasnou etiketou. Tu budeme s vami podeliť o rýchly, ľahký spôsob, ako budeme používať CSS na to. "

Css-072 v 45 Výkonný CSS / JavaScript-techniky

Sticky SideNav Layout pomocou CSS /> Naučte sa, ako vytvoriť pevnú sidenav vzhľad pre svoj blog alebo webovú stránku. S pevným sidenav príde vhod, keď sa zaoberajú štýlom návštevnosť internetových stránok, kde jeho obsah je veľmi vysoká a je potrebná pre dobré výške rolovanie. Pevná navigácia umožňuje užívateľovi plavba obsahu bez rolovania späť na začiatok môžete prechádzať zvyšok webu.

Css-056 v 45 Výkonný CSS / JavaScript-techniky

Nenápadný Dropdown Page Changer /> Použitie <select> rozbaľovacie menu vytvoriť navigácia nie je tak bežné ako tomu bolo predtým, ale je to stále okolo seba. Je tu roztrhlo na docela dobré, že sú neprístupná / vtieravá. Naozaj veľa skriptov zistíte, že pre vytvorenie ponuky tohto typu sú týmto spôsobom. Pech. Urobme jeden, ktorý funguje aj bez JavaScriptu.

Css-015 v 45 Výkonný CSS / JavaScript-techniky

CSS Navigácia: Nie JavaScript, jQuery alebo obrazu Požadované, Free CSS Navigácia / Paginace s Tooltip /> CSS-založené navigácia / stránkovanie bar bez JavaScriptu. Tam je tooltip on hover na 'predchádzajúci' a 'ďalšie' stránky guľky, ktorá umožňuje ľahšiu navigáciu.

Css-170 v 45 Výkonný CSS / JavaScript-techniky

Ako Kód Prekrývanie záložkách Hlavné menu /> Hlavné navigačné menu, ktoré je súčasťou webových stránok, ktorá robí Celé stránky vyzerajú živé a úplné. Ale najbežnejší typ štýlu navigačné menu stále používajú, je veľa záložkách navigačné menu. Tu je návod, ako kód prekrývaniu s kartami menu.

Css-187 v 45 Výkonný CSS / JavaScript-techniky

Riešenie pre veľmi dlho Dropdown Menu /> "Chcem byť istí, s poštou titulov, ale realita je v tomto prípade možné riešenie pre veľmi dlho rozbaľovacích ponukách. Problém s dlhými rozbaľovacích je, že rozbaľovací sám môže ísť pod "zložiť" na internetových stránkach. To znamená, že pod viditeľné plochy okna prehliadača. Tak, aby sa prístup k týmto položkám menu dole, treba posunúť okna prehliadača. Pre tých z nás, sa skrolovací kolies nejaké našej myšou (myšou?), Nie je to veľký problém. Pre tých, pričom by táto nižšia položky menu sú úplne neprístupné, pretože prehľadávač pomocou posuvníka mousing z menu (a nejspíš to blízko). "

Css-052 v 45 Výkonný CSS / JavaScript-techniky

Mega Drop Down Menu w / CSS & jQuery />-Li správne používať, mega roletového menu môžu byť veľmi efektívne pre rozsiahle webové stránky. Poďme sa experimentovať s rôznymi spôsobmi vykonávania tejto techniky. Tutorial od soh Tanaka, Smashing Magazine je pravidelný autor.

Css-053 v 45 Výkonný CSS / JavaScript-techniky

CSS Typografia a telo Kopírovať

Ako vytvoriť Cool Anaglyphic Text Effect s CSS /> Anaglyfy sú úžasné 3D obrázky, ktoré sú vytvorené započítaním dve červenej, zelenej a modrej kanály, a sú vnímané s tými nerdy vyzerajúci 3D okuliarov s rôznymi farebnými šošovkami. Já nevím, jestli tento efekt funguje na reálne, ako som už bohužiaľ stratil som 3D parametre, ale je to docela v pohodě textový efekt predsa! Poďme sa pozrieť, ako môže byť podobný štýl vytvorený pre sprucing váš web dizajn, pričom berie do úvahy sémantiky a vyhnúť sa opakovaniu akéhokoľvek značky.

Css-193 v 45 Výkonný CSS / JavaScript-techniky

Typografické práce plánovač /> Vstúpiť do toho trochu HTML / CSS typografické práce autom. Pomocou niektorých super-sémantické HTML a CSS štipka môžete remeslá krásne hľadá ešte neuveriteľne jednoduché práce plánovač pre vás a vašich zamestnancov.

Css-199 v 45 Výkonný CSS / JavaScript-techniky

Probírky Text v Webkit (Safari) /> Safari má nie-tak-nádherný spôsob, ako spojiť do textu pomocou sub-pixel renderingu. V predchádzajúcich verziách Safari, bola to vyriešiť s text-shadow vyhlásenie, ale vzhľadom k tomu, že Snow Leopard metóda nie dlhý život práce. Našťastie existuje alternatíva.

Css-196 v 45 Výkonný CSS / JavaScript-techniky

Pseudo Drop Čiapky /> Oni už nejakú dobu na trhu teraz objavujú v časopisoch, tlači a teraz na internete. Dizajnéri a vývojári tak majú experimentoval s niekoľkými riešenie od použitia inline štýlov pomocou obrazu náhradné ale obe tieto riešenia existujú problémy. Napríklad to, čo sa stane, keď sa obnoví vaše stránky a rozhodla, že už nechcete vkladať obrázky pokles viečka, máte teraz bude, aby odišiel s poškodený obrázok na začiatku každé miesto, ktoré ste predtým vytvorili, je to samozrejme za predpokladu, že ste nepoužili text-indent. Ak ste sa rozhodli ísť dolu na inline štýl trasu potom si je len zlé, len veľmi zlé.

Css-081 v 45 Výkonný CSS / JavaScript-techniky

Ako vytvoriť Perfect Pre Tagy /> Ak prevádzkujete internetové stránky, ktoré nájdete veľa príkladov kódu, viete, ako je dôležité stráviť nejaký čas kvalitný dizajn &tl; pre> element. Keď odišiel unstyled, divoké <pre> značky bude Mandl vaša predformátované obsah a zničiť vaše stránky rozloženie. Liečbe rôznych prehliadačoch <pre> tag docela inak, sa meniť značne v ich implicitným spracovanie font-veľkosti, scrollbar-rendering, a slovo-balenia. Vskutku, ako sa vaša predformátované kód vyzerať konzistentné, použiteľný a štýlový v prehliadači nie je vôbec ľahká úloha, ale určite je možné urobiť. Tento článok vysvetľuje všetko, čo potrebujete k vytvoreniu správnej <pre> tagy.

Css-090 v 45 Výkonný CSS / JavaScript-techniky

Zlepšite vaše webové typografie s počiatočnou posun /> Predvolený je neviditeľná linka, na ktoré všetky typy postáv sedí, aj keď samozrejme niektoré znaky (vrátane 'j', 'p', 'g' a 'y') majú brzdy, ktoré visia pod základnou čiarou. Základné posun spočíva v pohybe postáv nahor alebo nadol vo vzťahu k východiskovej a používať ho efektívne môže mať veľký vplyv na profesionálny vzhľad vášho typu. Hoci základné posun je tradične súčasťou pomocou nástrojov, ako je InDesign alebo Quark, existujú spôsoby, ako dosiahnuť rovnaké výsledky s použitím CSS.

Css-109 v 45 Výkonný CSS / JavaScript-techniky

Typography - Mierka & Rhythm /> Táto stránka je aj eseje a nástroje. Jeho cieľom je skúmať, ako dvaja, prepletených pojmy, často hravý ale niekedy trúfalý, môžu byť podporované k tancu na webových stránkach. Presuňte pole pozdĺž farebnej stupnice hodiť tieto slová znova. Z veľkej časti, tento text je len libreto k výkonu, ktorý sa chystáte hrať na to.

Css-085 v 45 Výkonný CSS / JavaScript-techniky

Fancy Citáty S jQuery, AJAX & CSS /> Naučte sa, ako vytvoriť luxusné citovať systém hodnotenia, ktorá sa zobrazí rad slávnych úvodzoviek a umožní návštevníkom stránok hodnotiť svojich favoritov.

Css-156 v 45 Výkonný CSS / JavaScript-techniky

Ako vytvoriť jednoduchý, štýlový a vymeniteľná obrázok titulky /> Väčšina riešení obrazu titulku vyžadujú veľa nadmerné HTML, sťažujú redesign, alebo nie sú jasne komunikovať, že patrí do obrazu. Pozrime sa, čo môžeme urobiť pre riešenie týchto problémov.

Css-189 v 45 Výkonný CSS / JavaScript-techniky

Styling fotografie s popisky CSS /> Iste, niektoré fotografie sú self-vysvetľujúce, ale väčšina fotografií je najlepšie uspokojiť s textovými popisky. Je pravda, pre tradičné médiá ako noviny a časopisy, a rovnako tak platia pre blogu a internetových článkov. Tu je rýchly tip na použitie fotografií titulky a dizajn je pekne s kúzlom CSS.

Css-183 v 45 Výkonný CSS / JavaScript-techniky

Obrázok titulky na webových stránkach /> Tento dokument navrhuje tri spôsoby podania obrazu popisnej v HTML. Design v CSS, je tiež predmetom diskusie.

Css-176 v 45 Výkonný CSS / JavaScript-techniky

Styling po Rubriky To Stick Out /> "Nedávno som si všimol, trend v blogu okruhoch, kde sa týči z jeho základné usporiadanie. Chcel by som zdieľať túto techniku pre tých, ktorí by sa chceli vyjadriť svoj post čísiel nový štýl. Jeden tip mať na pamäti pri vytváraní koncepcie je to, aby ste sa uistili, že sa vojde k vašej cieľovej skupine rozlíšenie veľkosti. Všimnite si, že táto technika sa môže líšiť v závislosti na svojej konštrukcii. Mojím cieľom je, aby ste pochopili hlavné koncepcie v tomto tutoriálu, takže môžete experimentovať a použiť pre svoje vlastné projekty. "

Elipsa s využitím HTML a CSS /> Ak je text príliš široký, aby sa zmestili do kontajnera, je pekné riešenie je možné, že elipsa ukázať, že je k dispozícii viac informácií. Zatiaľ čo v súčasnosti nie je súčasťou oficiálnej špecifikácie HTML, je možné mať tri bodky sú definované v CSS a funguje to pre Internet Explorer, Safari, Chrome a Opera. It doesn't work for Firefox, ale je to riešenie, ktoré možno urobiť s jQuery.

5 Správa Krabica na štýl vášho oznámenie s CSS /> Tento článok prináša bez oznámenia krabíc použiť / upraviť rovnako ako veľmi jednoduché techniky vytvoriť svoj vlastný tie inšpirované z tohto Roundup.

CSS zoznamy

Vytvoriť Microsoft Word-Style Outline s CSS /> Ako vidíte, prehliadač nevadí meniť odsadenie štýlu veľa, alebo zmena zoznamu typ z rímskych číslic na písmená a tak ďalej ... všetko, čo sme tak zvyknutí, pretože aplikácie Microsoft Word a ostatné písanie programov, to je v predvolenom nastavení. Tak poďme na použitie trochu vynaliezavosti CSS, aby aplikácie Microsoft Word-štylizované osnovy pomocou zoznamoch!

Css-188 v 45 Výkonný CSS / JavaScript-techniky

Pure CSS Časová os /> "Chcel som vytvoriť rozvrh CSS pre" O "sekcii svojich webových stránok pri použití nejaké čisté a jednoduché značky. Chcel som sa vyhnúť použitie obrázkov v najvyššej možnej miere, a tak som strávil pár minút prototypovania niektoré možnosti a vymysleli riešenie, ktoré využíva neusporiadané zoznamy. Výsledkom je jednoduchý a čistý pohľadu časovej osi s niektorými veľmi priamočiara značky. V tomto článku sa budem zdieľať prístup k vytváraniu časovej osi z CSS a HTML, čo vedie pekne vyzerajúce, jednoduchej časovej osi. "

Css-106 v 45 Výkonný CSS / JavaScript-techniky

Automatické číslovanie s CSS pulty /> Pri písaní dokumentov, je často užitočné počtu oddielov a mať obsah. Môžete počet týchto ručne, priamo na značkovanie, ale to môže byť časovo náročné, ak poradie zmien a budete musieť upraviť všetky čísla. CSS2.1 nám automatizovane generovať čísla pomocou CSS pulty, a tento článok vás prevedie ako ich používať. Jedno slovo na vedomie, ako začneme, je, že CSS počítadlá ešte nie sú vykonávané v IE, aj keď sú o pláne pre IE8.

Css-116 v 45 Výkonný CSS / JavaScript-techniky

CSS triky pre vlastné strely

Css-129 v 45 Výkonný CSS / JavaScript-techniky

Elastické Kalendár Styling s CSS /> Tradičné kalendár je sieť číslovaných polí na stránke. Ako web designer, môžete rovno na stôl, a ja by som sa vám za to chyba. Tabuľky, aj keď môže byť niekedy ťažké svalovej do tvare. Puristov CSS sa mi dostane naštvaný, keď som nastaviť šírku tabuľky (alebo bunky) a rozhodne sa, že vie lepšie, alebo zmenšuje a rastie podľa svojho uváženia. /> Môžete riešiť kalendár štýl s čistým CSS, a cítim sa to robí rovnako ako zmysel sémanticky tabuľka sa. Čo je kalendár, ak nie objednaný zoznam dní? Pomocou CSS, môžeme dokonca robiť niektoré veci, ako sa ochladí všetky naše veľkosti s EMS, takže naša kalendár usporiadanie bude pružná. To znamená, že rast v oboch šírku a výšku pri zmene veľkosti textu v prehliadačoch, zatiaľ čo výrazne zvýšiť dostupnosť.

Css-030 v 45 Výkonný CSS / JavaScript-techniky

Štýl Zoznam s jeden pixel /> Jeden pixel-pozadí môže byť do istej miery univerzálny vec. S-repeat to môže byť horizontálna čiara, repeat-y je zvislá čiara, a robí to opakovať farbu výplne. Rovnako ako trochu zábavy doklad o koncept, ktorý môžeme využiť na vytvorenie hĺbky-chart hľadá neusporiadaný zoznam.

Css-017 v 45 Výkonný CSS / JavaScript-techniky

Váš štýl Číslovaný zoznam /> V predvolenom nastavení je väčšina prehliadačov zobrazí usporiadaný zoznam položiek rovnaký štýl písma ako text. Tu je stručný návod na CSS, ako možno použiť objednať zoznam (ol) a odseku (p), prvok, ktorý je štýlový dizajn číslovaný zoznam.

Css-029 v 45 Výkonný CSS / JavaScript-techniky

Simulujúcej tabuľky Pomocou Nečíslovaný zoznam /> Vaša prvá otázka by mohla byť okamžite, "prečo by som mal simulovať tabuľku so zoznamom, prečo nie práve používať tabuľky?" Vďaka zvýšeniu popularity AJAX semien zoznamu prvkov, pričom zoznam položiek znamenajú viac stĺpcov dát tabuľka môže umožniť jednoduché triedenie rôznych viac "tabley" informácie. Takže môžeme začať.

Css-031 v 45 Výkonný CSS / JavaScript-techniky

8 rôznych spôsobov, ako krásne štýl vášho HTML zoznamy pomocou CSS /> "Použitie zoznamov HTML (<ol> pre objednané zoznam, <ul> pre neusporiadaný zoznam) je veľmi často v týchto dňoch. Dnes sa budeme pozerať trochu ďalej, ako vytvoriť pravidelné zoznamy, ktoré ukazujú 8 rôznych spôsobov, ako krásne štýl vášho HTML zoznamom s využitím CSS. Budeme používať niektoré čisté CSS techník, aby sa nudil zoznam desivý pohľad (a dokonca aj niektoré ďalšie funkcie). "

Css-042 v 45 Výkonný CSS / JavaScript-techniky

Rýchly Tip - Zjednodušte Zoznam Okraje s CSS /> Už ste niekedy nastaviť predvolené okraje pre rozloženie, a potom sa musel vrátiť a manuálne nastaviť všetkých vašich zoznamov? V predvolenom nastavení markery položku zoznamu mať negatívny polohy vo vzťahu k zoznamu položku sám. To znamená, že nula-ing z okraja automaticky vedie k pretečeniu, ak zoznam je uvedený vo vnútri niečo iné. Nebolo by jednoduchšie, aby položka zoznamu ukazovateľ na rovnaký východiskový bod ako ostatné prvky miesto? Šťastie pre nás, je to štýl, ktorý pomôže urobiť práve to. Pozrime sa, čo sa dá robiť s list-style-position vlastníctva.

Css-068 v 45 Výkonný CSS / JavaScript-techniky

Sexy HTML List triky /> Aj všadeprítomné zoznam prvkov, <ul> a <ol>. Tieto dva prvky sexy pomôcť miliónom webových stránok zobraziť zoznamy informácií v čistej sémantickej módy. Bez nich by sme sa plazí okolo ako špinavé jaskynný ľudia, jedlo špiny a vytí na mesiac. Ale tieto prvky zoznamu sú nielen sexy, ale sú tiež veľmi flexibilné, čo nám pokorný návrhárom vytvárať robustné zoznamu konfigurácií, ktoré sú sémanticky univerzálne a vysoko prispôsobiteľné.

Css-091 v 45 Výkonný CSS / JavaScript-techniky

Clickable <li> /> Pôvodne som kódovaných značky sa stola, ale objavil problém, keď som sa snažil, aby sa celý riadok kliknúť. Skončil som s zoznam článkov miesto.

Css-061 v 45 Výkonný CSS / JavaScript-techniky

CSS Buttons

Jednoducho-Buttons v2 /> Táto technika predstavuje veľkosť tlačidiel, ktorá vždy hodí obsah. Existujú 3 znie: neaktívne, aktívny a vznášať sa. Technika funguje vo všetkých hlavných prehliadačoch a nevyžaduje JavaScript.

Css-099 v 45 Výkonný CSS / JavaScript-techniky

Ako urobiť sexy tlačidla s CSS /> Tento tutoriál vás naučí, ako vytvoriť pekná hľadá textových tlačidiel (s alternatívnym lisované stav) pomocou CSS. Dynamická tlačidla ušetrí kopu času, inak strávili vytváranie grafiky a budú v podstate vás šťastnejší osoba, na konci dňa.

Css-173 v 45 Výkonný CSS / JavaScript-techniky

Kvapalina Farba Nastaviteľné & CSS Buttons /> Pri práci na veľkom mieste s viac tlačidiel, môže byť docela únavné, aby sa všetky tlačidlá vo Photoshope. Aby budúci úpravy o slovníka a farby môžu byť aj časovo náročné. Tým, že dynamická tlačidla, že tento scenár je oveľa ľahšiu manipuláciu, a tým, že kvapalné a farebné nastaviteľné tlačidlá s CSS, sme schopní zmeniť rétoriku a farieb v blesku.

Css-175 v 45 Výkonný CSS / JavaScript-techniky

Vytvorte Button s Hover a Active štáty pomocou CSS Skřítci /> Príliš veľa dizajnérov zanedbávanie kliknite stav active v CSS) vo web design, buď preto, že si vedomý toho, podceňujú význam, alebo sú hladké lenivý. Je to jednoduchý efekt, ktorý zlepšuje použiteľnosť tým, že používateľ nejaké námety na to, čo ste klikli, ale môže tiež pridať hĺbku design.

Css-159 v 45 Výkonný CSS / JavaScript-techniky

Znovuzostavenie tlačidlo /> "Myslel som, že by bolo zaujímavé, aby časť pozadia tlačidiel tu a diskutovať niektoré iterácií sme prešli tak ďaleko, aby si na súčasný stav."

Css-134 v 45 Výkonný CSS / JavaScript-techniky

Zaoblený tvar tlačidiel

Css-101 v 45 Výkonný CSS / JavaScript-techniky

Google Imageless Buttons /> Zaujímavá diskusia o rôznych techník tlačidiel návrhu na rekonštrukciu Google imageless tlačidla.

Stay tuned!

Toto je prvá časť našej veľké guľaté-up čerstvého CSS / JavaScript-techniky. Nezabudnite sa prihlásiť do nášho RSS-feed a za nami na cvrlikání pre podobné tovary a prúd užitočných zdrojov. Prosíme, dajte nám vedieť, čo by sme mali zmeniť či zlepšiť v našej budúcnosti miest!

/> Chcete vidieť viac podobných round-up na Smashing Magazine v budúcnosti? (Odpovede) />

/>

© Redakční pre Smashing Smashing Magazine, 2010. | Permalink | 52 komentáre | Pridať do del.icio.us | Digg this | Stumble o StumbleUpon! | Pípanie to! | Odoslať do Reddit | Forum Smashing Magazine
Post tags:

45 Výkonný CSS / JavaScript-techniky

Štítky:

0 Komentáre

Môžete byť prvý, kto zanechať komentár.

Zanechať komentár





XHTML: Môžete použiť tieto značky:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>