Гибкий модуль макета коробки — или “flexbox”, чтобы использовать ее народе прозвище — это интересная часть Рабочий проект W3C.
Читать далее
Архив метки: coding.smashingmagazine.com
Полезные Node.js инструменты, учебные пособия и ресурсы
Создано Райан Даль в 2009 году, Node.
Читать далее
Руководство по CSS анимации: принципы и примеры
С CSS animation теперь поддерживается как в Firefox и Webkit браузеры, нет лучшего времени, чтобы дать ему попробовать.Независимо от его технической форме, будь то традиционные, генерируемые компьютером 3-D, Flash или CSS, анимации всегда следует тем же принципам.В этой статье мы будем принимать наши первые шаги в анимации CSS и рассмотрим основные руководящие принципы для создания анимации с CSS.Мы будем работать через, например, создание анимации на основе принципов традиционной анимации.И, наконец, мы увидим некоторые реальные usages.
Введение менее, и сравнение с Sass
Я использую LESS религиозно тех пор, как я наткнулся на это несколько месяцев назад.CSS никогда не был проблемой для меня, само по себе, но я был заинтригован идеей использовать переменные, чтобы создать нечто вроде цветовой палитры для моих сайтов и темы.Наличие цветовой палитре с фиксированным количеством вариантов на выбор помогает предотвратить меня от цвета ума и отклоняясь от выбранной style.
Помощь сообщества: Report Browser Bugs
Вы разработка нового сайта и решили воспользоваться некоторые CSS3 и HTML5, в настоящее время, что многие из новых спецификаций получают широкую поддержку.
Читать далее
Приступая к работе с PayPal API
PayPal является самой популярной платформой для приема онлайн-платежей сегодня.
Читать далее
Расписание Cross-Browser тестирование, Часть 1: Internet Explorer
В идеальном мире, кросс-браузерный тестирования будет простым.
Читать далее
Оптимизация изображений с HTML5 Canvas
Изображения всегда был самый тяжелый компонент веб-сайтов.Даже если высокоскоростного доступа в Интернет становится дешевле и более доступны, веб-сайты получит тяжелые быстрее.Если вы действительно заботитесь о своих посетителях, то потратить некоторое время на выбор между хорошим качеством изображения, которые больше по размеру и худшего качества изображения, которые скачивают быстрее.И имейте в виду, что современные браузеры имеют достаточно сил, чтобы улучшать изображения прямо на computer.В этой статье я покажу одну из возможных solution.
Обратимся к изображению, которое я наткнулся недавно в моей работе.Как вы можете видеть, этот образ стадии шторы и имеет некоторые (преднамеренное) света шум:
Дать CSS для других
Я думаю, многие из нас, авторов CSS делают это неправильно.Мы эгоистичны по своей природе, мы получаем в наших маленьких пузырьков, писать CSS (как удивительно, как это может быть) только себя в уме.Сколько раз вы унаследовали файл CSS, который сделан вы говорите: “WTF” по крайней мере дюжину раз
Семантической системы Grid: Page Layout For Tomorrow
CSS сетки рамки могут сделать вашу жизнь проще, но они не лишены недостатков.К счастью для нас, современных методов предлагаем новый подход к построению макетов страниц.Но прежде чем добраться до решения, мы должны сначала понять, трех казалось бы, непреодолимые недостатки, влияющие в настоящее время CSS grids.
Problems
Проблема # 1: Они не Semantic
Самая большая жалоба, которую я слышал от пуристов, так как я создал 1 Кб CSS Grid Два года назад в том, что системы CSS сетки не позволяют правильное разделение разметки и презентации.Грид-систем требуют, чтобы веб-дизайнеры добавляют .grid_x
CSS классы для HTML элементов, смешивая презентационной информацией с иным семантической разметки up.