Video Screencasts 2025, Januar

Številna spletna mesta za ustvarjanje svojih strani ne uporabljajo nobenega modnega sistema za upravljanje vsebin (CMS), so le dobra dobra statična vsebina HTML. Spletno mesto za vašo

Kot smo tukaj že večkrat povedali: pisave ikon so super. Učinkovite so na enak način, kot so učinkovite CSS sprite: veliko slik, uporabnih za "

V tej oddaji v živo odgovarjamo na več objav na forumih brez kakršnega koli načrtovanja. Mislim, da pri nobeni niti, ki si jo ogledamo, nismo zadeli homeruna, ampak "

Nikoli v življenju nisem predložil zahteve za vlečenje na GitHub. Hotel sem poskusiti, zato ta video zajema trenutek, ko sem poskušal ugotoviti "

V tej oddaji zaslona se odpravimo na forum in odgovorimo na čim več vprašanj. Bistvo je samo, da se malo zabavate in pokažete, kako enostavno je "

Predstavljam vam štiri res preproste stvari, ki jih lahko naredite za hitrejše delovanje spletnih mest. Nič tako zapletenega kot izdelava slikovnih prajtov (kar ni to "

Tudi če je postavitev spletnega mesta preprosta kot glavno področje vsebine na levi in ​​stranska vrstica na desni, je to mreža. V CSS obstajajo nove metode postavitve "

CodePen PRO ponuja množico novih funkcij. Lahko berete o njih, a veliko bolje, če jih pokažete, kajne? : in to je šele začetek. "

CodePen je aplikacija za skupno rabo in igranje s prednjo kodo. Uspelo mi je z nekaj mojimi prijatelji: Alexom Vazquezom in Timom Sabatom. V tej tipični "

To je hiter pregled različnih vrednosti položaja CSS na začetni ravni. Na kratko: relativno vam omogoča, da se "potisnete" in zapusti element

V tej oddaji zaslona premaknem svoje osebno spletno mesto s starih načinov urejanja FTP v živo v ustrezen sistem, ki ga nadzoruje različica, vključno z uvajanjem. Nisem "

V tem pogumnem novem svetu predobdelave se ni ničesar bati. Izvorne aplikacije omogočajo tako enostavno, da bi morale biti bistveni del vsakega sodobnega "

Obstajajo tri različne vrste postavitev spletnih mest: Fiksna širina, Fluidna širina in Elastična širina. V tej oddaji zaslona si ogledamo vse te tri "

Chartwell je pisava, posebej zasnovana za izdelavo enostavnih in lepih tortnih, stolpčnih in črtnih grafov. To je tako preprosto kot zapisovanje preprostih enačb "

LiveReload je aplikacija v menijski vrstici samo za Mac, ki je zelo koristna za spletne razvijalce. Povejte mu, naj si ogleda določeno mapo, in ko je datoteka shranjena, se prikaže "

Privzeta tema WordPress v času tega predvajanja zaslona je TwentyEleven, čudovito preprosta in odzivna oblika. To je, dokler ne objavimo super "

Obstaja veliko orodij za prikaz posnetkov zaslona spletnih mest v različnih brskalnikih za pomoč pri testiranju. Toda posnetka zaslona manjka na toliko načinov: ne "

V katerem vzamem resničen primer nekje, za katerega sem vedel, da bi bila uporaba spritov dobra ideja, ročno ustvarite sprite v Photoshopu (moja najljubša metoda) in "

Preprosto shranite spletno mesto iz brskalnika (v Firefoxu dobite datoteko .html in vse vire), jo spustite v svojo javno mapo in uporabite desni klik "

V katerem pokažem in razložim same osnove, kaj pomeni "odzivno spletno oblikovanje". Potem grem povsod in pokažem primere, povezane "

Celo uro si ogledujemo oblikovanje Photoshopa in pišemo oznake HTML5, ki opisujejo, kaj vidimo. Trudimo se biti čim bolj semantični in razpravljati "

Verjetno se dobro zavedate, zakaj je uporaba nadzora različic dobra stvar. V primeru, da niste, v tem videoposnetku to hitro rečem. Potem gremo v "

To je posebna epizoda tematske epizode EMPIRE STRIKES BACK v preoblikovalni seriji v10! Vse se začne v redu. Nekatere stvari začnemo premikati "

Gre za posebno posebno vrnitev tematske epizode JEDI v seriji preoblikovanja v10! Zadnji screencast smo zapustili povsem poraženi. Poskušali smo uporabiti "

Almanah je bil stvar, ki se je začela v različici 9 in se nikoli ni končala. Z vsakim dnem pa se vedno bolj približuje. Torej bomo v različici 10 oblikovali "

Iskanje deluje! Samo predloga, na katero pristanete, ni povsem pravilna. Predlogo moramo prilagoditi, da bo videti pravilno in se bo ujemala s slogom "

Od tod imamo nekaj maket Photoshopa, ki nadaljujemo z izdelavo predloge za posamezno stran galerije. Najprej smo oblikovali naslednjo "

Iskalno območje v glavi "deluje" tako, da je zasnovano in ga lahko kliknete odprto in zaprto in vse to. Toda dejansko ne išče nobenega iskanja "

Ves ta čas smo preživeli v našem statičnem maketi in naredili nekaj pametnega JavaScript-a, ki bi "gladko naložil" slike v galeriji. Zdaj, ko imamo resnično "

Nastavljeni so vsi naši Googlovi iskalniki po meri (za vsakega odseka spletnega mesta nastavimo drugačnega). Naš uporabniški vmesnik za iskanje je pripravljen za uporabo. Imamo"