Screencasty wideo 2025, Styczeń

# 24: Zaokrąglone rogi - CSS-Tricks

# 24: Zaokrąglone rogi - CSS-Tricks

Oto PIĘĆ różnych technik, których możesz użyć do tworzenia zaokrąglonych rogów dla pudełek w witrynie internetowej. Zawsze można zrobić coś z CSS i „

# 23: Warunkowe arkusze stylów - CSS-Tricks

# 23: Warunkowe arkusze stylów - CSS-Tricks

Internet Explorer umożliwia kierowanie informacji o stylach CSS specjalnie dla różnych wersji. Te „warunkowe arkusze stylów” są najlepsze ”

# 22: Wycinanie ścieżek przycinania - CSS-Tricks

# 22: Wycinanie ścieżek przycinania - CSS-Tricks

W tym tygodniu wróciliśmy do Photoshopa, ponieważ chciałem trochę porozmawiać o bardzo specyficznej umiejętności, która moim zdaniem jest ważna dla wszystkich projektantów. To jest"

# 20: Wprowadzenie do jQuery - CSS-Tricks

# 20: Wprowadzenie do jQuery - CSS-Tricks

Popularna biblioteka JavaScript jQuery to niesamowity sposób na rozszerzenie możliwości projektowych witryny poza możliwości CSS. Ale na szczęście, jeśli tak jest ”

# 21: Przewodnik po formularzu kontaktowym - CSS-Tricks

# 21: Przewodnik po formularzu kontaktowym - CSS-Tricks

W pewnym sensie formularz kontaktowy to „Hello, World!” aplikacja projektantów i twórców stron internetowych. To nic, co nie zostało zrobione przed "

# 199: Zadzieraj z JSX - CSS-Tricks

# 199: Zadzieraj z JSX - CSS-Tricks

Prawdopodobnie powinienem był się tego nauczyć dawno temu, ale niestety, oto jesteśmy. Okazuje się, że możesz powiedzieć, jakiej funkcji chcesz używać w JSX. Tak, JSX tak naprawdę ma tylko „

# 194: Integracja społeczna Jetpack - CSS-Tricks

# 194: Integracja społeczna Jetpack - CSS-Tricks

Jetpack może pomóc zautomatyzować media społecznościowe Twojej witryny. To całkiem mała funkcja w porównaniu do wszystkich ogromnych rzeczy, które może zrobić Jetpack, takich jak ulepszanie Twojej witryny ”

# 1: Konwertowanie makiety programu Photoshop (część 1 z 3) - CSS-Tricks

# 1: Konwertowanie makiety programu Photoshop (część 1 z 3) - CSS-Tricks

W tym pierwszym w historii podcastie wideo rozpoczynam proces konwersji makiety strony internetowej Adobe Photoshop na prawdziwą witrynę internetową opartą na CSS. To jest"

# 180: Majstrowanie przy wideo na telefonie komórkowym - CSS-Tricks

# 180: Majstrowanie przy wideo na telefonie komórkowym - CSS-Tricks

Uczciwe ostrzeżenie: nie jestem ekspertem w tej dziedzinie, po prostu bawię się wideo w Internecie i rozwiązuję niektóre problemy, które mam podczas pokazywania klipów wideo w „

# 196: Learning Grid & Flexbox z Kylem Simpsonem - CSS-Tricks

# 196: Learning Grid & Flexbox z Kylem Simpsonem - CSS-Tricks

Kyle jest facetem od JavaScript. Wie dużo o internecie, a także dużo o CSS, ale nie jest na bieżąco z nowoczesnymi narzędziami do projektowania CSS, takimi jak flexbox i „

# 197: Spojrzenie na Stackbit i Stackbit Studio - CSS-Tricks

# 197: Spojrzenie na Stackbit i Stackbit Studio - CSS-Tricks

Aplikacja Stackbit pomaga w szybkim uruchomieniu nowej witryny Jamstack. Wybierz motyw, statyczny generator witryn i system CMS, a otrzymasz repozytorium ”

# 198: Informacje o właściwości Position - CSS-Tricks

# 198: Informacje o właściwości Position - CSS-Tricks

Statyczny: domyślny względny: umożliwia poruszanie się w górę / w prawo / na dół / w lewo, dzięki czemu indeks Z działa, zapewnia kontekst pozycjonowania absolutny: "

# 19: Zaprojektowanie unikalnej strony dla aktualizacji na Twitterze - CSS-Tricks

# 19: Zaprojektowanie unikalnej strony dla aktualizacji na Twitterze - CSS-Tricks

W tym tygodniu przeprowadzę Cię przez proces tworzenia prostej strony internetowej, aby od początku do końca wyświetlać Twoje ostatnie „Tweety” z Twittera. Obejmuje to projekt w „

# 178: Percy łapie wizualne zmiany w dowolnym przepływie pracy - CSS-Tricks

# 178: Percy łapie wizualne zmiany w dowolnym przepływie pracy - CSS-Tricks

Chciałem się upewnić, że dokładnie rozumiesz, co Percy może dla ciebie zrobić, stąd tytuł. Kiedy wprowadzasz zmianę w repozytorium Git w swoich witrynach, np.

# 195: Jak narysować linię za pomocą CSS - CSS-Tricks

# 195: Jak narysować linię za pomocą CSS - CSS-Tricks

