Screencasty wideo 2025, Styczeń

# 48: Skórowanie phpBB - CSS-Tricks

# 48: Skórowanie phpBB - CSS-Tricks

Stworzenie całkowicie niestandardowego motywu dla popularnego oprogramowania phpBB do obsługi forów byłoby potwornym zadaniem. Na szczęście, aby szybko rozpocząć pracę, możemy po prostu „

# 47: Skrót CSS - CSS-Tricks

# 47: Skrót CSS - CSS-Tricks

Istnieje kilka atrybutów CSS, które można połączyć w jeden atrybut w celu uzyskania zwięzłości kodu. Popieram użycie skrótu CSS zawsze, gdy „

# 190: Właściwości niestandardowe CSS przenikają do Shadow DOM - CSS-Tricks

# 190: Właściwości niestandardowe CSS przenikają do Shadow DOM - CSS-Tricks

Jednym z głównych punktów Shadow DOM jest to, że zapewnia hermetyzację. Żadnych stylów, żadnych stylów. Są jednak sposoby „przez” Shadow DOM i ”

# 46: Domeny, DNS, hosting i Google Apps - CSS-Tricks

# 46: Domeny, DNS, hosting i Google Apps - CSS-Tricks

Radzenie sobie z domenami, hostingiem i wszystkimi czynnościami związanymi z konfiguracją serwera nie jest zwykle najwygodniejszą rzeczą dla projektantów stron internetowych. W tym screencastie idę ”

# 45: Używanie FoxyCart do eCommerce - CSS-Tricks

# 45: Używanie FoxyCart do eCommerce - CSS-Tricks

