Tūkstančiai patarimai CSS, PHP, scenarijus. Naudingi samouczków ir vaizdo patarimai

Populiarios mėnesio

25: Rankinis SVG optimizavimas „Illustrator“ CSS-gudrybės

25: Rankinis SVG optimizavimas „Illustrator“ CSS-gudrybės

Vaizdo įrašas buvo pašalintas iš šio. Netrukus kada nors vėl nušausiu. Jei tai skaitote, o aš dar to nepadariau, susisiekite su manimi ir užmeskite klaidą “

26: Priversti formas laikyti keliais CSS-gudrybės

26: Priversti formas laikyti keliais CSS-gudrybės

Tai šiek tiek ezoteriškas dalykas, man tiesiog reikėjo tai padaryti vieną kartą ir man pasirodė painu, todėl maniau, kad padarysiu visą vaizdo įrašą. Dalykas yra,"

29: SVG tekstas - CSS-gudrybės

29: SVG tekstas - CSS-gudrybės

SVG yra elementas. Čia nenuostabu: tai teksto įdėjimas į SVG. Ne raidžių formų kontūrai (nors ir jūs galite tai padaryti), bet "

28: Kaip veikia SVG braižymas - CSS-gudrybės

28: Kaip veikia SVG braižymas - CSS-gudrybės

Populiari maža SVG animacijos technika yra kelio piešimas. Jei negalite jo pavaizduoti, pateikite milijardą mano sukurtų pavyzdžių. Iš esmės

30: Rastro konvertavimas į vektorių - CSS-gudrybės

30: Rastro konvertavimas į vektorių - CSS-gudrybės

Gali ateiti diena, kai norite, kad grafika būtų SVG, bet ją turite tik rastriniu būdu, pvz., GIF, JPG.webp ar PNG. Šiame vaizdo įraše apžvelgiame pavyzdį "

31: Galite įdėti rastrinius vaizdus į SVG - CSS-gudrybės

31: Galite įdėti rastrinius vaizdus į SVG - CSS-gudrybės

Tikriausiai nėra nepaprastai didelio naudojimo atvejo, išskyrus akivaizdų: jums reikia rastrinės grafikos, be kitų dalykų, didesnio SVG dizaino. "

32: SVG filtrai ant SVG ir HTML elementų - CSS-gudrybės

32: SVG filtrai ant SVG ir HTML elementų - CSS-gudrybės

Galbūt esate girdėję apie CSS filtrus? Galite juos taikyti atlikdami bet kurį CSS elementą, pvz .: .apply-css-filter (-webkit-filter: grayscale (0.5); filter: "

33: kirpimas ir maskavimas - CSS-gudrybės

33: kirpimas ir maskavimas - CSS-gudrybės

Kirpimo ir maskavimo samprata yra gana paprasta. Slėpti tam tikras elementų dalis ir parodyti kitiems. Tikrasis skirtumas tarp jų yra gana paprastas "

27: SVG animavimas naudojant „JavaScript“ CSS-gudrybės

27: SVG animavimas naudojant „JavaScript“ CSS-gudrybės

„JavaScript“ yra paskutinis būdas aptarti SVG animavimą. Mes pažvelgėme į CSS, kuris yra puikus ir gana patogus, tačiau jis negali padaryti daugybės SVG "

34: „SVG“ programinės įrangos turas CSS-gudrybės

34: „SVG“ programinės įrangos turas CSS-gudrybės

Yra daugybė dalykų, kuriuos galite padaryti naudodami SVG be jokios programinės įrangos. Darant prielaidą, kad turite gerą SVG vaizdų šaltinį internete, galite juos naudoti tiesiogiai. Bet "

36: „Grunticon“ naudojimas - CSS-gudrybės

36: „Grunticon“ naudojimas - CSS-gudrybės

Mes praleidome daug laiko kalbėdami apie tiesioginio ir elemento naudojimą. Galite sukurti piktogramų sistemą, kurioje gausu privalumų. Galite sukurti

38: Prieinamas SVG CSS-gudrybės

38: Prieinamas SVG CSS-gudrybės

Šioje ekrano juostoje mes gilinamės į Léonie Watson straipsnį apie prieinamą SVG ir iš esmės pereiname jį po tašką. Man patinka, kad pirmas punktas "

37: SVG ir „JavaScript“ / DOM įvykiai - CSS-gudrybės

37: SVG ir „JavaScript“ / DOM įvykiai - CSS-gudrybės

Kai naudojate įterptąjį, visi elementai yra DOM, kaip ir „s“ ir „s“ bei bet kuris kitas HTML elementas. Jei turite SVG, pavyzdžiui: ir darote: var rect = "

40: Ačiū ir galutinė informacija CSS-gudrybės

40: Ačiū ir galutinė informacija CSS-gudrybės

Ačiū, kad stebėjote visus, man ir šiai svetainei tai reiškia viską. Šis tinklaraščio įrašas yra didžiulis išteklių sąrašas viskam, ką aptarėme šioje serijoje "

35: SVG optimizavimas naudojant įrankius CSS-gudrybės

35: SVG optimizavimas naudojant įrankius CSS-gudrybės

Mes jau kalbėjome apie SVG optimizavimą rankomis. Neautomatiškai pasirinkti detales ir tai, kokius dalykus galima derinti ar pašalinti. Šiame"

# 002: Pertvarkymo tikslų nustatymas - CSS-gudrybės

# 002: Pertvarkymo tikslų nustatymas - CSS-gudrybės

Šis perprojektavimas nėra perprojektavimas tik dėl naujo projektavimo. Noriu patobulinti svetainę visais įmanomais būdais, kaip galite patobulinti svetainę. Vienas iš"

# 001: Turinio inventoriaus rinkimas - CSS-gudrybės

# 001: Turinio inventoriaus rinkimas - CSS-gudrybės

Sveiki! Tai bus gana kelionė, ir kaip ir visos kelionės, ši prasideda vienu žingsniu. Pirmasis mūsų žingsnis yra inventorizuoti „

# 004: pradedant „Photoshop“, „Background Texture“ ir pagrindiniu prekės ženklu - CSS-gudrybės

# 004: pradedant „Photoshop“, „Background Texture“ ir pagrindiniu prekės ženklu - CSS-gudrybės

Dizainas naršyklėje yra šaunus ir viskas, bet pradėjus dirbti „Photoshop“, kūrybiškumas išlieka toks, kai man to labiausiai reikia: kai susiduriu su tuščia drobe.

# 003: Turinio strategijos sesija - CSS-gudrybės

# 003: Turinio strategijos sesija - CSS-gudrybės

Tai yra „Skype“ skambučio tarp Erin Kissane ir mano paties garso įrašas. Erin parašė knygą apie turinio strategiją, todėl man pasisekė gauti jos pagalbą ir

# 008: Modulio modelio fotografija - CSS-gudrybės

# 008: Modulio modelio fotografija - CSS-gudrybės

Visa svetainė bus pagrįsta „moduliais“. Kiekviena smulkmena bus tiesiogine prasme dėžutėje (tiek vizualiai, tiek galiausiai kode). Mes"