Screencasty wideo 2025, Styczeń

# 75: Jak nie zaprojektować kasy - CSS-Tricks

# 75: Jak nie zaprojektować kasy - CSS-Tricks

Musicie mi wybaczyć, ludzie, to nie jest zbyt konstruktywny screencast. Byłem sfrustrowany kiepskim procesem realizacji zakupu oprogramowania I ”

# 73: Tworzenie strony internetowej (3 z 3): motyw WordPress - CSS-Tricks

# 73: Tworzenie strony internetowej (3 z 3): motyw WordPress - CSS-Tricks

W części 3 tej serii bierzemy HTML i CSS, które już stworzyliśmy dla tego projektu i konwertujemy je na motyw WordPress. Zaczynamy od „

# 74: Edytowalna galeria obrazów CSS3 - CSS-Tricks

# 74: Edytowalna galeria obrazów CSS3 - CSS-Tricks

Tworzymy dość typowy wzorzec projektowania galerii obrazów, siatkę obrazów, które pojawiają się większe po kliknięciu. Ale ta strona galerii obrazów wykorzystuje gorący „

# 71: Tworzenie strony internetowej (1 z 3): makieta programu Photoshop - CSS-Tricks

# 71: Tworzenie strony internetowej (1 z 3): makieta programu Photoshop - CSS-Tricks

To początek trzyczęściowej serii poświęconej tworzeniu strony internetowej. To będzie prawdziwa witryna dla mojego przyjaciela muzyka, którego witrynę internetową zdarzyło mi się zrujnować ”

# 69: Pierwsze dziesięć minut z TypeKitem - CSS-Tricks

# 69: Pierwsze dziesięć minut z TypeKitem - CSS-Tricks

Otrzymałem zaproszenie od TypeKit, zarejestrowałem się i miałem piękne niestandardowe czcionki kołyszące moją stronę w ciągu zaledwie kilku minut. Pokażę Ci cały proces od „

# 70: Losowe irytujące zwierzaki - CSS-Tricks

# 70: Losowe irytujące zwierzaki - CSS-Tricks

Po prostu losowo przechodzę przez drobne irytacje i zastrzeżenia, które mam ze wszystkim, od OS X do Photoshopa, WordPress i CSS. Myślałem o 5 więcej ”

# 68: Think Geek Background Fade Technique - CSS-Tricks

# 68: Think Geek Background Fade Technique - CSS-Tricks

Ten film przedstawia technikę widoczną w witrynie Think Geek 3.0. W dolnej części strony znajduje się projekt kilku robotów, a ekran „

# 6: Narzędzia handlu - CSS-Tricks

# 6: Narzędzia handlu - CSS-Tricks

Zanim przejdę za daleko w tych screencastach, pomyślałem, że przedstawię wam trochę moje środowisko pracy i wyjaśnię narzędzia, których używam ”.

# 67: jQuery Część 3 - Wtyczka tytułu obrazu - CSS-Tricks

# 67: jQuery Część 3 - Wtyczka tytułu obrazu - CSS-Tricks

Ten film skupia się na wykorzystaniu już istniejącego pomysłu i kodu i przekształceniu go we wtyczkę jQuery. W tym przypadku pomaga to utrzymać nasz kod tak samo semantyczny jak on ”

# 191: Ucz się, wykonując: CUBE CSS - CSS-Tricks

# 191: Ucz się, wykonując: CUBE CSS - CSS-Tricks

Andy Bell dołącza do mnie, aby omówić swoją metodologię CSS, którą nazywa CUBE CSS. To jest kompozycja, użyteczność, blok i wyjątek. CUBE CSS to metodologia CSS „

# 64: Tworzenie galerii zdjęć - CSS-Tricks

# 64: Tworzenie galerii zdjęć - CSS-Tricks

Ta galeria zdjęć automatycznie zbuduje się z katalogu obrazów, w tym podkatalogów i znajdujących się w nich obrazów. Obrazy otwierają się w ładnym ”

# 65: Zaawansowane zastosowania pól niestandardowych w WordPress - CSS-Tricks

# 65: Zaawansowane zastosowania pól niestandardowych w WordPress - CSS-Tricks

Bardziej niż jakakolwiek inna pojedyncza funkcja, to, co sprawia, że ​​WordPress jest CMS (w przeciwieństwie do zwykłej platformy do blogowania), to pola niestandardowe. Pola niestandardowe to porcje danych ”

# 66: Styl tabeli 2, stały nagłówek i podświetlenie - CSS-Tricks

# 66: Styl tabeli 2, stały nagłówek i podświetlenie - CSS-Tricks

Tylko kilka szybkich sztuczek, od podstaw, dotyczących kodowania tabel. Używamy odpowiednich znaczników semantycznych dla nagłówka tabeli, a następnie ustawiamy go na stałą pozycję "

# 58: HTML i CSS - BARDZO podstawy - CSS-Tricks

# 58: HTML i CSS - BARDZO podstawy - CSS-Tricks

Ten film to BARDZO podstawy tego, czym jest HTML i CSS, dla absolutnie początkującego. Pliki HTML i CSS to dosłownie tylko pliki tekstowe. Nie potrzebujesz ”

# 63: Na screencastingu - CSS-Tricks

# 63: Na screencastingu - CSS-Tricks

To trochę zakulisowe spojrzenie na to, jak tworzę i rozpowszechniam screencast. Omawiam sprzęt i oprogramowanie, którego używam, jak to się dzieje ”

# 62: Zaawansowana stylizacja i funkcjonalność formularzy - CSS-Tricks

