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

# 147: Стартиране на React-Powered формуляр за коментар - CSS-трикове

# 147: Стартиране на React-Powered формуляр за коментар - CSS-трикове

В този сдвоен екран, Сара Драснер се присъединява към мен и ме води през някои от първите ми научения за React. Ние се справяме с някои "реални" стил "

# 148: Поставяне на нещата (HTML и Flexbox) с Dee Gill - CSS-трикове

# 148: Поставяне на нещата (HTML и Flexbox) с Dee Gill - CSS-трикове

В тази двойка на екрана, аз се мотая с Dee Gill. Ще разгледаме някои неща за оформление за ново приложение, върху което тя работи: Tinge. Тя имаше дизайнерски макет "

# 146: Получаване на повече от Google Analytics с Филип Уолтън - CSS-трикове

# 146: Получаване на повече от Google Analytics с Филип Уолтън - CSS-трикове

Сдвоявам се с Филип Уолтън (който работи за Google в Google Analytics) в този екран. Той допълва казуса, който сме събрали: Учене за използване "

# 145: WordPress Детски теми с Лара Шенк - CSS-трикове

# 145: WordPress Детски теми с Лара Шенк - CSS-трикове

В това видео с Лара Шенк се сдвояваме и тя ме учи на детски теми в WordPress. Това е като подкаст, който също гледате! Ние изправяме нагоре "

# 144: Изграждане на игра на JavaScript / платно с Кайл Симпсън - CSS-трикове

# 144: Изграждане на игра на JavaScript / платно с Кайл Симпсън - CSS-трикове

Кайл Симпсън, отчасти в опит да подмлади ентусиазма си за работа с JavaScript изобщо, започна да изгражда игра. Той всъщност не е "игра"

# 143: Използване и кеширане на JSON на трети страни с WordPress - CSS-трикове

# 143: Използване и кеширане на JSON на трети страни с WordPress - CSS-трикове

По отношение на дизайна на CSS-трикове, докато записвам това, едно от нещата, които исках да добавя, беше приспособление „Front End Design & Development Jobs“, задвижвано от CodePen “

# 133: Разбиране на отзивчиви изображения - CSS-трикове

# 133: Разбиране на отзивчиви изображения - CSS-трикове

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

# 140: Проучване на техниките за оформление на CSS, докато се опитвате да получите субтитри за опаковане - CSS-трикове

# 140: Проучване на техниките за оформление на CSS, докато се опитвате да получите субтитри за опаковане - CSS-трикове

Това е видео екранната версия на публикация в блог, която не отдавна: Полезна техника на Flexbox: Опаковане с преместване на подравняване. Бях на CodePen Meetup "

# 135: Три начина за анимиране на SVG - CSS-трикове

# 135: Три начина за анимиране на SVG - CSS-трикове

Animating SVG е малко уникален, тъй като има три ясно различни начина, по които можете да подходите към анимацията му. 1. Анимация с CSS @keyframes SVG "

# 141: Получаване на изображения и числа за отзивчиви изображения - CSS-трикове

# 141: Получаване на изображения и числа за отзивчиви изображения - CSS-трикове

Знаете за отзивчивите изображения. Става въпрос за синтаксиса на изображението в HTML. Ако му дадете правилната информация в правилния синтаксис, можете да получите браузъра "

# 142: Скриване на нещата с CSS - CSS-трикове

# 142: Скриване на нещата с CSS - CSS-трикове

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

# 136: Преместване на неща в CMS според нуждите - CSS-трикове

# 136: Преместване на неща в CMS според нуждите - CSS-трикове

В това видео разказвам за конкретна ситуация от „реалния свят“, в която бях, включвайки как се справям със страницата на CodePen Meetups. В самото начало на дните "

# 137: SVG е за всички - CSS-трикове

# 137: SVG е за всички - CSS-трикове

Вместо типичен скрийнкаст, това е видеоклип, направен от моя разговор, SVG е за всеки, записан от бандата на Treehouse в BlendConf. Разбира се има "

# 138: Преминаване през HTTPS конверсия на WordPress - CSS-трикове

# 138: Преминаване през HTTPS конверсия на WordPress - CSS-трикове

Съвсем наскоро преминахме към „HTTPS навсякъде“ точно тук на CSS-трикове. Написах публикация в блог с подробности за стъпките, за да стигна до там. Това видео е спътник "

