Screencasts video 2025, Ianuarie

Multe site-uri nu folosesc niciun sistem de management de conținut (CMS) de lux pentru a-și genera paginile, sunt doar un bun conținut HTML static. Un site pentru "

Așa cum am spus de mai multe ori aici: fonturile de pictograme sunt minunate. Sunt eficienți în același mod în care spriturile CSS sunt eficiente: o mulțime de imagini utilizabile pentru "

În acest screencast trăim răspunde la mai multe posturi pe forumuri, fără niciun fel de planificare. Nu cred că am lovit un homerun pe vreunul dintre subiectele la care ne uităm, dar „

În viața mea nu am trimis niciodată o „Pull Request” pe GitHub. Am vrut să-i dau o lovitură, așa că acest videoclip surprinde momentul în care am încercat să dau seama "

În acest screencast ne adresăm la Forumuri pentru a răspunde la cât mai multe întrebări. Ideea este doar să te distrezi puțin și să-ți arăt cât de ușor este să "

Vă prezint patru lucruri foarte simple pe care le puteți face pentru a vă face site-urile web mai rapide. Nimic chiar atât de complex ca a face sprite de imagine (ceea ce nu este asta "

Chiar dacă aspectul unui site este simplu ca o zonă principală de conținut în stânga și o bară laterală în dreapta, aceasta este o grilă. Există noi metode de aspect în CSS "

CodePen PRO oferă o serie de funcții noi. Puteți citi despre ele, dar mult mai bine să le arătați nu? : și acesta este doar începutul. "

CodePen este o aplicație pentru partajare și redare cu codul frontal. Am reușit cu niște prieteni de-ai mei: Alex Vazquez și Tim Sabat. În acest tipic "

Aceasta este o prezentare rapidă la nivel de începător a diferitelor valori ale poziției CSS. Pe scurt: relativul vă permite să „împingeți” și să părăsiți elementul „

În acest screencast, mi-am mutat propriul site personal din vechile moduri de editare live FTP într-un sistem controlat de versiune adecvat, inclusiv implementarea. Nu am "

Nu este nimic de temut în această nouă lume curajoasă a preprocesării. Aplicațiile native îl fac atât de ușor încât ar trebui să fie o parte vitală a oricărui modern "

Există trei tipuri diferite de machete pentru site-uri web: lățime fixă, lățime fluidă și lățime elastică. În acest ecran, ne uităm la toate aceste trei "

Chartwell este un font special pentru realizarea de diagrame simple, frumoase, grafice cu bare și grafice liniare. Este la fel de simplu ca scrierea ecuațiilor simple "

LiveReload este o aplicație de bare de meniu numai pentru Mac, care este destul de utilă pentru dezvoltatorii web. Doar spuneți-i să vizioneze un anumit folder și, atunci când un fișier este salvat,

Tema implicită WordPress în momentul acestei screencast este TwentyEleven, un design minunat de simplu și receptiv. Adică, până când postăm un minunat "

Există multe instrumente pentru a vă arăta capturi de ecran de site-uri web în diferite browsere pentru a vă ajuta la testare. Dar o captură de ecran lipsește în atât de multe moduri: nu "

În care iau un exemplu real de undeva pe care știam că folosirea spritelor ar fi o idee bună, creez spritul de mână în Photoshop (metoda mea preferată) și „

Doar salvați site-ul web din browser (în Firefox, veți obține un fișier .html și toate resursele), plasați-l în folderul dvs. public și utilizați clic dreapta pe „

În care arăt și explic elementele de bază ale ceea ce a ajuns să însemne „design web receptiv”. Apoi merg peste tot și arată exemple, legate de „

Petrecem o oră întreagă uitându-ne la un design Photoshop și scriind marcaje HTML5 care descriu ceea ce vedem. Încercăm să fim cât se poate de semantici și discutăm „

Probabil că sunteți destul de conștienți de ce este un lucru bun utilizarea controlului versiunilor. În cazul în care nu sunteți, trec rapid în acest videoclip. Apoi intrăm în "

Acesta este un episod cu temă extra specială EMPIRE STRIKES BACK din seria de reproiectare v10! Totul începe bine. Începem să mutăm câteva lucruri "

Acesta este un episod special RETURNUL JEDI al seriei de reproiectare v10! Am lăsat ultimul screencast complet învins. Încercam să folosim "

Almanahul a fost un lucru lansat în v9 și nu s-a terminat niciodată. Totuși, este din ce în ce mai aproape în fiecare zi. Deci, în v10 vom proiecta în jurul valorii de „

Căutarea funcționează! Doar șablonul pe care aterizați nu este chiar corect. Trebuie să modificăm șablonul, astfel încât să arate corect și să se potrivească stilului „

Avem un pic de machetă Photoshop pentru a lucra de aici, în timp ce continuăm să construim șablonul pentru pagina individuală a galeriei. În primul rând, am stilat Următorul "

Zona de căutare din antet „funcționează” în sensul că este proiectată și puteți face clic pe ea deschisă și închisă și toate astea. Dar de fapt nu face nicio căutare "

Am petrecut tot acest timp în macheta noastră statică făcând niște JavaScript inteligente care să „încarce ușor” imaginile din Galerie. Acum, că avem adevăratul "

Toate motoarele noastre de căutare personalizate Google sunt configurate (noi configurăm unul diferit pentru fiecare secțiune a site-ului). UI-ul nostru pentru căutare este gata de pornire. Avem"