Videonäyttö 2025, Syyskuu

Monet sivustot eivät käytä mitään hienoa sisällönhallintajärjestelmää (CMS) sivujensa luomiseen, ne ovat vain hyvää staattista HTML-sisältöä. Sivusto "

Kuten olemme sanoneet täällä monta kertaa: kuvakkeen fontit ovat mahtavia. Ne ovat tehokkaita samalla tavalla kuin CSS-spritit ovat tehokkaita: paljon kuvia voidaan käyttää

Tässä kuvakaappauksessa elämme vastauksena useampiin foorumiviesteihin ilman minkäänlaista suunnittelua. En usko, että osuimme homeruniin millä tahansa säikeellä, jota katsomme, mutta "

En ole koskaan elämässäni lähettänyt "vetopyyntöä" GitHubiin. Halusin antaa sille kuvan, joten tämä video vangitsee hetken, jolloin yritin selvittää "

Tässä kuvaruudussa siirrymme foorumeille vastaamaan mahdollisimman moniin kysymyksiin. Tarkoitus on vain pitää hauskaa ja näyttää kuinka helppoa on "

Esittelen neljä todella yksinkertaista asiaa, joita voit tehdä verkkosivustojesi nopeuttamiseksi. Mikään ei ole niin monimutkaista kuin kuvan spritien tekeminen (mikä ei ole sitä "

Vaikka sivuston asettelu olisikin yksinkertainen kuin pääsisältöalue vasemmalla ja sivupalkki oikealla, se on ruudukko. CSS: ssä on uusia asettelumenetelmiä "

CodePen PRO tarjoaa joukon uusia ominaisuuksia. Voit lukea heistä, mutta paljon parempi näyttää heille oikein? : ja tämä on vasta alkua. "

CodePen on sovellus käyttöliittymän koodin jakamiseen ja toistamiseen. Tein sen ystävieni kanssa: Alex Vazquez ja Tim Sabat. Tässä tyypillisessä "

Tämä on nopea aloittelijan tasoinen katsaus eri CSS-sijainti-arvoihin. Lyhyesti: suhteellinen antaa sinun "työntää" ja jättää elementin "

Tässä kuvaruudussa siirrän oman henkilökohtaisen verkkosivustoni vanhoista live-FTP-muokkaustavoistani oikeaan versionhallittuun järjestelmään, mukaan lukien käyttöönotto. En ole "

Tässä rohkeassa uudessa esikäsittelymaailmassa ei ole mitään pelättävää. Natiivisovellukset tekevät siitä niin helppoa, että sen pitäisi olla tärkeä osa modernia "

Sivustoille on kolme erilaista asettelua: Kiinteä leveys, Nesteen leveys ja Elastinen leveys. Tässä kuvakaappauksessa tarkastelemme kaikkia näitä kolmea "

Chartwell on fontti erityisesti yksinkertaisten ja kauniiden ympyräkaavioiden, pylväskaavioiden ja viivakaavioiden tekemiseen. Se on yhtä yksinkertaista kuin yksinkertaisten yhtälöiden kirjoittaminen "

LiveReload on vain Mac-valikkopalkkisovellus, joka on varsin hyödyllinen verkkokehittäjille. Käske vain katsomaan tiettyä kansiota, ja kun tiedosto tallennetaan,

Oletus WordPress-teema tämän näyttökerran aikaan on TwentyEleven, ihanan yksinkertainen ja reagoiva muotoilu. Eli kunnes lähetämme mahtavan "

Testauksen helpottamiseksi on monia työkaluja näyttökuvien näyttämiseen verkkosivustoista eri selaimissa. Mutta kuvakaappauksesta puuttuu niin monella tavalla: ei "

Otan todellisen esimerkin jostakin, jonka tiesin, että spritien käyttö olisi hyvä idea, luo sprite käsin Photoshopissa (ensisijainen menetelmäni) ja "

Tallenna vain verkkosivusto selaimesta (Firefoxissa saat .html-tiedoston ja kaikki resurssit), pudota se julkiseen kansioon ja napsauta hiiren kakkospainikkeella "

Siinä näytän ja selitän peruskysymyksiä siitä, mitä "reagoiva web-suunnittelu" on tullut tarkoittamaan. Sitten käyn kaikkialla ja näytän esimerkkejä, jotka liittyvät "

Vietämme koko tunnin Photoshop-suunnittelua ja kirjoitamme HTML5-merkintöjä, jotka kuvaavat mitä näemme. Yritämme olla niin semanttisia kuin pystymme ja keskustelemme "

Olet todennäköisesti melko tietoinen siitä, miksi versionhallinnan käyttö on hyvä asia. Jos et ole, käyn tämän videon läpi nopeasti. Sitten pääsemme "

Tämä on ylimääräinen erityinen EMPIRE STRIKES BACK -teemainen jakso v10 Redesign -sarjasta! Kaikki alkaa hienosti. Alamme siirtää joitain asioita "

Tämä on ylimääräinen erityinen JEDI-aiheinen v10-uudelleensuunnittelusarjan jakso! Jätimme viimeisen näytön lähetyksen täysin voitettuina. Yritimme käyttää "

Almanac oli asia, joka julkaistiin v9: ssä, eikä sitä koskaan tehty. Se tulee kuitenkin lähemmäksi joka päivä. Joten v10: ssä suunnittelemme "

Haku toimii! Se on vain malli, johon laskeudut, ei ole aivan oikein. Meidän on mukautettava mallia, jotta se näyttää oikealta ja vastaa "

Meillä on vähän Photoshop-mallia toimiakseen täältä jatkaessamme mallipohjaa yksittäiselle galleriasivulle. Ensin ylös, me muotoilimme Seuraava "

Otsikon hakualue "toimii" siinä mielessä, että se on suunniteltu ja voit napsauttaa sitä auki ja kiinni ja kaikki. Mutta se ei todellakaan tee mitään hakuja "

Vietimme koko tämän ajan staattisessa mallissamme tekemällä älykkäitä JavaScriptiä, jotka "tasaisivat" gallerian kuvat. Nyt kun meillä on todellinen "

Kaikki Google-täsmähakukoneemme on määritetty (me perustamme oman sivuston jokaiselle osalle). Haun käyttöliittymä on käyttövalmis. Meillä on"