Screencasty wideo 2025, Styczeń
Wiele witryn nie używa żadnego wymyślnego systemu zarządzania treścią (CMS) do generowania swoich stron, są one po prostu starą dobrą statyczną treścią HTML. Witryna dla Twojego „
Jak już wielokrotnie mówiliśmy: czcionki ikon są niesamowite. Są wydajne w taki sam sposób, w jaki wydajne są sprite'y CSS: wiele obrazków do wykorzystania w „
W tym screencastie na żywo odpowiadamy na więcej postów na forach bez żadnego planowania. Nie sądzę, żebyśmy trafili homerun na którykolwiek z wątków, na które patrzymy, ale „
Nigdy w życiu nie przesłałem „Pull Request” na GitHub. Chciałem spróbować, więc ten film przedstawia moment, w którym próbuję wymyślić ”
W tym screencastie przechodzimy do forum, aby odpowiedzieć na jak najwięcej pytań. Chodzi o to, żeby się trochę zabawić i pokazać, jak łatwo jest ”
Przedstawiam cztery naprawdę proste rzeczy, które możesz zrobić, aby przyspieszyć swoje strony internetowe. Nie ma nic bardziej skomplikowanego niż tworzenie sprite'ów (co nie jest tym)
Nawet jeśli układ witryny jest prosty, ponieważ główny obszar zawartości po lewej stronie i pasek boczny po prawej stronie, to jest to siatka. W CSS są nowe metody układu ”
CodePen PRO oferuje mnóstwo nowych funkcji. Możesz o nich poczytać, ale o wiele lepiej je pokazać, prawda? : a to dopiero początek. "
CodePen to aplikacja do udostępniania i zabawy z kodem interfejsu użytkownika. Zrobiłem to z przyjaciółmi: Alexem Vazquezem i Timem Sabatem. W tym typowym
To jest krótki przegląd różnych wartości pozycji CSS dla początkujących. W skrócie: relatywny pozwala na „szturchanie” i pozostawia element „
W tym screencastie przenoszę własną stronę internetową ze starego sposobu edycji FTP na żywo do odpowiedniego systemu z kontrolą wersji, w tym wdrażania. Nie mam "
Nie ma się czego bać w tym nowym, wspaniałym świecie obróbki wstępnej. Aplikacje natywne sprawiają, że jest to tak łatwe, że powinno być istotną częścią każdego nowoczesnego ”
Istnieją trzy różne typy układów stron internetowych: Stała szerokość, Elastyczna szerokość i Elastyczna szerokość. W tym screencastie przyjrzymy się tym wszystkim trzem „
Chartwell to czcionka przeznaczona specjalnie do tworzenia prostych i pięknych wykresów kołowych, słupkowych i liniowych. To tak proste, jak pisanie prostych równań ”
LiveReload to aplikacja paska menu dostępna tylko dla komputerów Mac, która jest bardzo pomocna dla programistów internetowych. Po prostu powiedz mu, aby obserwował określony folder, a po zapisaniu pliku „
Domyślnym motywem WordPress w czasie tego screencasta jest TwentyEleven, cudownie prosty i responsywny projekt. To znaczy, dopóki nie opublikujemy niesamowitego „
Istnieje wiele narzędzi do wyświetlania zrzutów ekranu witryn internetowych w różnych przeglądarkach, które pomagają w testowaniu. Ale zrzutu ekranu brakuje na wiele sposobów: nie ”
W którym biorę prawdziwy przykład miejsca, o którym wiedziałem, że dobrym pomysłem byłoby użycie sprite'ów, tworzenie duszków ręcznie w Photoshopie (moja preferowana metoda) i „
Po prostu zapisz witrynę w przeglądarce (w przeglądarce Firefox otrzymujesz plik .html i wszystkie zasoby), upuść ją w folderze publicznym i kliknij prawym przyciskiem myszy "
W którym pokazuję i wyjaśniam podstawowe informacje o tym, co oznacza „projektowanie responsywnych stron internetowych”. Potem jeżdżę po całym miejscu i pokazuję przykłady związane z „
Spędzamy całą godzinę, przyglądając się projektowi Photoshopa i pisząc znaczniki HTML5, które opisują to, co widzimy. Staramy się być jak najbardziej semantyczni i dyskutować ”
Prawdopodobnie wiesz, dlaczego używanie kontroli wersji jest dobre. Jeśli tak nie jest, szybko przejdę przez to w tym filmie. Następnie przechodzimy do „
To jest wyjątkowy, specjalny odcinek poświęcony EMPIRE STRIKES BACK z serii przeprojektowania v10! Wszystko zaczyna się dobrze. Zaczynamy przenosić pewne rzeczy ”
To jest specjalny odcinek poświęcony POWRÓT JEDI, przedstawiający zmiany w wersji 10! Ostatni screencast zostawiliśmy całkowicie pokonani. Próbowaliśmy użyć „
Almanach został wydany w wersji 9 i nigdy nie został ukończony. Z każdym dniem jest coraz bliżej. Dlatego w wersji 10 będziemy projektować pod kątem „
Wyszukiwanie działa! Po prostu szablon, na którym lądujesz, nie jest do końca poprawny. Musimy poprawić szablon, aby wyglądał prawidłowo i pasował do stylu „
Mamy tutaj trochę makiety programu Photoshop do pracy, ponieważ kontynuujemy tworzenie szablonu dla indywidualnej strony galerii. Po pierwsze, stylizowaliśmy następny ”
Obszar wyszukiwania w nagłówku „działa” w tym sensie, że jest zaprojektowany i można go kliknąć, aby otworzyć i zamknąć, i tak dalej. Ale w rzeczywistości nie wyszukuje ”
Spędziliśmy cały ten czas w naszej statycznej makiecie, tworząc sprytny JavaScript, który „płynnie ładowałby” obrazy w Galerii. Teraz, gdy mamy prawdziwe ”
Wszystkie nasze wyszukiwarki niestandardowe Google są skonfigurowane (dla każdej sekcji witryny ustawiliśmy inną). Nasz interfejs wyszukiwania jest gotowy do pracy. Mamy"