Głupie proste, prawda? To jest! Ale fajnie jest pomyśleć o tym przez kilka minut i policzyć kilka różnych sposobów, w jakie moglibyśmy to zrobić. A co mam na myśli, mówiąc „

# 193: Scully: grupa SSG dla Angular - CSS-Tricks

# 193: Scully: grupa SSG dla Angular - CSS-Tricks

Tara Z. Manicsic dołączyła do mnie przy tym filmie, konfigurując podstawy Scully, czyli Static Site Generator dla Angular - nie, SSG dla „

# 192: Sztuczki Git, aby wyjść z kłopotów - CSS-Tricks

# 192: Sztuczki Git, aby wyjść z kłopotów - CSS-Tricks

Tak niesamowity jak Git do obsługi kodu źródłowego, możesz z pewnością wpaść w kłopoty. Co się stanie, jeśli wprowadzisz zmianę w pliku i zechcesz „

# 169: Jak myśleć jak programista front-end - CSS-Tricks

# 169: Jak myśleć jak programista front-end - CSS-Tricks

To jest wideo z mojego wystąpienia na WordCamp US. Rzućmy okiem na to, czym stał się rozwój front-endu w dzisiejszych czasach. Zaczynając od roli, gdzie ”

# 188: Badanie nakładającego się wzorca nagłówka - CSS-Tricks

# 188: Badanie nakładającego się wzorca nagłówka - CSS-Tricks

Snook opublikował artykuł zatytułowany „Nakładanie nagłówka z siatką CSS”, w którym przygląda się wzorcowi projektu nagłówka, który, moim zdaniem, wykracza poza trendy i został ”

# 189: Pojęcie do użytku osobistego i publicznego - CSS-Tricks

# 189: Pojęcie do użytku osobistego i publicznego - CSS-Tricks

To ostatni film z naszej krótkiej serii o używaniu Notion. Omówiliśmy, jak Notion świetnie nadaje się do pracy w zespołach tworzących strony internetowe. Ale inna sprawa ”

# 187: Pojęcie spotkań i dokumentacji zespołu - CSS-Tricks

# 187: Pojęcie spotkań i dokumentacji zespołu - CSS-Tricks

To drugi film z serii trzech filmów poświęconych używaniu Notion. W części 1 omówiliśmy wiele kwestii dotyczących tego, czym Notion jest doskonały dla każdego zespołu i sieci ”

# 184: Listy wewnętrzne i wyrównane - CSS-Tricks

# 184: Listy wewnętrzne i wyrównane - CSS-Tricks

Fakt, że listy renderują swoje znaczniki poza własnym polem (domyślnie), jest nieco dziwny. Wszelkie ukryte przepełnienia lub wystające poza krawędź „

# 18: Wprowadzenie do szablonu strony internetowej zespołu - CSS-Tricks

# 18: Wprowadzenie do szablonu strony internetowej zespołu - CSS-Tricks

Niedawno wydałem poboczny projekt o nazwie Szablon strony zespołu. To tylko krótka prezentacja, wyjaśniająca, dlaczego została zbudowana i dlaczego tak myślę ”

# 185: Zabawa z maskami CSS - CSS-Tricks

# 185: Zabawa z maskami CSS - CSS-Tricks

Maskowanie w CSS to jeden ze sposobów na ukrycie części elementu i pokazanie innych. Innym jest clip-path, ale nie skupmy się na tym dzisiaj. „Maski to obrazy; klipy”

# 183: Obrazy reżyserskie, element obrazu i sieci CDN obrazów - CSS-Tricks

# 183: Obrazy reżyserskie, element obrazu i sieci CDN obrazów - CSS-Tricks

To prawdziwy fenomen! Mówię o idei usług hostingu obrazów, które umożliwiają manipulowanie adresem URL obrazu w celu przekształcenia ”

# 186: Pojęcie dla zespołów programistycznych - CSS-Tricks

# 186: Pojęcie dla zespołów programistycznych - CSS-Tricks

Jestem wielkim fanem Notion, szczególnie jeśli chodzi o synchronizację zespołów. Pracuję w zespołach programistów i uważam, że działa to szczególnie dobrze. Jeśli miałbym"

# 182: Pierwsze Vue SFC dziecka - CSS-Tricks

# 182: Pierwsze Vue SFC dziecka - CSS-Tricks

SFC jak w „komponencie jednoplikowym”, który oferuje Vue, a ludzie Vue wydają się kochać. Za moich czasów napisałem bardzo mało Vue, ale jestem fanem! ”

# 181: Szperanie w listach HTML - CSS-Tricks

# 181: Szperanie w listach HTML - CSS-Tricks

Pewnego dnia miałem głupi mały problem, w którym zagnieżdżona lista nie miała odpowiednich odstępów. Dodawałem tylko margin-bottom do elementów listy i „

# 179: Siatka kwadratów - CSS-Tricks

# 179: Siatka kwadratów - CSS-Tricks

Użycie siatki CSS do stworzenia siatki to, cóż, cały punkt. Ale co, jeśli chcesz, aby wszystkie te elementy siatki zachowały proporcje, takie jak kwadrat 1: 1? Jego"

# 176: Praca z Framer Motion - CSS-Tricks

# 176: Praca z Framer Motion - CSS-Tricks

Matt Perry z Framer i ja przeglądamy bibliotekę animacji React Framer Motion. Najpierw przyjrzyjmy się, jak proste jest API. Ty kontrolujesz "