Tuhanded vihjeid CSS, PHP, skripte. Kasulik õpetused ja video vihjeid

Lang L: none (popular-month)

# 12: Photoshopi maketi teisendamine: teine ​​osa, esimene osa - CSS-trikid

# 12: Photoshopi maketi teisendamine: teine ​​osa, esimene osa - CSS-trikid

Esimese seeria Photoshop Mockup HTML / CSS-i teisendamise kohta on saadud PALJU suurepärast tagasisidet. Nii et teeme seda uuesti! Iga veebisait on erinev "

# 129: Emmet (on vinge) - CSS-trikid

# 129: Emmet (on vinge) - CSS-trikid

Emmet on koodiredaktorite lisandmoodul, mis võimaldab HTML-i ja CSS-i kiiremini kirjutada. HTML-i esiküljel võimaldab see kirjutada HTML-i lühendeid. "

# 125: Kuidas olla veebitehnoloogiaga kursis - CSS-trikid

# 125: Kuidas olla veebitehnoloogiaga kursis - CSS-trikid

Selle ettekande pidasin 2012. aasta detsembris vaid ühel konverentsil. Selles ekraanikuva esituses annan selle teile veel viimast korda, o CSS-Tricksi tellija. Ma "

# 128: Effeckt.css, Local Setup with Grunt ja panustamine GitHubi - CSS-trikid

# 128: Effeckt.css, Local Setup with Grunt ja panustamine GitHubi - CSS-trikid

Effeckt.css on pooleliolev avatud lähtekoodiga projekt, mille eesmärk on pakkuda veebidisaineritele toimivaid, kvaliteetseid CSS-i üleminekuid ja animatsioone. Idee on

# 127: JavaScripti mallimise põhitõed - CSS-trikid

# 127: JavaScripti mallimise põhitõed - CSS-trikid

Mall on HTML-i osa, mille peate lehele sisestama. Sageli luuakse mallid "serveri poolel" - selles osas, et need jõuavad JavaScripti täielikult "

# 130: esimesed hetked nurinaga - CSS-trikid

# 130: esimesed hetked nurinaga - CSS-trikid

Seal on kõik need ülesanded, mida peame arendajana tegema. Liitke ja tihendage meie failid. Käivitage meie eeltöötlejad. Optimeerige pilte. Käivita "

# 131: Flexboxiga nokitsemine - CSS-trikid

# 131: Flexboxiga nokitsemine - CSS-trikid

Selles videos käsitleme väikest esiotsa paigutuse probleemi, mis oleks ilma flexboxita olnud üsna võimatu. Kirjutasin ka selle kohta artikli, "

# 132: Kiire kasulik juhtum Sass Mathile ja miksidele - CSS-trikid

# 132: Kiire kasulik juhtum Sass Mathile ja miksidele - CSS-trikid

Mul tekkis väike disainisituatsioon, kus valmistasin vedelikuvõrku ujukitega kastidest. Tahtsin täpsustada, mitu kasti reas oli väga "

# 139: Serveripoolse sinepilõike selgitamine - CSS-trikid

# 139: Serveripoolse sinepilõike selgitamine - CSS-trikid

Avaldasin selle serveripoolse sinepilõike idee kohta kirjaliku postituse. Nii et kui soovite lugeda ja kontrollida koodinäiteid ja asju, on see "

# 13: Photoshopi maketi teisendamine: teine ​​osa, teine ​​osa - CSS-trikid

# 13: Photoshopi maketi teisendamine: teine ​​osa, teine ​​osa - CSS-trikid

Selle seeria teises osas jätkame saidi ülesehitust. Photoshopis loome menüü kolm erinevat olekut, seejärel viilutage "

# 138: HTTPS-i teisenduse läbimine WordPressis - CSS-trikid

# 138: HTTPS-i teisenduse läbimine WordPressis - CSS-trikid

Kolisime hiljuti siinsamas CSS-Tricksis HTTPS-i kõikjale. Kirjutasin üles blogipostituse, milles kirjeldati üksikasju, kuidas sinna jõuda. See video on kaaslane "

# 137: SVG on mõeldud kõigile - CSS-trikid

# 137: SVG on mõeldud kõigile - CSS-trikid

Tüüpilise ekraanikuva asemel on see video, mis on tehtud minu jutust, mille SVG on mõeldud kõigile, mille salvestas Treehouse'i jõuk BlendConfis. Muidugi on "

# 136: Asjade teisaldamine CMS-i vastavalt vajadusele - CSS-trikid

# 136: Asjade teisaldamine CMS-i vastavalt vajadusele - CSS-trikid

Selles videos ma vaevlen konkreetse "reaalse maailma" olukorra üle, milles osalesin CodePen Meetupsi lehe käsitsemisel. Kohe alguses "

# 142: CSS-iga asjade varjamine - CSS-trikid

# 142: CSS-iga asjade varjamine - CSS-trikid

CSS-is peitmisel ja kuvamisel pole mitte ainult ühte CSS-i vara. On mitmeid kaalutlusi, millest läheme üle "

# 141: tundlike piltide piltide ja numbrite hankimine - CSS-trikid

# 141: tundlike piltide piltide ja numbrite hankimine - CSS-trikid

Teate tundlike piltide kohta. See räägib pildisüntaksist HTML-is. Kui annate sellele õige teabe õiges süntaksis, saate brauseri hankida "

# 135: SVG animeerimise kolm võimalust - CSS-trikid

# 135: SVG animeerimise kolm võimalust - CSS-trikid

SVG animeerimine on natuke ainulaadne selle poolest, et selle animeerimisele saab läheneda kolmel erineval viisil. 1. CSS-i @keyframes SVG abil animeerimine "

# 140: CSS-i paigutusvõtete uurimine, kui proovite pakkida subtiitreid - CSS-trikid

# 140: CSS-i paigutusvõtete uurimine, kui proovite pakkida subtiitreid - CSS-trikid

See on ajaveebipostituse video ekraanikuva versioon, mida ma ammu ei teinud: Kasulik Flexboxi tehnika: joondamise nihutamise mähkimine. Olin CodePen Meetupil "

# 133: tundlike piltide väljaselgitamine - CSS-trikid

# 133: tundlike piltide väljaselgitamine - CSS-trikid

Ma olen ilmselt natuke haruldane selle poolest, et mulle meeldis pigem reageerivate piltidega sammu pidada. See on huvitav probleem, mis aretas palju

# 143: Kolmanda osapoole JSON-i kasutamine ja vahemällu salvestamine WordPressiga - CSS-trikid

# 143: Kolmanda osapoole JSON-i kasutamine ja vahemällu salvestamine WordPressiga - CSS-trikid

CSS-trikkide kujunduse kohta, kui ma seda salvestan, tahtsin lisada ühe vidina "Eesmise disaini ja arendustööde vidin", mida toetab CodePen "

# 144: JavaScripti / lõuendi mängu loomine Kyle Simpsoniga - CSS-trikid

# 144: JavaScripti / lõuendi mängu loomine Kyle Simpsoniga - CSS-trikid

Kyle Simpson, osalt püüdes oma entusiasmi JavaScripti kasutamise üle üldse noorendada, alustas mängu ehitamist. Ta pole tegelikult "mäng"