Screencasty wideo 2025, Styczeń

# 018 - Stopka - CSS-Tricks

# 018 - Stopka - CSS-Tricks

Będzie to najprostsza stopka w historii witryny. Będzie to symbol praw autorskich z imieniem Jeffa (myślę, że zawsze miło jest mieć nazwę „

# 016 - Nawigacja główna, część 2 - CSS-Tricks

# 016 - Nawigacja główna, część 2 - CSS-Tricks

Mamy dobry początek w nawigacji na stronie głównej, ale jest jeszcze kilka rzeczy do stylizacji, które trzeba zrobić. Zaczynamy od uzupełnienia samej treści ”,

# 017 - Nawigacja główna, część 3 - CSS-Tricks

# 017 - Nawigacja główna, część 3 - CSS-Tricks

Prawie skończyliśmy z nawigacją na stronie głównej, ale pod naszym suwakiem i nad samą nawigacją jest trochę dziwnego miejsca. Dążymy do ustalenia "

# 015 - Nawigacja po stronie głównej, część 1 - CSS-Tricks

# 015 - Nawigacja po stronie głównej, część 1 - CSS-Tricks

Mamy plan nawigacji po stronie głównej, wystarczy, że zrobimy to w kodzie. Mówię konkretnie o nawigacji na stronie głównej, ponieważ jest to prawdopodobnie tylko „

# 014 - Pozycjonowanie suwaka - CSS-Tricks

# 014 - Pozycjonowanie suwaka - CSS-Tricks

Suwak działa! Ale nie jest umieszczony dokładnie tak, jak zaprojektowaliśmy w naszym pliku Photoshop. Potrzebujemy więcej miejsca pod nim, aby wyeksponować więcej głównych elementów ”

# 013 - Poprawianie suwaka - CSS-Tricks

# 013 - Poprawianie suwaka - CSS-Tricks

Suwak jest zaimplementowany i działa, po prostu nie wygląda tak, jak go zaprojektowaliśmy. Przechodzimy przez proces usuwania kodu HTML i CSS, które „

# 012 - Podstawy suwaków - CSS-Tricks

# 012 - Podstawy suwaków - CSS-Tricks

Decydujemy się na użycie RoyalSlider jako suwaka na stronie głównej. Od dawna jestem fanem AnythingSlider, ponieważ byłem częścią jego stworzenia i ja ”

# 010 - CodeKit zapewniający wielki sukces - CSS-Tricks

# 010 - CodeKit zapewniający wielki sukces - CSS-Tricks

W tym screencastie CodeKit zaczyna oglądać nasz projekt. To znacznie ułatwia wiele zadań programistycznych. Pierwszą rzeczą, jaką robimy, jest „

# 008 - Dajemy sobie nowy początek z czystym motywem, część 1 - CSS-Tricks

# 008 - Dajemy sobie nowy początek z czystym motywem, część 1 - CSS-Tricks

Wkrótce przestaniemy patrzeć na starą witrynę. Jest to ostatni raz! Teraz, gdy mamy odpowiednie lokalne środowisko deweloperskie, planujemy zapewnić „

# 011 - Nagłówek i niestandardowe czcionki przez TypeKit - CSS-Tricks

# 011 - Nagłówek i niestandardowe czcionki przez TypeKit - CSS-Tricks

Jako główną czcionkę używaną w witrynie Jeffa wybraliśmy Proxima Nova. Jest cholernie popularny w dzisiejszych czasach, ale wygląda świetnie z pracami Jeffa. Prosty,"

# 009 - Dajemy sobie nowy początek z czystym motywem, część 2 - CSS-Tricks

# 009 - Dajemy sobie nowy początek z czystym motywem, część 2 - CSS-Tricks

Jesteśmy w trakcie rozbierania naszego motywu WordPress do mniej więcej tak prostego, jak to tylko możliwe. Nie martwimy się o projekt, do którego dążymy ”,

# 007 - Konfigurowanie lokalnego środowiska programistycznego - CSS-Tricks

# 007 - Konfigurowanie lokalnego środowiska programistycznego - CSS-Tricks

Chcemy pracować lokalnie podczas pracy nad tym projektem. Tylko kilka powodów: jest szybki. Możemy pracować offline z dowolnego miejsca. Pracujemy nad kompletnym „

# 006 - Photoshopping Mobile, część 2 - CSS-Tricks

# 006 - Photoshopping Mobile, część 2 - CSS-Tricks

Mamy już „nagłówek” projektu, musimy tylko odgadnąć pozostałą część strony. Mamy listę najważniejszych celów, do których dążymy ”

# 005 - Photoshopping Mobile, część 1 - CSS-Tricks

# 005 - Photoshopping Mobile, część 1 - CSS-Tricks

Zaczynamy od otwarcia naszego pliku Photoshopa. Raczej głupio wyglądający „wydłużony” zrzut ekranu z iPhone'a, który po prostu daje nam najpierw płótno w telefonie komórkowym ”

# 004 - Płótno programu Photoshop - CSS-Tricks

# 004 - Płótno programu Photoshop - CSS-Tricks

Z ostatniego filmu wiemy, że na początku projektowania tej witryny należy wziąć pod uwagę pięć głównych punktów. Będziemy o tym pamiętać jako „

# 003 - Początkowa komunikacja z klientem - CSS-Tricks

# 003 - Początkowa komunikacja z klientem - CSS-Tricks

W tym screencastie mówię o tym, jak wyglądała komunikacja między mną a Jeffem, kiedy po raz pierwszy wysłał mi e-mail z prośbą o przeprojektowanie witryny. „

# 001 - Wprowadzenie do serii - CSS-Tricks

# 001 - Wprowadzenie do serii - CSS-Tricks

Cześć wszystkim! Witamy w pełnej serii poświęconej tworzeniu mobilnej strony internetowej dla artystów za pomocą WordPress. To jest nieco inne niż w poprzedniej serii ”