Több ezer tippeket CSS, PHP, szkripteket. Hasznos útmutatók és video tippek

Népszerű a hónapban

# 91: Egyéni galériaoldalak fotózás - CSS-trükkök

# 91: Egyéni galériaoldalak fotózás - CSS-trükkök

Ebben a képernyőn egy kis időt töltünk azon, hogy azon gondolkodjunk, hogyan fog kinézni egy egyedi Galéria képernyőkép. Van egy kis adat, amelyet már "

# 95: JavaScript több Google egyéni keresőmotorhoz - CSS-trükkök

# 95: JavaScript több Google egyéni keresőmotorhoz - CSS-trükkök

Minden Google egyedi keresőmotorunk be van állítva (a webhely minden szakaszához létrehozunk egy mást). A kereséshez szükséges felhasználói felületünk készen áll a használatra. Nekünk van"

# 93: Kísérlet a galéria oldalainak sima betöltésére - CSS-trükkök

# 93: Kísérlet a galéria oldalainak sima betöltésére - CSS-trükkök

Ezt az időt statikus makettünkben töltöttük egy okos JavaScript készítésével, amely "simán betöltötte" a Galéria képeit. Most, hogy megvan az igazi "

# 94: Google Egyéni keresés beállítása - CSS-trükkök

# 94: Google Egyéni keresés beállítása - CSS-trükkök

A fejlécben lévő keresési terület "működik", mivel meg van tervezve, és rákattinthat nyitva és bezárva, meg minden. De valójában nem végez keresést "

# 92: Az egyéni galériaoldalak készítése - CSS-trükkök

# 92: Az egyéni galériaoldalak készítése - CSS-trükkök

Van egy kis Photoshop-makettünk, amelyről itt dolgozhatunk, miközben folytatjuk az egyes galériaoldalak sablonjának építését. Először felfelé a következőt alakítottuk ki

# 96: Sablonok a keresési eredményekhez CSS-trükkök

# 96: Sablonok a keresési eredményekhez CSS-trükkök

A keresés működik! Csak az a sablon, amelyre landol, nem egészen helyes. Fel kell finomítanunk a sablont, hogy jól nézzen ki, és illeszkedjen a "

# 97: Az Almanach fotózás - CSS-trükkök

# 97: Az Almanach fotózás - CSS-trükkök

Az Almanach egy olyan dolog volt, amelyet a v9-ben indítottak el, és soha nem sikerült teljesen. Bár napról napra egyre közelebb van. Tehát a v10-ben a "

# 99: Az Almanach építése, 2. rész - CSS-trükkök

# 99: Az Almanach építése, 2. rész - CSS-trükkök

Ez a v10 újratervezés sorozatának a JEDI témájú epizódja! Az utolsó képernyőfelvételt teljesen legyőzve hagytuk. Megpróbáltuk használni

# 98: Az Almanach építése, 1. rész - CSS-trükkök

# 98: Az Almanach építése, 1. rész - CSS-trükkök

Ez egy különleges különleges EMPIRE STRIKES BACK témájú epizód a v10 újratervezési sorozatból! Minden rendben kezdődik. Néhány dolgot elkezdünk átvinni "

Apple.com Hamburger zsemle menü - CSS-trükkök

Apple.com Hamburger zsemle menü - CSS-trükkök

Az Apple némi zajt hallott, amikor kiadott egy frissített oldalt, beleértve egy teljesen új, adaptív navigációt. Míg az újratervezés más dolgokra összpontosult, az egyik "

Minden stíluslap médiatípus - CSS-trükkök

Minden stíluslap médiatípus - CSS-trükkök

Minden Minden hangtechnikai eszközhöz használható Beszéd- és hangszintetizátorokhoz Braille-írás Braille-taktilis visszacsatoló eszközökhöz dombornyomva Használt lapozáshoz "

Hozzáférhetőség / SEO-barát CSS elrejtése CSS-trükkök

Hozzáférhetőség / SEO-barát CSS elrejtése CSS-trükkök

.screen-reader-text (pozíció: abszolút; felső: -9999px; bal: -9999px;) Ez az osztály eltávolíthat egy elemet az oldalról, kivéve a folyamatból, és nem "

Alapvető hivatkozáscsere CSS Sprite néven - CSS-trükkök

Alapvető hivatkozáscsere CSS Sprite néven - CSS-trükkök

A (háttér: url (sprite.png.webp) nem ismétlődik; kijelző: blokk; magasság: 30 képpont; szélesség: 250 képpont); a: lebeg (háttér-helyzet: 0 -30 képpont;) A beállított magasság és "

Jobb Helvetica - CSS-trükkök

Jobb Helvetica - CSS-trükkök

Törzs (font-család: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-súly: 300;) "

Abszolút középpont (függőleges és vízszintes) egy kép - CSS-trükkök

Abszolút középpont (függőleges és vízszintes) egy kép - CSS-trükkök

CSS háttérkép-technika: html (szélesség: 100%; magasság: 100%; háttér: url (7518965 / abszolút_center_vertical_horizontal_an_image_css-tricks.png.webp) középen nem ismétlődik;) CSS + Inline kép technika: img ("

A Google Font API alapjai - CSS-trükkök

A Google Font API alapjai - CSS-trükkök

Link CSS-fájlokhoz Lényegében közvetlenül kapcsolódik közvetlenül a CSS-fájlokhoz a Google.com-on. Az URL-paraméterek segítségével meghatározhatja, hogy mely betűtípusokat és milyen "

Elmosódott szöveg - CSS-trükkök

Elmosódott szöveg - CSS-trükkök

Tegye átlátszóvá a szöveg színét, de adjon hozzá egy árnyékot: .blur (szín: átlátszó; text-shadow: 0 0 5px rgba (0,0,0,0,5);) Homályos További böngészők támogatják a színt "

Pattogó Animációs Betöltés Animáció CSS-trükkök

Pattogó Animációs Betöltés Animáció CSS-trükkök

Csak néhány szórakozás CSS3 animációkkal. Ha aggódik a szuper mély böngésző támogatása miatt, használjon GIF-et. .loader (text-align: center;) .loader span ("

Animált szemcsés textúra CSS-trükkök

Animált szemcsés textúra CSS-trükkök

A DayTrip webhely az oldal fejlécében egy csinos hatást alkalmaz, amely animált, szemcsés textúrával torzítja a háttérképet. A hatás finom, de "

DIV központ Dinamikus magassággal - CSS-trükkök

DIV központ Dinamikus magassággal - CSS-trükkök

CSS: * (margó: 0; kitöltés: 0;) #page (kijelző: tábla; túlcsordulás: rejtett; margó: 0px automatikus;) *: első gyermek + html #page (pozíció: relatív;) / * ie7 * / * html "