Vaizdo įrašų ekranai 2025, Sausis

# 156: Pakalbėkime apie „Webpack“ CSS-gudrybės

# 156: Pakalbėkime apie „Webpack“ CSS-gudrybės

Seanas Larkinas prisijungia prie manęs pakalbėti apie „Webpack“! Aš abejoju, ar aš vienas esu šiek tiek supainiotas dėl to, kas yra „Webpack“ ir ką jis daro. Net jei esate aktyvus “

# 134: „Jekyll“, „Grunt“, „Sass“, „SVG“ sistemos ir kt. Sukurtos pažangos svetainėje apžvalga - CSS-gudrybės

# 134: „Jekyll“, „Grunt“, „Sass“, „SVG“ sistemos ir kt. Sukurtos pažangos svetainėje apžvalga - CSS-gudrybės

Įspėjimas: tai vingiuota, vidutinio lygio ekrano kopija, kurioje mes žiūrime į kodą, kuris valdo svetainės kūrimo procesą. Mes nerašome jokio kodo “.

# 99: HTML5 formų tipų, atributų ir elementų apžvalga - CSS-gudrybės

# 99: HTML5 formų tipų, atributų ir elementų apžvalga - CSS-gudrybės

HTML5 turi daugybę specifinių formų funkcijų, dėl kurių visos formos internete yra geresnės. Naršyklės funkcijos palaikomos visame žemėlapyje, tačiau daugelis „

# 9: Žvaigždėta naktis: 3D fonas su paralakso efektu - CSS-gudrybės

# 9: Žvaigždėta naktis: 3D fonas su paralakso efektu - CSS-gudrybės

Naudodami tris alfa skaidrių PNG failų sluoksnius, galime sukurti pseudo trimatį tinklalapio foną. Ši ekrano kopija apima „

# 98: Žaidimas su kūno sienomis CSS-gudrybės

# 98: Žaidimas su kūno sienomis CSS-gudrybės

Kraštinės uždėjimas aplink naršyklės lango vidų yra tokia paprasta maža mintis ir gali būti puikus dizaino efektas. Bet kaip tai padaryti, kad „

# 96: vietinis formų saugojimas - CSS-gudrybės

# 96: vietinis formų saugojimas - CSS-gudrybės

HTML5 yra nepaprastai paprastas būdas išsaugoti nuolatinius duomenis, vadinamas „localStorage“. Apskritai, jūs tiesiog iškviečiate metodą su raktų / reikšmių pora ir tai yra

# 97: CSS animacijų įvadas - CSS-gudrybės

# 97: CSS animacijų įvadas - CSS-gudrybės

Animacijos, kaip ir perėjimai, ilgainiui gali pakeisti puslapio elementus. Animacijos yra daug galingesnės ir sudėtingesnės. Turite paskelbti „

# 95: pasaka apie gradientus - CSS-gudrybės

# 95: pasaka apie gradientus - CSS-gudrybės

Pasirodo, kad yra paprastas būdas atlikti nuolydžius ant sienų. Tai užtruko ilgiau, nei turėčiau pasiekti, nors ši ekrano kopija apima "

# 94: Pseudo elementų įvadas - CSS-gudrybės

# 94: Pseudo elementų įvadas - CSS-gudrybės

Pseudo elementai yra matomi tinklalapio elementai, kurie nėra „DOM“ arba sukurti iš HTML, bet yra įterpti tiesiai iš CSS. Tai leidžia "

# 93: „CSS3 Slideup Boxes“ CSS-gudrybės

# 93: „CSS3 Slideup Boxes“ CSS-gudrybės

Sekite toliau, nes mes naudojame keletą labai paprastų CSS3 perėjimų, kad sukurtume „slideup“ langelio efektą. Perkelkite pelės žymeklį ant dėžutės ir dėžės pavadinimas "

# 92: Kodas „Piešimo lentelės apžvalga“ CSS-gudrybės

# 92: Kodas „Piešimo lentelės apžvalga“ CSS-gudrybės

Piešimo lentelė iš esmės yra mini vieno puslapio „jQuery“ programa. Tai turi vieną pagrindinę funkciją - sukurti spalvotą dizainą keičiant langelių spalvas "

# 91: „WordPress“ kilpa - CSS-gudrybės

# 91: „WordPress“ kilpa - CSS-gudrybės

Dokumentų apie garsiąją „WordPress“ turinio skleidimo struktūrą netrūksta, bet vis tiek jaučiu, kad yra daugiau painiavos ir paslapties “

# 86: Pirmos akimirkos su MAMP - CSS-gudrybės

# 86: Pirmos akimirkos su MAMP - CSS-gudrybės

Aš labai atsilikau nuo šio laikmečio, tačiau dar visai neseniai aš niekada nesivystiau vietoje. Viskas, ką dariau, buvo „eiti komandoje“ ir dirbti “

# 90: paprasti „TextMate“ patarimai CSS-gudrybės

# 90: paprasti „TextMate“ patarimai CSS-gudrybės

„TextMate“ yra tik „Mac“ kodų redaktorius. Apgailestaujame visiems kompiuterio vartotojams šį kartą. Jei ilgą laiką žiūrėjote į šias ekrano kopijas, žinote, kad naudojau “

# 89: „Photoshop“ dokumento tvarkymas - CSS-gudrybės

# 89: „Photoshop“ dokumento tvarkymas - CSS-gudrybės

Jei esate panašus į mane, esate kaltas dėl rimtai netvarkytų „Photoshop“ dokumentų ir vertinate gerai sutvarkytus dokumentus. Neorganizacija nėra "