# 62: Zaawansowana stylizacja i funkcjonalność formularzy - CSS-Tricks

Ten zrzut ekranu przedstawia kod, który obsługuje dość zaawansowany formularz internetowy. Wykorzystuje jQuery do ukrywania i pokazywania danych wejściowych w razie potrzeby, a także trzy "

# 60: AJAX odświeżanie zawartości RSS - CSS-Tricks

# 60: AJAX odświeżanie zawartości RSS - CSS-Tricks

W filmie nr 55 końcowym wynikiem był FeedSmusher, który wstawiał zawartość z zewnętrznych źródeł RSS na naszą własną stronę. W tym screencastie zaczniemy „

# 61: Podstawowa stylizacja tabel za pomocą CSS - CSS-Tricks

# 61: Podstawowa stylizacja tabel za pomocą CSS - CSS-Tricks

Stoliki są świetne. Doskonale nadają się do użytku w sieci. To znaczy do wyświetlania danych tabelarycznych! W tej prezentacji pokażemy, co to właściwie jest ”

# 59: Osadzanie dźwięku - CSS-Tricks

# 59: Osadzanie dźwięku - CSS-Tricks

Umieszczenie obrazu na stronie internetowej jest łatwe, pliki audio to nie wszystko. HTML5 sprawi, że będzie to tak proste, jak powinno, ale do tego czasu musimy uciekać się do innych "

# 5: Kolumny jednakowej wysokości: super prosty układ dwóch kolumn - CSS-Tricks

# 5: Kolumny jednakowej wysokości: super prosty układ dwóch kolumn - CSS-Tricks

Wymuszanie jednakowej wysokości wielu kolumn jest jedną z trudnych rzeczy w projektowaniu stron internetowych. W tym screencastie pokażę ci małą sztuczkę na ten temat ”.

# 57: Używanie CSS3 - CSS-Tricks

# 57: Używanie CSS3 - CSS-Tricks

Najnowsza fala przeglądarek internetowych ma całkiem przyzwoitą obsługę różnych elementów CSS3. W szczególności Safari 4 i Firefox 3.1. Ten screencast obejmuje wiele „

# 56: Integracja FoxyCart i WordPress - CSS-Tricks

# 56: Integracja FoxyCart i WordPress - CSS-Tricks

FoxyCart to bardzo elastyczny system eCommerce. Produkty są tworzone w locie jako część przycisków dodawania do koszyka, które są prostym kodem HTML. Oznacza to, że „

# 55: Dodawanie treści RSS za pomocą SimplePie - CSS-Tricks

# 55: Dodawanie treści RSS za pomocą SimplePie - CSS-Tricks

Część RSS „Naprawdę prosta” jest czasami myląca. A co jeśli chcesz pobrać zawartość z kanału RSS i wyświetlić ją w swojej witrynie? Robię to od „

# 54: Wprowadzenie do FLIR - CSS-Tricks

# 54: Wprowadzenie do FLIR - CSS-Tricks

FLIR (Face Lift Image Replacement) to „alternatywa dla sIFR”. Są zdecydowanie w tej samej kategorii. sIFR ma dodatkowe funkcje, "

# 52: Tworzenie arkusza stylów drukowania - CSS-Tricks

# 52: Tworzenie arkusza stylów drukowania - CSS-Tricks

Moja technika tworzenia arkuszy stylów drukowania wygląda następująco. 1) Zacznij od zera 2) Pozostaw większość ustawień w spokoju 2) Wyeliminuj wszystko na stronie, którą "

# 53: Dostosowywanie formularzy, przycisków i nagłówków PayPal - CSS-Tricks

# 53: Dostosowywanie formularzy, przycisków i nagłówków PayPal - CSS-Tricks

PayPal, kochaj go lub nienawidź, to najprostszy sposób na wysyłanie i otrzymywanie pieniędzy online. W tym screencastie pokazujemy, jak utworzyć przycisk Kup teraz, który używa „

# 4: Wymuszanie pasków przewijania: eliminowanie „poziomych skoków” - CSS-Tricks

# 4: Wymuszanie pasków przewijania: eliminowanie „poziomych skoków” - CSS-Tricks

W tym screencastie mówię o tym, jak wymusić pionowe paski przewijania na stronach internetowych. W przeciwnym razie strony z wyśrodkowaną zawartością mogą sprawiać wrażenie „przeskakujących” do „

# 50: Tworzenie dostosowanego i dynamicznego formularza zamówienia - CSS-Tricks

# 50: Tworzenie dostosowanego i dynamicznego formularza zamówienia - CSS-Tricks

Prawdziwi klienci mają realne potrzeby dotyczące swoich witryn internetowych. Nie dbają o Twoje wymyślne kanały RSS i AJAX, po prostu chcą, aby ich witryna robiła to, co ”

# 51: Lekcja dotycząca dostępności - CSS-Tricks

# 51: Lekcja dotycząca dostępności - CSS-Tricks

Nawet jeśli projektujemy z naszymi najlepszymi intencjami w zakresie ułatwień dostępu, często potrzeba kogoś, kto naprawdę używa oprogramowania ułatwień dostępu, aby przetestować witrynę i pomóc ”

# 49: Hodgepodge of Photoshop Tricks - CSS-Tricks

# 49: Hodgepodge of Photoshop Tricks - CSS-Tricks

Photoshop jest moim ulubionym narzędziem do projektowania na potrzeby Internetu. Porównuję to do wyboru gitary jako instrumentu do gry. Gitara brzmi świetnie sama i tam ”