Видео екранни предавания 2025, Юли

# 156: Нека поговорим за Webpack - CSS-трикове

# 156: Нека поговорим за Webpack - CSS-трикове

Шон Ларкин се присъединява към мен, за да поговорим за Webpack! Съмнявам се, че съм сам, че съм малко объркан относно това, което по дяволите е Webpack и какво прави. Дори и да сте активно "

# 134: Обиколка на незавършен сайт, изграден с Jekyll, Grunt, Sass, SVG система и други - CSS-трикове

# 134: Обиколка на незавършен сайт, изграден с Jekyll, Grunt, Sass, SVG система и други - CSS-трикове

Предупреждение: това е криволичеща скринкаст от средно ниво, в която разглеждаме кода, който задвижва процеса на изграждане на даден сайт. Ние не пишем никакъв код. "

# 99: Преглед на типовете, атрибутите и елементите на HTML5 формуляри - CSS-трикове

# 99: Преглед на типовете, атрибутите и елементите на HTML5 формуляри - CSS-трикове

HTML5 има куп специфични за формата функции, които правят всички формуляри в мрежата по-добри. Поддръжката на браузъра за функциите е по цялата карта, но много от „

# 9: Звездна нощ: 3D фон с ефект на паралакс - CSS-трикове

# 9: Звездна нощ: 3D фон с ефект на паралакс - CSS-трикове

Използвайки три слоя алфа прозрачни PNG файлове, можем да създадем псевдо триизмерен изглеждащ фон за уеб страница. Този скрийнкаст обхваща как "

# 98: Игра с граници на тялото - CSS-трикове

# 98: Игра с граници на тялото - CSS-трикове

Поставянето на граница около вътрешността на прозореца на браузъра е толкова проста малка идея и може да бъде приятен дизайнерски ефект. Но как да го направим, така че "

# 96: localStorage за формуляри - CSS-трикове

# 96: localStorage за формуляри - CSS-трикове

HTML5 има невероятно прост метод за съхраняване на постоянни данни, наречен localStorage. Всъщност просто извиквате метод с двойка ключ / стойност и това е "

# 97: Въведение в CSS анимации - CSS-трикове

# 97: Въведение в CSS анимации - CSS-трикове

Анимациите, като преходите, могат да променят елементите на страницата с течение на времето. Анимациите са по-мощни и по-сложни в много отношения. Трябва да декларирате „

# 95: Приказка за граничните градиенти - CSS-трикове

# 95: Приказка за граничните градиенти - CSS-трикове

Оказва се, че има прост начин за постигане на градиенти по границите. Това ми отне повече време, отколкото би трябвало да стигна, обаче, този скрийнстаст обхваща "

# 94: Въведение в псевдоелементи - CSS-трикове

# 94: Въведение в псевдоелементи - CSS-трикове

Псевдо елементите са видими елементи на уеб страница, които не са „в DOM“ или са създадени от HTML, а вместо това се вмъкват директно от CSS. Това позволява"

# 93: Плъзгащи се кутии CSS3 - CSS-трикове

# 93: Плъзгащи се кутии CSS3 - CSS-трикове

Следвайте, тъй като използваме няколко много прости CSS3 прехода, за да създадем ефект на "слайд" полето. Превъртете полето с мишката и заглавието на полето "

# 92: Упътване за код на таблица за рисуване - CSS-трикове

# 92: Упътване за код на таблица за рисуване - CSS-трикове

Таблицата за рисуване е по същество мини приложение от една страница jQuery. Той има една основна функция, създавайки цветен дизайн чрез промяна на цветовете на клетките "

# 91: WordPress Loop - CSS-трикове

# 91: WordPress Loop - CSS-трикове

Няма недостиг на документация за известната структура за изхвърляне на съдържание на WordPress, но все пак чувствам, че има повече объркване и мистерия. "

# 86: Първи моменти с MAMP - CSS-трикове

# 86: Първи моменти с MAMP - CSS-трикове

По този път изоставам много, но доскоро никога не съм се развивал наистина на местно ниво. Всичко, което направих, беше да "отида командос" и да работя "

# 90: Прости съвети за TextMate - CSS-трикове

# 90: Прости съвети за TextMate - CSS-трикове

TextMate е редактор на код само за Mac. Съжалявам за всички потребители на компютър този път. Ако гледате тези екранни предавания дълго време, знаете, че използвах "

# 89: Организиране на документ в Photoshop - CSS-трикове

# 89: Организиране на документ в Photoshop - CSS-трикове

