Стилизация элементов с символы, спрайтов и псевдо-элементов

Displaying icons in links and as custom list markers

В 2002 году Марк Ньюхаус опубликована статья " Укрощение Lists ", очень интересная штука, в которой он объяснил, как создавать пользовательские маркеры списка с помощью псевдо-элементов.Почти десять лет спустя, Николас Галлахер придумал метод псевдо-фон crop который использует псевдо-элементов с sprite.

Сегодня, на плечах гигантов, we’ постараемся выйти за границы.We’ обсудим, как вы можете элементов стиля без дополнительной разметки и использования биди с детьми высокая контрастность доказательства CSS sprite техники.Техника будет работать в Internet Explorer 6/7, как well.

Читать далее

Технические Typography Web: принципы и методы

Screenshot

Веб 95% typography, или так они говорят.Я думаю, что это очень точное утверждение: мы посещаем сайты в основном с намерением чтения.Это то, что вы делаете сейчас — чтение.Имея это в виду, она не выдерживает рассуждать, что ваша типография должна быть одной из самых рассматриваться аспекты вашей конструкции

К сожалению, для каждого человека, который одержим даже мельчайшие детали типографии, дюжины людей, кажется, равнодушным.Это позор;?, Если вы собираетесь провести время что-то писал, вы не хотите, чтобы она выглядела великим и быть легким для чтения

Читать далее

Синхронизация содержимого с HTML5 видео

Miro Video Converter in action - simply drag a video, select output format and press convert

Одним из основных изменений HTML4 на HTML5 является то, что новая спецификация нарушает несколько границ, что браузеры были ограничены.Вместо того, чтобы ограничивать взаимодействие с пользователем в текст, ссылки, изображения и форм, HTML5 способствует мультимедиа, из общего <object> элемент высоко указанных <video> и <audio> элемент, и с богатым API для доступа в чистом JavaScript.

Родные мультимедийных возможностей имеет несколько преимуществ:

Читать далее

В поисках идеального ЗАЩИТНЫЙ

reCAPTCHA

CAPTCHA, или полностью автоматизированный публичный тесты Тьюринга для различения компьютеров и людей, существуют, чтобы убедиться, что вводимые пользователем данные не были получены с помощью компьютера.Эти своеобразные головоломки широко используются в Интернете, чтобы защитить регистрации и комментарии форм от спама.Чтобы быть честным, я испытываю смешанные чувства по поводу CAPTCHA.Они раздражали меня много раз, но я также реализовала их в качестве быстрых решений на websites.

Эта статья следующим поиск идеального solution к проблеме увеличения количества создаваемый человеком спама.Мы рассмотрим, как и почему CAPTCHAs используются и их влияние на удобство для того, чтобы ответить на ключевые вопросы: что является идеальной CAPTCHA, и они даже желательны

Читать далее

Bright (ближайшем) будущем из CSS

Figure 7-1

Эта статья представляет собой отрывок из Eric Meyer’ недавней книге Smashing CSS, опубликованные Wiley в сотрудничестве с Smashing Magazine.

В этой статье акцент делается на what’ Приход: укладка методы you’ будем использовать в непосредственном и ближайшем будущем.От стиля HTML 5 элементы перестановки макет основан на дисплей параметров в сумасшедший выбор моделей для преобразования элемента макета, все эти методы, которые вы можете использовать завтра, в следующем месяце или в следующем году.При частичной поддержке браузера, they’ повторно все на передний край веб-design.

Читать далее

Полезные веб-сервисы, инструменты и ресурсы для веб-дизайнеров

FontFuse: Gallery of Font Pairings

Мы знаем, как трудно найти хороших полезных инструментов, что все ваши разработчики и дизайнеры там часами искал.
Читать далее

Обеспечение интерактивности на ваш сайт с веб-стандарты

Momento App

Добавление интерактивности и анимации для дизайна doesn’ т должны быть сложными или сделать сайт недоступным при использовании современных веб-стандартов.
Читать далее

Падение на HTML5: найти любовь в мелочах

input showing placeholder attribute

I’ ве потерял счет количеству сообщений, которые были написаны о больших особенностей HTML5: Среди самых ожидаемых богатый средств массовой информации (видео, аудио, холст) и JavaScript API.Тем не менее, называть меня женщины простые вкусы, но это не та вещь, которая заставляет меня обморок.Что делает?Небольшие дополнения к спецификации, которая сделает мир различия в коде, как я изо дня в день отъезда.Это вещи сказки сделаны of.

Уродливые duckling

HTML имел тяжелое прошлое.Она никогда не была предназначена для того, что мы сейчас выполнению с ней.Отчасти это является свидетельством ее гибкость и адаптивность, но было неизбежным растущей pains.

Читать далее