FoxyCart to mój nowy ulubiony system eCommerce. Rozpoczęcie pracy jest niezwykle łatwe. Masz pełną kontrolę nad wszystkimi jego aspektami (koszyk,

# 42: Wszystko o pływakach Screencast - CSS-Tricks

# 42: Wszystko o pływakach Screencast - CSS-Tricks

Nawet bardziej niż z-index (który omówiliśmy kilka tygodni temu), właściwość float jest znana z tego, że powoduje epizody wyrywania włosów i dziurkowania monitora. Wydaje się"

# 41: WordPress jako CMS - CSS-Tricks

# 41: WordPress jako CMS - CSS-Tricks

Kiedyś przeprowadziliśmy ankietę, w której pytaliśmy ludzi, jaki jest ich ulubiony system CMS. WordPress był zwycięzcą, ale otrzymał również wiele komentarzy „WordPress to nie CMS !!”.

# 43: Jak używać sprite'ów CSS - CSS-Tricks

# 43: Jak używać sprite'ów CSS - CSS-Tricks

CSS Sprites to gorący temat od dawna. Faktem jest, że każdy obraz na stronie internetowej jest osobnym żądaniem serwera i można dramatycznie ”

# 40: Jak działa indeks z - CSS-Tricks

# 40: Jak działa indeks z - CSS-Tricks

Indeks Z może czasami być trochę mylący. W tym screencastie próbuję wyjaśnić, jak to działa, jak jest powiązany z pozycjonowaniem, niektóre dziwactwa i niektóre „

# 44: Hodgepodge sztuczek WordPress - CSS-Tricks

# 44: Hodgepodge sztuczek WordPress - CSS-Tricks

W CSS-Tricks jest tydzień WordPressa, więc chciałem przygotować screencast o tematyce WordPress i omówić wiele mini-porad, które nie znalazły się w poprzednim "

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

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

Kończę projekt w trzeciej części tej serii na przekształceniu makiety witryny Adobe Photoshop w rzeczywistą witrynę HTML / CSS. Ten koncentruje się na „

# 39: Jak korzystać z sIFR 3 - CSS-Tricks

# 39: Jak korzystać z sIFR 3 - CSS-Tricks

SIFR (Scalable Inman Flash Replacement) to technologia, która pozwala na użycie dowolnej czcionki na swoich stronach internetowych. Krótko mówiąc, używa JavaScript "

# 38: Podstawy i wskazówki dotyczące projektowania na iPhone'a - CSS-Tricks

# 38: Podstawy i wskazówki dotyczące projektowania na iPhone'a - CSS-Tricks

Projektowanie strony internetowej zoptymalizowanej pod kątem iPhone'a to nie fizyka jądrowa. To ten sam HTML, CSS i JavaScript, który już znasz. Różnica"

# 30: Tworzenie i wysyłanie wiadomości e-mail w formacie HTML - CSS-Tricks

# 30: Tworzenie i wysyłanie wiadomości e-mail w formacie HTML - CSS-Tricks

Projektowanie HTML Email jest dalekie od zwykłego projektowania stron internetowych. Jasne, oboje są elementami HTML, ale cała filozofia jest inna. Na tym świecie musisz ”

# 36: Bieżące podświetlanie nawigacji: Używanie PHP do ustawiania identyfikatora ciała - CSS-Tricks

# 36: Bieżące podświetlanie nawigacji: Używanie PHP do ustawiania identyfikatora ciała - CSS-Tricks

Jednym z bardziej efektywnych sposobów obsługi podświetlania bieżącej nawigacji jest nadanie każdemu elementowi nawigacji unikalnej nazwy klasy. Następnie nadaj każdej stronie „

# 37: Aplikacje statusu, płynów i paska menu - CSS-Tricks

# 37: Aplikacje statusu, płynów i paska menu - CSS-Tricks

Uczciwe ostrzeżenie: ten screencast jest dość specyficzny dla Maca i błądzę o wszelkiego rodzaju przypadkowych rzeczach niezwiązanych z projektowaniem stron internetowych. Przedstawiam nową aplikację internetową ”

# 35: Wprowadzenie do jQuery 2 - CSS-Tricks

# 35: Wprowadzenie do jQuery 2 - CSS-Tricks

Zaczynając od miejsca, w którym zakończyliśmy ostatnim razem, kontynuujemy badanie możliwości jQuery. Wracamy do niektórych starych funkcji i zmuszamy je do wykonywania niektórych ”

# 33: Zmiana strony produktu eCommerce - CSS-Tricks

# 33: Zmiana strony produktu eCommerce - CSS-Tricks

Zgadzam się z teorią, że przeprojektowywanie stron internetowych powinno być ewolucyjne, a nie rewolucyjne. Wprowadzanie niewielkich zmian, poprawek i uaktualnień w miarę upływu czasu prowadzi do „

# 32: Korzystanie z jednostki PNG Fix - CSS-Tricks

# 32: Korzystanie z jednostki PNG Fix - CSS-Tricks

Projektowanie przy użyciu przezroczystych plików PNG w formacie alfa sprawia, że ​​życie jest o wiele łatwiejsze i możliwe do stworzenia fajniejszych projektów. Jak wszyscy boleśnie wiemy, IE 6 i under nie obsługują ”

# 34: Integrowanie i dostosowywanie Map Google - CSS-Tricks

# 34: Integrowanie i dostosowywanie Map Google - CSS-Tricks

Mapy Google, ze wszystkimi funkcjami przeciągania i powiększania oraz widokiem satelitarnym, to moja ulubiona usługa mapowania. Google oferuje bezpłatny interfejs API dla swoich map, więc „

# 31: Wprowadzenie do Google Analytics - CSS-Tricks

# 31: Wprowadzenie do Google Analytics - CSS-Tricks

Google Analytics to bezpłatna usługa do śledzenia wszelkiego rodzaju informacji o odwiedzających Twoją witrynę. Niedawno miałem dziwne doświadczenie z „

# 29: Wyszukiwanie Twojej witryny w Google - CSS-Tricks

# 29: Wyszukiwanie Twojej witryny w Google - CSS-Tricks

Integracja wyszukiwania w witrynie internetowej może być niezwykle złożonym tematem, wykraczającym daleko poza moje umiejętności tworzenia stron internetowych. Na szczęście Google oferuje usługę o nazwie „

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

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

W drugiej części tej serii poświęconej konwersji makiety programu Photoshop do witryny HTML / CSS kontynuuję sekcję nagłówka / menu witryny. Zmieniam „

# 28: Używanie Wufoo do formularzy sieci Web - CSS-Tricks

# 28: Używanie Wufoo do formularzy sieci Web - CSS-Tricks

Za każdym razem, gdy ktoś pyta mnie o formularze, zawsze wspominam o Wufoo. W pracy iw domu, prawie każda forma, którą tworzę, po prostu używam Wufoo. To tworzy formę "

# 201: Booping - CSS-Tricks

# 201: Booping - CSS-Tricks

Joshua Comeau ukuł termin „boop” (przybicie piątki, Adam Kuhn). Są to trochę jak stany najechania / skupienia, z wyjątkiem tego, że tak nie jest. Twoje rzeczy - "

# 26: Projektowanie dla Wordpress: część druga - CSS-Tricks

# 26: Projektowanie dla Wordpress: część druga - CSS-Tricks

Mamy zainstalowany WordPress, teraz naprawdę pobrudzmy sobie ręce i zacznijmy sprawiać, by WordPress robił to, co chcemy. Zaczynamy od przeglądania „

# 27: Projektowanie dla Wordpress: część trzecia - CSS-Tricks

# 27: Projektowanie dla Wordpress: część trzecia - CSS-Tricks

W trzeciej części tej serii dopracowujemy strukturę witryny i zaczynamy zagłębiać się w szczegóły. Typografia jest skonfigurowana, prawy pasek boczny jest ustawiony „

# 202: Znaczniki listy wyśrodkowanej - CSS-Tricks

# 202: Znaczniki listy wyśrodkowanej - CSS-Tricks

Podobnie jak wiele innych rzeczy w CSS, jest wiele rzeczy, które warto wiedzieć, nawet coś tak malutkiego, jak centrowanie znacznika listy. Czytelnik napisał „

# 25: Projektowanie dla Wordpress: część pierwsza - CSS-Tricks

# 25: Projektowanie dla Wordpress: część pierwsza - CSS-Tricks

WordPress to niezwykle popularny CMS do blogowania. Dział CSS-Tricks na blogu działa na WordPressie i jestem z niego bardzo zadowolony. Zgodnie z popularną prośbą, „

# 200: Przewiń do Zoom - CSS-Tricks

# 200: Przewiń do Zoom - CSS-Tricks

Uczciwe ostrzeżenie: nie będziesz tego potrzebować każdego dnia! Tak się złożyło, że patrzyłem na zgrabne, małe narzędzie do wypaczania SVG, które ma funkcję, w której moja mysz ”