Screencasty wideo 2025, Styczeń

To są podstawy tego, jak pracuję lokalnie z witryną WordPress, a następnie przenoszę ją do produkcji. Flywheel jest sponsorem CSS-Tricks i cieszę się, że ”

Chociaż drzwi przesuwne są dalekie od nowej koncepcji i staną się przestarzałe, gdy zobaczymy szersze wsparcie dla wielu środowisk (CSS3), nadal jest to dobre rozwiązanie dla „

Chrome DevTools ma funkcję, która pozwala: Wyświetlić kod dowolnego zasobu, którego używa bieżąca strona internetowa (np. CSS i JavaScript). "Ładny"

(To jest sponsorowany film, nad którym pracowałem między nami w CSS-Tricks i Webflow. Myślę, że Webflow to fascynujący produkt do tworzenia stron internetowych, czyli w moim ”

A mówiąc „jesteśmy”, mam na myśli nas, programistów front-endowych;) Oto strona internetowa, która towarzyszy temu wykładowi. To jest rozmowa, którą zorganizowałem, w której postuluję, że "

David Wells z Netlify i ja podejmujemy małe kroki w tworzeniu rzeczy za pomocą Serverless. Będziemy tu głównie przyglądać się funkcjom chmury i sposobom korzystania z „

Uważam, że 98% całego wykorzystania plików SVG pochodzi z gotowych plików SVG lub grafiki wektorowej w niektórych programach do projektowania, które ostatecznie eksportuję jako SVG. Nie super ”

Uczciwe ostrzeżenie! To nie jest szybkie, proste, oparte na ekspertach omówienie tego, jak skonfigurować te technologie. Chociaż pod koniec „

Ten sam podstawowy pomysł, co karty na stronie głównej wersji 17 tej witryny. Zobacz ruchome karty autorstwa Chrisa Coyiera (@chriscoyier) w witrynie „

David Wells i Chris Coyier rozmawiają o tym, jak można statycznie zbudować aplikację hostowaną na Netlify, ale nadal mieć bazę danych zaplecza, która ją zasila. Używamy"

Ten odcinek jest prekwalifikowany do odcinków 12, 13 i 14. Wracamy do pustego dokumentu programu Photoshop i tworzymy go ponownie. W tym odcinku nie ma HTML / CSS,

Czy wiesz, że możesz skonfigurować system recenzji, tak aby każde wysłane żądanie pokazało dokładnie, co zmieniło się wizualnie w Twojej witrynie? To jest"

David Wells z Netlify i próbujemy odpowiedzieć na to pytanie w zrozumiały sposób. Czy nadal są zaangażowane serwery? Oczywiście, ale ty ”

WooCommerce to potężna i elastyczna wtyczka eCommerce do WordPress. Chcesz sprzedawać subskrypcje lub członkostwa? WooCommerce może to zrobić? Cyfrowy"

W tym filmie towarzyszy mi Dustin Schau, który zabierze mnie w podróż po świecie, który stał się znany jako CSS-in-JS. Oznacza to, że robienie „

To jest kompilacja czterech filmów, które zrobiłem w ciągu ostatnich kilku miesięcy w ramach sponsorowania przez Automattic. Chodzi głównie o Jetpack, wtyczkę WordPress I "

Jetpack zasponsorował to wideo, które opisuje, czym jest Jetpack i może zrobić dla Twojej witryny. To są jednak moje słowa! Jestem wielkim fanem Jetpack i używam Jetpack ”

Internet to, bez metafory, tylko kilka serwerów połączonych razem kablami. Bez serwerów nie mielibyśmy możliwości udostępniania naszych kreacji użytkownikom „

To jest wykład, który wygłosiłem ostatnio na kilku konferencjach. Chodzi o cztery różne właściwości w CSS: shape-outside offset-path clip-path d Oto "

Sarah Drasner i ja zagłębiamy się w Vue! Vue to bardzo popularny framework JavaScript, który absolutnie eksploduje. Sarah jest w głównym zespole i jest najbardziej "

Firebug to niezbędne rozszerzenie Firefoksa dla projektantów stron internetowych i programistów. Możesz szybko ustawić kierowanie na dowolny element na stronie, aby zobaczyć znaczniki, „

Wydaje się, że siatka CSS nadchodzi już od dłuższego czasu, ale właśnie teraz wydaje się, że zbliża się do punktu, w którym ludzie coraz częściej o niej mówią ”

CSS-Tricks sam w sobie jest witryną WordPress i taką, do której idealnie pasuje WordPress. Pomiędzy elementami takimi jak logowanie i system uprawnień, blogowanie,

Eric Portis dołącza do mnie, aby zagłębić się w świat responsywnych obrazów. Zaczynamy od podstaw. Obrazy responsywne to w szczególności obrazy w formacie HTML i istnieją ”

Niedawno widziałem zdjęcie Dribbble'a autorstwa Eli Brumleya, które miało fajny efekt interaktywny. Prosty okrągły niebieski przycisk po kliknięciu rozwija się w mały „

Czasami, aby rozpocząć podróż do nauki czegoś wielkiego i złożonego, musisz nauczyć się czegoś małego i prostego. JavaScript jest ogromny i złożony, ale „

Sublime Text to całkiem cholernie popularny edytor kodu. Pomimo jego popularności i wszystkich dobrych rzeczy, które o nim słyszałem, nadal mocno opieram się na innych ”

Czas na kolejny screencast parowania! Tym razem mam Zacha Leathermana z Filament Group. Zach przeprowadził wiele badań, napisał i przemówił ”

Kończymy konwersję makiety w odcinku trzecim. Tworzymy „obszar artykułu” i „pasek boczny” (semantyczne nazewnictwo klas!), A następnie usuwamy „

W tym screencastie współpracuję z Brianem Muenzenmeyerem, który m.in. pracuje nad Pattern Lab. W szczególności wersja Pattern Lab dla Node wraz z „