Screencasty wideo 2025, Styczeń

# 156: Porozmawiajmy o Webpack - CSS-Tricks

# 156: Porozmawiajmy o Webpack - CSS-Tricks

Sean Larkin dołącza do mnie, aby porozmawiać o Webpack! Wątpię, żebym był sam w tym, że jestem trochę zdezorientowany, czym jest i robi Webpack. Nawet jeśli jesteś aktywny ”

# 134: Wycieczka po witrynie w toku zbudowanej przy użyciu Jekyll, Grunt, Sass, systemu SVG i nie tylko - CSS-Tricks

# 134: Wycieczka po witrynie w toku zbudowanej przy użyciu Jekyll, Grunt, Sass, systemu SVG i nie tylko - CSS-Tricks

Ostrzeżenie: jest to meandrujący screencast na średnim poziomie, w którym przyglądamy się kodowi, który napędza proces budowania witryny. Nie piszemy żadnego kodu ”.

# 99: Przegląd typów, atrybutów i elementów formularzy HTML5 - CSS-Tricks

# 99: Przegląd typów, atrybutów i elementów formularzy HTML5 - CSS-Tricks

HTML5 ma wiele funkcji specyficznych dla formularzy, które sprawiają, że formularze w Internecie są lepsze. Obsługa funkcji przez przeglądarki jest obecna na całej mapie, ale wiele z „

# 9: Gwiaździsta noc: Tło 3D z efektem paralaksy - CSS-Tricks

# 9: Gwiaździsta noc: Tło 3D z efektem paralaksy - CSS-Tricks

Używając trzech warstw plików PNG przezroczystych alfa, możemy stworzyć pseudo trójwymiarowe tło dla strony internetowej. Ten screencast pokazuje, jak „

# 98: Zabawa z granicami ciała CSS-Tricks

# 98: Zabawa z granicami ciała CSS-Tricks

Umieszczenie obramowania po wewnętrznej stronie okna przeglądarki to taki prosty pomysł i może być fajnym efektem projektowym. Ale jak to robimy, aby „

# 96: localStorage for Forms - CSS-Tricks

# 96: localStorage for Forms - CSS-Tricks

HTML5 ma niezwykle prostą metodę przechowywania trwałych danych o nazwie localStorage. W rzeczywistości po prostu wywołujesz metodę z parą klucz / wartość, czyli „

# 97: Wprowadzenie do animacji CSS - CSS-Tricks

# 97: Wprowadzenie do animacji CSS - CSS-Tricks

Animacje, podobnie jak przejścia, mogą z czasem zmieniać elementy strony. Animacje są potężniejsze i bardziej złożone pod wieloma względami. Musisz zadeklarować „

# 95: Opowieść o gradientach granicznych - CSS-Tricks

# 95: Opowieść o gradientach granicznych - CSS-Tricks

Okazuje się, że istnieje prosty sposób na pokonywanie wzniesień na granicach. Zajęło mi to więcej czasu, niż powinno. Ten screencast obejmuje "

# 94: Wprowadzenie do pseudoelementów - CSS-Tricks

# 94: Wprowadzenie do pseudoelementów - CSS-Tricks

Pseudoelementy to widoczne elementy na stronie internetowej, które nie znajdują się „w DOM” ani nie zostały utworzone z HTML, ale są wstawiane bezpośrednio z CSS. To pozwala"

# 93: Pola slajdów CSS3 - CSS-Tricks

# 93: Pola slajdów CSS3 - CSS-Tricks

Postępuj zgodnie z tym, jak używamy kilku bardzo prostych przejść CSS3, aby stworzyć efekt „slajdu”. Najedź myszą na pole i jego tytuł „

# 92: Przeglądanie kodu tabeli rysunkowej - CSS-Tricks

# 92: Przeglądanie kodu tabeli rysunkowej - CSS-Tricks

Tabela rysunkowa jest w istocie mini jednostronicową aplikacją jQuery. Ma jedną podstawową funkcję, tworząc kolorowy wzór poprzez zmianę kolorów komórek ”

# 91: Pętla WordPressa - CSS-Tricks

# 91: Pętla WordPressa - CSS-Tricks

Nie brakuje dokumentacji na temat słynnej struktury wypluwającej treści WordPress, ale nadal czuję, że jest więcej zamieszania i tajemnicy ”

# 86: Pierwsze chwile z MAMP - CSS-Tricks

# 86: Pierwsze chwile z MAMP - CSS-Tricks

W tym przypadku jestem daleko w tyle, ale do niedawna nigdy tak naprawdę nie rozwijałem się lokalnie. Wszystko, co robiłem, to „iść komandosem” i pracować ”

# 90: Proste wskazówki dotyczące TextMate - CSS-Tricks

# 90: Proste wskazówki dotyczące TextMate - CSS-Tricks

TextMate to edytor kodu przeznaczony wyłącznie dla komputerów Mac. Przepraszam dla wszystkich użytkowników komputerów PC tym razem. Jeśli oglądasz te screencasty przez długi czas, wiesz, że użyłem „

# 89: Organizowanie dokumentu programu Photoshop - CSS-Tricks

# 89: Organizowanie dokumentu programu Photoshop - CSS-Tricks

Jeśli jesteś podobny do mnie, oboje jesteście winni poważnie niezorganizowanych dokumentów Photoshopa i cenicie dobrze zorganizowane. Dezorganizacja nie jest „

