Screencasty wideo 2025, Styczeń

# 140: Stylizacja rejestracji na forum - CSS-Tricks

# 140: Stylizacja rejestracji na forum - CSS-Tricks

Nadal jesteśmy po szyję w obszarze forów. W tym screencastie patrzymy na stronę rejestracji. Kolejna dość ważna strona, ponieważ chcemy, aby „

# 137: Fora Wrangling, część 4, Zdobywanie kontroli - CSS-Tricks

# 137: Fora Wrangling, część 4, Zdobywanie kontroli - CSS-Tricks

Przechodzimy od razu do stylizacji głównego obszaru treści na stronie głównej forum. Prawdopodobnie najważniejsza część forów, ponieważ to pierwsza rzecz ”

# 139: Style wątków poszczególnych forów - CSS-Tricks

# 139: Style wątków poszczególnych forów - CSS-Tricks

Możesz argumentować, że strona główna forów jest najważniejszą stroną, ale istnieją równie dobre argumenty przemawiające za tym, że poszczególne wyświetlenia wątków to „

# 138: Forum Stylizacja strony głównej - CSS-Tricks

# 138: Forum Stylizacja strony głównej - CSS-Tricks

To była trochę długa droga zapaśnicza, kontrola wszystkich potrzebnych nam części, z kilkoma zmaganiami i niespodziankami po drodze. W końcu możemy dostać „

# 134: Fora Wrangling, część 2 - CSS-Tricks

# 134: Fora Wrangling, część 2 - CSS-Tricks

W tym screencastie kontynuujemy zagłębianie się w kod Vanilla Forums i uruchamiamy nasz motyw. Od razu podejmujemy decyzję, aby wykonać szalony i szalony ruch ”

# 135: Fora Wrangling, część 3, Logowanie - CSS-Tricks

# 135: Fora Wrangling, część 3, Logowanie - CSS-Tricks

Wciąż zagłębiamy się w temat tematyczny obszaru Fora w witrynie. Do tej pory robiliśmy dobrze, ale im głębiej będziemy kopać, tym trudniejsze będą rzeczy ”.

# 136: Zrozumienie zastąpień motywu Vanilla Forums - CSS-Tricks

# 136: Zrozumienie zastąpień motywu Vanilla Forums - CSS-Tricks

Zatrzymaliśmy się, próbując zdecydować, czy możemy wygrać bitwę o statyczny formularz logowania, czy nie. Prawdopodobnie moglibyśmy, ale w ramach częstszej zabawy na forach „

# 133: Fora Wrangling, część 1 - CSS-Tricks

# 133: Fora Wrangling, część 1 - CSS-Tricks

W tym screencastie zagłębimy się w kod obszaru forów. "Główny" plik forum, jeśli istnieje, to default.master.php. "

# 132: Wprowadzenie do forów - CSS-Tricks

# 132: Wprowadzenie do forów - CSS-Tricks

