Видео скринкасты 2024, Декабрь

Существует множество инструментов для показа снимков экрана веб-сайтов в разных браузерах, которые помогут при тестировании. Но скриншот отсутствует по многим причинам: нет "

Темой WordPress по умолчанию во время этого скринкаста является TwentyEleven, удивительно простой и отзывчивый дизайн. До тех пор, пока мы не опубликуем крутой "

LiveReload - это приложение для панели меню только для Mac, которое очень полезно для веб-разработчиков. Просто скажите ему, чтобы он смотрел определенную папку, и при сохранении файла значок "

Chartwell - это шрифт, специально предназначенный для создания простых и красивых круговых диаграмм, гистограмм и линейных диаграмм. Это так же просто, как написать простые уравнения "

Существует три различных типа макетов для веб-сайтов: фиксированная ширина, гибкая ширина и эластичная ширина. В этом скринкасте мы рассмотрим все три "

В этом дивном новом мире предварительной обработки нечего бояться. Благодаря встроенным приложениям это настолько просто, что оно должно быть жизненно важной частью любого современного "

В этом скринкасте я перемещаю свой личный веб-сайт со старых способов редактирования по FTP в подходящую систему с контролем версий, включая развертывание. У меня нет "

Это краткий обзор различных значений позиции CSS для начинающих. Вкратце: относительный позволяет "подтолкнуть" и оставить элемент "

CodePen - это приложение для обмена и экспериментирования с внешним кодом. Я сделал это с некоторыми моими друзьями: Алексом Васкесом и Тимом Сабатом. В этом типичном "

CodePen PRO предлагает множество новых функций. О них можно прочитать, но лучше ли их показать? : И это только начало."

Даже если макет сайта прост, как основная область содержимого слева и боковая панель справа, это сетка. В CSS появились новые методы компоновки "

Я представляю четыре действительно простых способа сделать свои сайты быстрее. Ничего даже более сложного, чем создание спрайтов изображений (что не так "

В этом скринкасте мы переходим на форумы, чтобы ответить на как можно больше вопросов. Дело в том, чтобы немного развлечься и показать вам, как легко "

Я никогда в жизни не отправлял «Pull Request» на GitHub. Я хотел попробовать, поэтому на этом видео запечатлен момент, когда я пытаюсь сообразить "

В этом скринкасте мы в прямом эфире отвечаем на другие сообщения на форумах без какого-либо планирования. Я не думаю, что мы затронули какую-либо тему, на которую мы смотрим, но "

Как мы уже много раз говорили здесь: шрифты с иконками - это здорово. Они эффективны так же, как и CSS-спрайты: множество изображений можно использовать для "

Многие сайты не используют какую-либо причудливую систему управления контентом (CMS) для создания своих страниц, это просто старый добрый статический HTML-контент. Сайт для вашего "

Я никогда раньше не связывался с созданием пользовательских фрагментов Sublime Text. Поэтому, когда Джеймс Ноулэнд прислал одного из них, я воспользовался возможностью, чтобы научиться. Вот он: mq "

Идеальная CMS, отвечающая потребностям любого нетривиального контент-ориентированного веб-сайта, не является стандартной. Они требуют настройки. Например, "

Кнопки на CSS-Tricks на момент создания этого видео имели искусственный 3D-эффект. Они похожи на синий кирпич, на который вы смотрите сверху под углом. Когда"

Мы все всегда создавали графику 16x16 и каким-то образом переводили ее в формат .ico. Я, наверное, миллион раз использовал этот конвертер. Где-то по пути "

Это презентация, которую я делал на конференциях в конце 2012 и начале 2013 года. В этом скринкасте я в последний раз обращаюсь к вам, о подписчике CSS-Tricks. Это"

Должен ли Modernizr быть частью каждого современного веб-проекта? Не обязательно. В этом скринкасте я расскажу, как вам понадобится Modernizr, когда вы планируете это сделать »

Было МНОГО замечательных отзывов о первой серии «Преобразование мокапа Photoshop в HTML / CSS». Итак, давайте сделаем это снова! Каждый сайт индивидуален "

Emmet - это надстройка для редакторов кода, которая позволяет быстрее писать HTML и CSS. Что касается HTML, это позволяет писать сокращения для HTML ».

Это презентация, которую я сделал на конференции всего один раз в декабре 2012 года. В этом скринкасте я в последний раз даю ее вам, о подписчике CSS-Tricks. Я"

Effeckt.css - это незавершенный проект с открытым исходным кодом, целью которого является обеспечение эффективных и качественных переходов CSS и анимации для веб-дизайнеров. Идея "

Шаблон - это фрагмент HTML-кода, который необходимо вставить на страницу. Часто шаблоны создаются «на стороне сервера» - в том смысле, что они полностью входят в JavaScript »

Есть все эти задачи, которые нам нужно выполнить как фронтенд-разработчики. Объедините и сожмите наши файлы. Запускаем наши препроцессоры. Оптимизируйте изображения. Пробег"

В этом видео мы решаем небольшую проблему разметки интерфейса, которая была бы невозможна без Flexbox. Я тоже написал об этом статью ".