Сортировать статьи по: дате | популярности | посещаемости | комментариям | алфавиту

Знакомство с HTML5: Datalist

Вероятно, вы часто сталкиваетесь с подобным интерфейсом в интернете – вы начинаете вводить какие-то данные в форму ввода, и перед вами открывается выпадающий список рекомендаций. Многие годы для создания такой функции разработчики полагались на javascript. Сегодня же у нас есть возможность воспользоваться HTML5-элементом 'datalist'. Этот новый HTML5-элемент позволяет нам хранить список опций, которые будут отображаться по мере того, как пользователь будет вводить что-нибудь в форму.

CSS3 и HTML5-сниппеты, о которых вам следует знать

Мы понимаем, что это может показаться странным для некоторых, но иногда оказывается так, что по готовым отрывкам кода гораздо легче обучаться, чем по официальным руководствам, и надеемся, что сегодняшняя подборка вам тоже поможет. Сегодня мы хотим представить вам более 30 интересных сниппетов, которые позволят вам реализовать действительно интересные вещи.

cgSceneGraph: мощная среда разработки анимаций на HTML5 Canvas

cgSceneGraph представляет собой объектно-ориентированную и простую в использовании javascript-среду разработки анимаций, основанную при помощи HTML5 canvas. Она создавалась с учетом профессиональных приложений и игр, работает во всех браузерах и имеет множество встроенных функций вроде создания изображений, текста, кнопок, фигур и так далее.

21 свежий пример веб-сайтов, созданных при помощи HTML5

После всей этой шумихи, связанной с выходом HTML5 и CSS3, пришло время ознакомиться с очередными результатами применения этих технологий на практике. Как только технологии были представлены, все разработчики вокруг будто помешались на этих анимациях, но сейчас в интернете можно найти вполне серьезные утонченные проекты, разработчики которых явно извлекали только лишь преимущества новых возможностей, реализовав плавные переходы, красивые слайдеры изображений и незначительные анимационные эффекты.

HTML5 для новичков: знакомимся с основными элементами «header», «nav» и «footer»

HTML5-разработка еще пока не раскрыла весь свой потенциал. Но сегодня мы уже можем использовать несколько HTML5-элементов (тэгов), которые поддерживаются даже в старых версиях браузеров, а именно: header, nav и footer. Вы, вероятно, уже встречали эти элементы в различных HTML5-руководствах, но не пытались их изучить...

50 бесплатных рабочих HTML- и CSS-заготовок для отправных форм

Сегодня вам предлагается подборка из 50 бесплатных HTML-/CSS-заготовок для отправных форм, которые очень пригодятся вам в вашем дизайнерском деле. Ознакомьтесь с 50 бесплатными экспонатами нашей галереи HTML-/CSS-заготовок для отправных форм и приступайте к построению интерактивных конструкций.

Расширяем Twitter Bootstrap при помощи Javascript-плагинов

Twitter Bootstrap предоставляется со многими javascript-плагинами. Тем не менее, вы обнаружите, что большинство наиболее важных плагинов отсутствуют, как например datepicker. Сегодня мы решили собрать для вас более 10 javascript-плагинов для расширения функционала Twitter Bootstrap. Благодаря сообществу веб-разработки, у нас сегодня есть множество мощных и удобных js-плагинов, разработанных специально для Twitter Bootstrap.

HTML5-атрибут Contenteditable: редактирование контента во внешнем интерфейсе

Одно из новых свойств HTML5, которое привлекло наше внимание – это возможность редактировать контент при помощи внешнего интерфейса. Такая функция часто встречается в CMS – пользователи могут редактировать контент прямо при помощи своего браузера, но до сих пор она была реализована при помощи javascript и Ajax. HTML5 в значительной степени упрощает этот процесс, и предлагает нам атрибут «Contenteditable».

Знакомство с HTML5-атрибутом Placeholder

Многим очень нравится новое свойство в HTML5, позволяющее без труда добавлять текст-заглушку или placeholder. Текст-заглушка – это серый текст, который вы можете поместить в поле ввода, чтобы сообщить пользователям о предназначении этого поля. Как только пользователи начинают вписывать текст в поле ввода, этот текст исчезает.

Garlic.Js и Sisyphus.Js: jQuery-плагины, хранящие значения формы при помощи HTML5 LocalStorage

Проблема так же стара, как и сами формы в веб-дизайне. Чем длиннее форма, тем больше потенциальная проблема. Проблема, о которой мы говорим, может повстречаться вам гораздо чаще одного раза. Она обычно появляется только после заполнения самых сложных форм или когда вы спешите и просто хотели как можно скорее оформить заказ, потому что обещали жене сделать это сегодня. Проблема тут как тут. Форма, по каким-то причинам, не проходит на следующий этап, вкладка браузера внезапно закрывается, каким-то образом вы случайно нажимаете F5 или происходит что-нибудь такое, отчего вся форма сбрасывается и ваш истерический смех слышен всем вокруг. Эти плагины для jQuery помогут вам избежать этой ситуации, и никогда больше не сталкиваться с ней.