Ако сте като мен, и двамата сте виновни за сериозно неорганизирани документи на Photoshop и оценявате добре организираните. Дезорганизацията не е "

# 8: Форматиране на CSS - CSS-трикове

# 8: Форматиране на CSS - CSS-трикове

Организирането и използването на добро форматиране във вашите CSS файлове може да ви спести много време и неудовлетвореност по време на процеса на разработка и особено "

# 88: Въведение в Compass / Sass - CSS-трикове

# 88: Въведение в Compass / Sass - CSS-трикове

Попитайте куп дизайнери какво биха искали CSS да направи, а сега не може и ще получите голям списък, който чете много като списъка с функции за "

# 85: Най-добри практики с динамично съдържание - CSS-трикове

# 85: Най-добри практики с динамично съдържание - CSS-трикове

Една от статиите, които актуализирах по време на „Май е месец за поддръжка“, беше статия за динамичното съдържание. Идеята беше прост уебсайт, където щракване върху връзка "

# 87: Придвижване нагоре с MAMP - CSS-трикове

# 87: Придвижване нагоре с MAMP - CSS-трикове

Местната работа с MAMP е страхотна, но какво ще кажете, когато трябва да вземете този сайт на живо? Последния път имахме локално инсталирана версия на WordPress, сега "

# 83: Мисли за SEO - CSS-трикове

# 83: Мисли за SEO - CSS-трикове

Справедливо предупреждение: по-разтърсващо от обикновено. Чуйте мислите ми за SEO. Мисля, че знам, че SEO е поредица от доста очевидни най-добри практики. A "

# 84: Упътване за сайта на chris-mcgarry.com - CSS-трикове

# 84: Упътване за сайта на chris-mcgarry.com - CSS-трикове

Изградих сайт за мой приятел музикант, който издава нов албум. Ясно е наличието на възпроизвеждащи се песни да е важно, но класическият проблем да

# 81: AJAXing WordPress Theme - CSS-трикове

# 81: AJAXing WordPress Theme - CSS-трикове

Гледайте ме как се блъскам, като добавя AJAX функционалност към WordPress тема. Идеята е, че всяка вътрешна връзка в сайта ще се зареди в главната "

# 82: CSS превключвател на изображения - CSS-трикове

# 82: CSS превключвател на изображения - CSS-трикове

Превъртете връзката, гледайте как се променя изображението по-горе. Това е, което изграждаме в този скринкаст, само че не използваме никакъв JavaScript, за да го направим. Номерът е някои "

# 80: Относно изобретението на колелата - CSS-трикове

# 80: Относно изобретението на колелата - CSS-трикове

Една двойка се нуждае от фотогалерия за сватбата си, където всеки може да разглежда и качва свои снимки от сватбата. Начинаещ разработчик: Знам за „

# 79: Пълни / Анимации без опашки с jQuery - CSS-трикове

# 79: Пълни / Анимации без опашки с jQuery - CSS-трикове

Когато използвате функцията .animate () на jQuery с нещо като събитие при задържане, тези анимации ще се "наредят". Това означава, че ако задържите курсора няколко пъти, това "

# 7: Меню с три състояния - CSS-трикове

# 7: Меню с три състояния - CSS-трикове

Използвайки вариация на техниката CSS Sprites, можем да създадем меню с три състояния, като използваме само едно изображение на елемент от менюто. Това намалява броя на заявките "

# 78: За уеб реклама - CSS-трикове

# 78: За уеб реклама - CSS-трикове

В този скрийнкаст обсъждам онлайн рекламата. Какво представлява, как работи и защо не е зло (освен когато е). Говоря за моя опит,

# 72: Изграждане на уебсайт (2 от 3): Преобразуване в HTML / CSS - CSS-трикове

# 72: Изграждане на уебсайт (2 от 3): Преобразуване в HTML / CSS - CSS-трикове

В част 2 от тази серия започваме преобразуването на HTML / CSS на макета на Photoshop, който създадохме в част първа. Започваме с много скелетен проект "

# 77: Оформяне на индивидуална статия - CSS-трикове

# 77: Оформяне на индивидуална статия - CSS-трикове

Идеята за "арт режисура" публикации е много популярна напоследък. Идеята е да се приложи уникален стил на статия в мрежата по начина, по който се печата "

# 76: Обиколка на jQuery в сайт на живо - CSS-трикове

# 76: Обиколка на jQuery в сайт на живо - CSS-трикове

Аз съм зает, ти си зает, всички сме заети да се опитваме да спазим срокове и да свършим нещата в този луд уеб свят. Обичам да уча нови технологии, когато мога, "