# 13: Преобразуване на макет на Photoshop: Част втора, Епизод две - CSS-трикове

# 13: Преобразуване на макет на Photoshop: Част втора, Епизод две - CSS-трикове

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

# 139: Обяснение на горчицата от страна на сървъра - CSS-трикове

# 139: Обяснение на горчицата от страна на сървъра - CSS-трикове

Публикувах писмен пост за тази идея за Server Side Mustard Cut. Така че, ако се занимавате с четене и проверка на мостри на кодове и други подобни, това е "

# 132: Бърз полезен случай за Sass Math и Mixins - CSS-трикове

# 132: Бърз полезен случай за Sass Math и Mixins - CSS-трикове

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

# 131: Пръткане с Flexbox - CSS-трикове

# 131: Пръткане с Flexbox - CSS-трикове

В това видео се справяме с един малък проблем с оформлението отпред, който би бил почти невъзможен без flexbox. Написах и статия за това, "

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

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

Има всички тези задачи, които трябва да изпълним като предни разработчици. Обединете и компресирайте нашите файлове. Стартирайте нашите препроцесори. Оптимизирайте изображенията. Тичам "

# 127: Основи на JavaScript шаблони - CSS-трикове

# 127: Основи на JavaScript шаблони - CSS-трикове

Шаблонът е част от HTML, която трябва да инжектирате върху страницата. Често шаблоните се създават "от страна на сървъра" - тъй като те изцяло стигат до JavaScript "

# 128: Effeckt.css, Локална настройка с Grunt и принос в GitHub - CSS-трикове

# 128: Effeckt.css, Локална настройка с Grunt и принос в GitHub - CSS-трикове

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

# 125: Как да бъдете в крак с уеб технологията - CSS-трикове

# 125: Как да бъдете в крак с уеб технологията - CSS-трикове

Това е презентация, която изнесох на конференция само веднъж през декември 2012 г. В тази скринкаст я давам за последен път на вас, абонат на CSS-трикове. Аз "

# 129: Емет (страхотно е) - CSS-трикове

# 129: Емет (страхотно е) - CSS-трикове

Emmet е добавка за редактори на код, която ви позволява да пишете HTML и CSS по-бързо. Отпред на HTML, той ви позволява да пишете съкращения за HTML. "

# 12: Преобразуване на макет на Photoshop: Част втора, Епизод Първи - CSS-трикове

# 12: Преобразуване на макет на Photoshop: Част втора, Епизод Първи - CSS-трикове

Има много страхотни отзиви за първата серия от Преобразуване на макет на Photoshop в HTML / CSS. Така че нека го направим отново! Всеки уебсайт е различен "

# 126: Използване на Modernizr - CSS-трикове

# 126: Използване на Modernizr - CSS-трикове

Трябва ли Modernizr да бъде част от всеки съвременен уеб проект? Не е задължително. В този скрийнкаст говоря за това, как се нуждаете от Modernizr, когато планирате

# 124: Работен процес на модерен уеб дизайнер - CSS-трикове

# 124: Работен процес на модерен уеб дизайнер - CSS-трикове

Това е презентация, която изнесох на конференции в края на 2012 г. и началото на 2013 г. В този скринкаст го давам за последен път на вас, абонат на CSS-трикове. То"

# 122: Държавата на Favicons - CSS-трикове

# 122: Държавата на Favicons - CSS-трикове

Завинаги всички направихме 16x16 графики и ги въведохме по някакъв начин във формат .ico. Вероятно съм използвал този инструмент за преобразуване милион пъти. Някъде по "

# 123: Ако се движи, когато щракнете, направете нещо залепено - CSS-трикове

# 123: Ако се движи, когато щракнете, направете нещо залепено - CSS-трикове

По време на това видео бутоните на CSS-трикове имат изкуствен 3D ефект. Те приличат на синя тухла, която гледате отгоре под ъгъл. Кога"

# 121: Правилният CMS е персонализиран - CSS-трикове

# 121: Правилният CMS е персонализиран - CSS-трикове

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

# 120: Възвишен текстов фрагмент за миксини за медийни заявки - CSS-трикове

# 120: Възвишен текстов фрагмент за миксини за медийни заявки - CSS-трикове

Никога преди не съм се забърквал със създаването на персонализирани фрагменти на Sublime Text. Така че, когато Джеймс Ноуланд изпрати такъв, аз се възползвах от възможността да се науча. Ето го: mq "