# 8: Formatowanie CSS - CSS-Tricks

# 8: Formatowanie CSS - CSS-Tricks

Organizacja i używanie dobrego formatowania plików CSS może zaoszczędzić mnóstwo czasu i frustracji podczas procesu tworzenia, a zwłaszcza "

# 88: Wprowadzenie do Compass / Sass - CSS-Tricks

# 88: Wprowadzenie do Compass / Sass - CSS-Tricks

Zapytaj grupę projektantów, co chcieliby, aby CSS mógł zrobić, czego nie może teraz zrobić, a otrzymasz dużą listę, która będzie przypominać listę funkcji dla „

# 85: Sprawdzone metody dotyczące zawartości dynamicznej - CSS-Tricks

# 85: Sprawdzone metody dotyczące zawartości dynamicznej - CSS-Tricks

Jeden z artykułów, które zaktualizowałem podczas „Maja to miesiąc konserwacji”, dotyczył zawartości dynamicznej. Pomysł polegał na prostej witrynie internetowej, w której kliknięcie linku „

# 87: Awans z MAMP CSS-Tricks

# 87: Awans z MAMP CSS-Tricks

Praca lokalna z MAMP jest niesamowita, ale co zrobić, gdy musisz uruchomić tę witrynę? Ostatnim razem, gdy mieliśmy lokalnie zainstalowaną wersję WordPressa, teraz ”

# 83: Myśli o SEO - CSS-Tricks

# 83: Myśli o SEO - CSS-Tricks

Uczciwe ostrzeżenie: bardziej chaotyczne niż zwykle. Posłuchaj moich przemyśleń na temat SEO. Myślę, że wiem, że SEO to seria dość oczywistych najlepszych praktyk. ZA"

# 84: Przewodnik po witrynie chris-mcgarry.com - CSS-Tricks

# 84: Przewodnik po witrynie chris-mcgarry.com - CSS-Tricks

Zbudowałem witrynę dla mojego znajomego muzyka, który wydaje nowy album. Wyraźnie posiadanie odtwarzalnych utworów jest ważne, ale klasycznym problemem jest „

# 81: AJAXing motywu WordPress - CSS-Tricks

# 81: AJAXing motywu WordPress - CSS-Tricks

Zobacz, jak przedzieram się przeze mnie przez dodanie funkcji AJAX do motywu WordPress. Chodzi o to, że każdy link wewnętrzny w witrynie zostanie załadowany do głównego "

# 82: Przełącznik obrazu CSS - CSS-Tricks

# 82: Przełącznik obrazu CSS - CSS-Tricks

Najedź na link i zobacz, jak zmienia się obrazek powyżej. To właśnie budujemy w tym screencastie, ale nie używamy do tego żadnego JavaScript. Rzecz w tym, że "

# 80: Odnośnie wynalezienia koła - CSS-Tricks

# 80: Odnośnie wynalezienia koła - CSS-Tricks

Para potrzebuje galerii zdjęć z wesela, w której każdy może przeglądać i przesyłać własne zdjęcia ze ślubu. Początkujący programista: wiem o „

# 79: Pełne / niekolejkowe animacje z jQuery - CSS-Tricks

# 79: Pełne / niekolejkowe animacje z jQuery - CSS-Tricks

Kiedy używasz funkcji .animate () jQuery z czymś w rodzaju zdarzenia hover, te animacje będą „ustawiać w kolejce”. Oznacza to, że jeśli kilka razy najedziesz kursorem, „

# 7: Menu trzech stanów - CSS-Tricks

# 7: Menu trzech stanów - CSS-Tricks

Korzystając z odmiany techniki CSS Sprites, możemy stworzyć menu „trójstanowe”, używając tylko jednego obrazu na element menu. Zmniejsza to liczbę żądań ”

# 78: Reklamy internetowe - CSS-Tricks

# 78: Reklamy internetowe - CSS-Tricks

W tym screencastie omawiam reklamę internetową. Co to jest, jak działa i dlaczego nie jest złe (z wyjątkiem sytuacji, gdy jest). Mówię o swoich doświadczeniach,

# 72: Tworzenie witryny internetowej (2 z 3): konwersja HTML / CSS - CSS-Tricks

# 72: Tworzenie witryny internetowej (2 z 3): konwersja HTML / CSS - CSS-Tricks

W części 2 tej serii rozpoczynamy konwersję HTML / CSS makiety programu Photoshop, którą stworzyliśmy w części pierwszej. Zaczynamy od bardzo szkieletowego projektu ”

# 77: Stylizacja indywidualnego artykułu - CSS-Tricks

# 77: Stylizacja indywidualnego artykułu - CSS-Tricks

Idea postów „art directing” jest ostatnio bardzo popularna. To pomysł zastosowania unikalnego stylu do artykułu w internecie w sposób, w jaki drukowany jest "

# 76: Wycieczka po jQuery w aktywnej witrynie - CSS-Tricks

# 76: Wycieczka po jQuery w aktywnej witrynie - CSS-Tricks

Jestem zajęty, wy jesteście zajęci, wszyscy jesteśmy zajęci dotrzymywaniem terminów i załatwianiem spraw w tym szalonym świecie sieci. Uwielbiam uczyć się nowych technologii, kiedy tylko mogę ”,