# 8: CSS formatavimas - CSS-gudrybės

# 8: CSS formatavimas - CSS-gudrybės

Organizavimas ir tinkamas CSS failų formatavimas gali padėti sutaupyti daug laiko ir nusivylimo kūrimo procese, ypač "

# 88: „Compass“ / „Sass“ įvadas - CSS-gudrybės

# 88: „Compass“ / „Sass“ įvadas - CSS-gudrybės

Paklauskite daugybės dizainerių, ko jie norėtų, kad CSS galėtų tai padaryti dabar, ir jūs gausite didelį sąrašą, kuris panašiai panašus į „

85: geriausia dinaminio turinio praktika - CSS-gudrybės

85: geriausia dinaminio turinio praktika - CSS-gudrybės

Vienas iš straipsnių, kuriuos atnaujinau „Gegužės mėn. Yra techninės priežiūros mėnuo“, buvo straipsnis apie dinaminį turinį. Idėja buvo paprasta svetainė, kurioje spustelėjus nuorodą "

# 87: Judėjimas aukštyn su MAMP - CSS-gudrybės

# 87: Judėjimas aukštyn su MAMP - CSS-gudrybės

Dirbti vietoje su MAMP yra nuostabu, bet kaip elgtis, kai tą svetainę reikia atiduoti gyvai? Paskutinį kartą mes gavome „WordPress“ versiją, įdiegtą vietoje, dabar “

# 83: mintys apie SEO - CSS-gudrybės

# 83: mintys apie SEO - CSS-gudrybės

Teisingas įspėjimas: daugiau nei įprasta. Klausykite mano minčių apie SEO. Manau, kad žinau, kad SEO yra gana akivaizdžių geriausios praktikos pavyzdžių rinkinys. A "

# 84: Svetainės chris-mcgarry.com apžvalga - CSS-gudrybės

# 84: Svetainės chris-mcgarry.com apžvalga - CSS-gudrybės

Aš sukūriau svetainę savo draugui muzikantui, kuris išleidžia naują albumą. Aišku, kad yra grojamų takelių, svarbu, tačiau klasikinis „

# 81: AJAXing „WordPress“ tema - CSS-gudrybės

# 81: AJAXing „WordPress“ tema - CSS-gudrybės

Stebėkite mane, kaip „WordPress“ temai pridėti AJAX funkcionalumą. Idėja yra ta, kad bet kokia vidinė nuoroda svetainėje bus įkelta į pagrindinę "

# 82: CSS vaizdo perjungiklis - CSS-gudrybės

# 82: CSS vaizdo perjungiklis - CSS-gudrybės

Apverskite nuorodą ir stebėkite, kaip keičiasi aukščiau pateiktas vaizdas. Štai ką mes kuriame šioje ekrano kopijoje, tik tam nenaudojame „JavaScript“. Apgaulė yra keletas "

# 80: Dėl ratų išradimo CSS-gudrybės

# 80: Dėl ratų išradimo CSS-gudrybės

Vestuvėms porai reikia nuotraukų galerijos, kurioje visi galėtų naršyti ir įkelti savo nuotraukas iš vestuvių. Kūrėjas pradedantiesiems: aš žinau "

# 79: Pilnos / be eilės animacijos su „jQuery“ - CSS-gudrybės

# 79: Pilnos / be eilės animacijos su „jQuery“ - CSS-gudrybės

Kai naudosite „jQuery“ .animate () funkciją su kažkuo panašiu į „hover“ įvykį, šios animacijos „rikiuos į eilę“. Tai yra, jei jūs užveskite kelis kartus, tai

# 7: Trijų būsenų meniu - CSS-gudrybės

# 7: Trijų būsenų meniu - CSS-gudrybės

Naudodami CSS Sprites technikos variantą, galime sukurti „trijų būsenų“ meniu, naudodami tik vieną vaizdą kiekvienam meniu elementui. Tai sumažina užklausų skaičių "

# 78: Apie internetinę reklamą - CSS-gudrybės

# 78: Apie internetinę reklamą - CSS-gudrybės

Šiame ekrane aptariu internetinę reklamą. Kas tai yra, kaip jis veikia ir kodėl jis nėra blogis (išskyrus atvejus, kai jis yra). Aš kalbu apie savo patirtį,

# 72: Svetainės kūrimas (2 iš 3): HTML / CSS konversija - CSS-gudrybės

# 72: Svetainės kūrimas (2 iš 3): HTML / CSS konversija - CSS-gudrybės

Šios serijos 2 dalyje pradedame „Photoshop“ maketo HTML / CSS konversiją, kurią sukūrėme pirmoje dalyje. Mes pradedame nuo labai skeleto projekto "

# 77: Individualaus straipsnio stilius - CSS-gudrybės

# 77: Individualaus straipsnio stilius - CSS-gudrybės

„Meno režisūros“ įrašų idėja pastaruoju metu yra labai populiari. Idėja pritaikyti unikalų stilių internetiniame straipsnyje taip, kaip spausdinama "

# 76: „JQuery“ turas tiesioginėje svetainėje - CSS-gudrybės

# 76: „JQuery“ turas tiesioginėje svetainėje - CSS-gudrybės

Aš užsiėmęs, jūs užsiėmęs, mes visi užsiėmę stengdamiesi laikytis terminų ir padaryti darbus šiame beprotiškame interneto pasaulyje. Man patinka mokytis naujų technologijų, kai galiu “,