Screencasty wideo 2025, Styczeń
W tym pokazie parowania dołącza do mnie Sarah Drasner i prowadzi mnie przez niektóre z moich pierwszych doświadczeń związanych z Reactem. Zmierzamy do stylu „prawdziwego świata”
W tym screencastie parowania spotykam się z Dee Gill. Przyjrzyjmy się niektórym elementom układu nowej aplikacji, nad którą pracuje: Tinge. Miała makietę projektu ”
Paruję się z Philipem Waltonem (który pracuje dla Google w Google Analytics) w tym screencastie. Stanowi uzupełnienie przygotowanego przez nas studium przypadku: Nauka użytkowania ”
W tym filmie Lara Schenck i ja łączymy się w pary, a ona uczy mnie wszystkiego o motywach potomnych w WordPress. To jak podcast, który też oglądasz! Prosto w górę ”
Kyle Simpson, częściowo chcąc w ogóle odmłodzić swój entuzjazm do pracy z JavaScriptem, zaczął tworzyć grę. On naprawdę nie jest „grą”
Przy projektowaniu sztuczek CSS podczas nagrywania tego, jedną z rzeczy, które chciałem dodać, był widżet „Front End Design & Development Jobs”, obsługiwany przez CodePen ”
Prawdopodobnie jestem trochę rzadki, ponieważ wolę nadążać za responsywnymi obrazami. To interesujący problem, który spowodował powstanie wielu "
To jest screencast w wersji wideo posta na blogu, który niedawno zrobiłem: Przydatna technika Flexbox: zawijanie z przesunięciem wyrównania. Byłem na spotkaniu CodePen ”
Animacja SVG jest nieco wyjątkowa, ponieważ istnieją trzy wyraźnie różne sposoby jej animowania. 1. Animowanie za pomocą CSS @keyframes SVG ”
Wiesz o responsywnych obrazach. Chodzi o składnię obrazu w HTML. Jeśli podasz mu odpowiednie informacje w odpowiedniej składni, możesz uzyskać przeglądarkę "
Nie ma tylko jednej właściwości CSS, po którą sięgasz, ukrywając i pokazując rzeczy w CSS. Jest kilka kwestii, które omówimy w „
W tym filmie opowiadam o konkretnej sytuacji z „prawdziwego świata”, w której brałem udział w obchodzeniu się ze stroną Spotkań CodePen. Na samym początku ”
Zamiast typowego screencasta, jest to nagranie wideo z mojego wystąpienia SVG jest dla Everybody, nagrane przez gang Treehouse na BlendConf. Oczywiście, że jest ”
Niedawno przenieśliśmy się do „HTTPS wszędzie”, tutaj, w CSS-Tricks. Napisałem post na blogu szczegółowo opisujący kroki, aby się tam dostać. Ten film jest towarzyszący
W drugim odcinku tej serii kontynuujemy pracę nad strukturą serwisu. W programie Photoshop tworzymy trzy różne stany menu, a następnie wycinamy „
Opublikowałem pisemny post na temat pomysłu na krojenie musztardy po stronie serwera. Więc jeśli lubisz czytać i sprawdzać próbki kodu i inne rzeczy, to jest to „
Miałem małą sytuację projektową, w której robiłem płynną siatkę pudełek z pływakami. Chciałem określić, ile pól w rzędzie było bardzo „
W tym filmie zajmujemy się małym problemem z układem interfejsu, który byłby prawie niemożliwy bez flexboksa. Napisałem też o tym artykuł ”
Są wszystkie te zadania, które musimy wykonać jako deweloperzy front-endu. Połącz i skompresuj nasze pliki. Uruchom nasze preprocesory. Zoptymalizuj obrazy. Biegać"
Szablon to fragment kodu HTML, który należy umieścić na stronie. Często szablony są tworzone „po stronie serwera” - w tym sensie, że w całości pochodzą z JavaScript ”
Effeckt.css to trwający projekt open source, którego celem jest zapewnienie wydajnych, wysokiej jakości przejść CSS i animacji dla projektantów stron internetowych. Pomysł jest następujący:
To jest prezentacja, którą przedstawiłem na konferencji tylko raz w grudniu 2012 roku. W tym screencastie przedstawiam ją po raz ostatni, subskrybencie CSS-Tricks. JA"
Emmet to dodatek do edytorów kodu, który umożliwia szybsze pisanie HTML i CSS. Na froncie HTML umożliwia pisanie skrótów dla HTML ”.
Otrzymaliśmy DUŻO świetnych opinii na temat pierwszej serii konwersji makiety programu Photoshop do formatu HTML / CSS. Więc zróbmy to jeszcze raz! Każda witryna jest inna ”
Czy Modernizr powinien być częścią każdego nowoczesnego projektu internetowego? Niekoniecznie. W tym screencastie mówię o tym, jak potrzebujesz Modernizr, kiedy planujesz to zrobić ”
To jest prezentacja, którą przedstawiłem na konferencjach pod koniec 2012 i na początku 2013 roku. W tym screencastie przedstawiam ją po raz ostatni, subskrybencie CSS-Tricks. To"
Na zawsze wszyscy stworzyliśmy grafiki 16x16 i jakoś umieściliśmy je w formacie .ico. Prawdopodobnie użyłem tego narzędzia do konwersji milion razy. Gdzieś wzdłuż „
Przyciski sztuczek CSS w czasie tego filmu miały sztuczny efekt 3D. Wyglądają jak niebieska cegła, na którą patrzysz z góry pod kątem. Gdy"
Idealny system CMS spełniający potrzeby każdej nietrywialnej witryny zorientowanej na zawartość nie wychodzi z pudełka. Wymagają dostosowania. Na przykład „
Nigdy wcześniej nie miałem problemów z tworzeniem niestandardowych fragmentów Sublime Text. Kiedy więc James Nowland przysłał jednego, skorzystałem z okazji, aby się nauczyć. Oto on: mq "