W tym screencastie zagłębimy się w zupełnie nową sekcję witryny: Fora! To olbrzymi obszar serwisu. Być może nie tak bardzo w korku (zawsze „

# 131: Tworzenie większej liczby modułów strony głównej - CSS-Tricks

# 131: Tworzenie większej liczby modułów strony głównej - CSS-Tricks

W tym screencastie zabraliśmy się za tworzenie kilku dodatkowych modułów, które planujemy umieścić na stronie głównej. Jeszcze tylko mała zmiana i pokazujemy trzy gorące ”

# 130: Stylizacja strony archiwów artykułów - CSS-Tricks

# 130: Stylizacja strony archiwów artykułów - CSS-Tricks

Strona z archiwami artykułów na CSS-Tricks jest raczej ważna. Zamiast umieszczać posty na stronach, jak większość blogów, po prostu zamieszczam linki do archiwów ”.

# 129: Photoshopping Więcej modułów strony głównej - CSS-Tricks

# 129: Photoshopping Więcej modułów strony głównej - CSS-Tricks

W tym screencastie zajmiemy się dodaniem kolejnych modułów do strony głównej witryny. Dość ważne rzeczy! W tej chwili mamy ich tylko kilka ”

# 128: Stylizacja strony ofert - CSS-Tricks

# 128: Stylizacja strony ofert - CSS-Tricks

W tym screencastie zajmiemy się sekcją Oferty. Sekcja ofert to w zasadzie „ściana reklam”. Jest to obszar witryny, który ludzie musieliby „

# 126: Tworzenie pojedynczej strony wideo, część 1 - CSS-Tricks

# 126: Tworzenie pojedynczej strony wideo, część 1 - CSS-Tricks

W screencastie zagłębiamy się w HTML, CSS i szablon WordPress, który jest pojedynczą stroną wideo. Zaprojektowaliśmy już, jak chcemy, aby to wyglądało ”

# 127: Tworzenie pojedynczej strony wideo, część 2 - CSS-Tricks

# 127: Tworzenie pojedynczej strony wideo, część 2 - CSS-Tricks

W tym screencastie dokończymy poprawianie kodu szablonu dla pojedynczych filmów. Zaczynamy od trochę zorganizowania się w naszym CSS. Niektóre z plików videos.scss ”

# 125: Photoshopowanie pojedynczej strony wideo - CSS-Tricks

# 125: Photoshopowanie pojedynczej strony wideo - CSS-Tricks

W tym screencastie zajmiemy się zaprojektowaniem kolejnej bardzo ważnej strony. To jedna z tych stron, na których projektowaniu bardzo mi zależało od samego początku ”,

# 122: Tworzenie archiwum filmów, część 1 - CSS-Tricks

# 122: Tworzenie archiwum filmów, część 1 - CSS-Tricks

Strona archiwum filmów wideo to część witryny, w której użytkownicy mogą przeglądać wszystkie bezpłatne filmy dostępne do obejrzenia. Służy do przeglądania, strona główna musi się podobać ”

# 123: Tworzenie archiwum filmów, część 2 (nawigacja) - CSS-Tricks

# 123: Tworzenie archiwum filmów, część 2 (nawigacja) - CSS-Tricks

Właśnie zakończyliśmy ekscytującą część tego przeprojektowania, w której musieliśmy wyrzucić kilka znaczników ze strony archiwów wideo i zastąpić je nowymi ”

# 124: Tworzenie archiwum wersji demonstracyjnych - CSS-Tricks

# 124: Tworzenie archiwum wersji demonstracyjnych - CSS-Tricks

W tym screencastie będziemy pracować nad obszarem „Demos” w CSS-Tricks. To dość popularny obszar witryny, mimo że nie umieszczam jako „

# 121: Szablon dla stron ogólnych - CSS-Tricks

# 121: Szablon dla stron ogólnych - CSS-Tricks

Patrzymy na stronę kontaktową i stwierdzamy, że jest to rodzaj strony w CSS-Tricks, która jest bardzo ogólna i nie wymaga specjalnego stylu w "

# 120: Wybór wtyczki członkostwa dla WordPress - CSS-Tricks

# 120: Wybór wtyczki członkostwa dla WordPress - CSS-Tricks

W tym screencastie zaczynamy mówić o tym, jak zamierzamy zbudować obszar członkostwa CSS-Tricks. Część Kickstartera, która stworzyła to wszystko ”

# 119: Niestandardowy nagłówek filmów - CSS-Tricks

# 119: Niestandardowy nagłówek filmów - CSS-Tricks

Myślę, że powiedziałem w poprzednim filmie, że skończyliśmy wszystkie nagłówki. Żartuję! Został jeden! Ten dotyczy obszaru wideo i został wykonany „

# 118: Przeglądanie witryny na żywo za pomocą wtyczki przełącznika motywów - CSS-Tricks

# 118: Przeglądanie witryny na żywo za pomocą wtyczki przełącznika motywów - CSS-Tricks

W tym screencastie dodajemy nową wtyczkę do witryny, która daje nam możliwość przełączania motywów w aktywnej witrynie, ale tylko po to, abyśmy (jako administratorzy) mogli "

# 117: Niestandardowy nagłówek dla ofert - CSS-Tricks

# 117: Niestandardowy nagłówek dla ofert - CSS-Tricks

Po dziwnym zamieszaniu w ostatnim filmie dotyczącym tego, który nagłówek faktycznie robimy, tym razem naprawdę zamierzamy zaimplementować niestandardowy nagłówek ”

# 116: Niestandardowy nagłówek dla wersji demonstracyjnych - CSS-Tricks

# 116: Niestandardowy nagłówek dla wersji demonstracyjnych - CSS-Tricks

Nadeszły ostatnie pozostałe nagłówki! Teraz możemy je zakończyć i mieć gotowe wszystkie niestandardowe nagłówki. W tym screencastie zajmiemy się niestandardowym „

# 115: Konfiguracja Google AdSense - CSS-Tricks

# 115: Konfiguracja Google AdSense - CSS-Tricks

Zamierzamy dodać nową strefę reklamową w serwisie obsługiwanym przez Google AdSense. Nieco temu usunęliśmy strefę BuySellAds, więc nie jest tak: „

# 114: Formularz komentarza do budynku - CSS-Tricks

# 114: Formularz komentarza do budynku - CSS-Tricks

W tym screencastie zajmiemy się budowaniem formularza komentarza w HTML / CSS. Znacznik formularza komentarza znajduje się w pliku comments.php w naszym "

# 109: Przygotowanie do pracy nad komentarzami - CSS-Tricks

# 109: Przygotowanie do pracy nad komentarzami - CSS-Tricks

Jestem bardzo podekscytowany pracą nad sekcją komentarzy w tej witrynie. CSS-Tricks jest miejscem wielu wspaniałych dyskusji, dzięki Wam wszystkim wspaniałym ludziom. Projektowanie"

# 113: Formularz komentarzy Photoshopping - CSS-Tricks

# 113: Formularz komentarzy Photoshopping - CSS-Tricks

W tym screencastie wracamy do Photoshopa i projektujemy sam formularz komentarza. Podobnie jak w przypadku danych wejściowych i użytkowników textarea muszą wypełnić, aby zostawić „

# 112: Tworzenie komentarzy - podsumowanie wątku - CSS-Tricks

# 112: Tworzenie komentarzy - podsumowanie wątku - CSS-Tricks

Pod koniec ostatniego screencasta stwierdziliśmy, że nasz projekt Photoshopa, tak prosty, jak jest, zawiera problem, który będzie zbyt trudny do wykonania ”