Видео скринкасты 2025, Январь

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Я беру реальный пример того места, где я знал, что использование спрайтов было бы хорошей идеей, создаю спрайт вручную в Photoshop (мой предпочтительный метод) и "

Просто сохраните веб-сайт из браузера (в Firefox вы получите файл .html и все ресурсы), поместите его в свою общую папку и щелкните правой кнопкой мыши "

В котором я показываю и объясняю самые основы того, что означает «адаптивный веб-дизайн». Затем я прохожу повсюду и показываю примеры, связанные "

Мы тратим целый час на изучение дизайна Photoshop и написание разметки HTML5, описывающей то, что мы видим. Мы стараемся быть максимально семантическими и обсуждаем »

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

Это особенный тематический эпизод из серии редизайна версии 10! Все начинается просто отлично. Мы начинаем перемещать некоторые вещи "

Это особый эпизод из серии редизайна версии 10, посвященный ВОЗВРАЩЕНИЮ ДЖЕДАЙ! Мы проиграли последний скринкаст. Мы пытались использовать "

Альманах был запущен в версии 9 и так и не был завершен. Но с каждым днем ​​все ближе и ближе. Итак, в версии 10 мы будем использовать "

Поиск работает! Просто шаблон, на который вы попадаете, не совсем правильный. Нам нужно настроить шаблон так, чтобы он выглядел правильно и соответствовал стилю "

У нас есть небольшой макет Photoshop для работы, поскольку мы продолжаем создавать шаблон для отдельной страницы галереи. Сначала мы стилизовали следующий "

Область поиска в заголовке «работает» в том смысле, что она спроектирована, и вы можете открывать и закрывать ее и все такое. Но на самом деле поиск не ведется "

Мы потратили все это время на статический макет, создавая хитрый JavaScript, который «плавно загружал» изображения в галерее. Теперь, когда у нас есть настоящий "

Все наши системы пользовательского поиска Google настроены (мы настраиваем разные системы для каждого раздела сайта). Наш пользовательский интерфейс для поиска готов к работе. У нас есть"