С появлением достаточно быстрого соединения с сетью Интернет, Flash был единственным инструментом для воспроизведения звуков на веб-сайтах. Но HTML5 в корне изменит способ воспроизведения звуков в Интернет. В этой статье я хочу подробно рассказать Вам о том, как использовать тег <audio> на ваших сайтах. Читать полностью »
Рубрика «html» - 150
6 примеров, роняющих IE6
2012-07-20 в 18:41, admin, рубрики: css, html, Internet Explorer 6, javascript, хулиганствоКому не ненавистен IE6? К сожалению, разработчикам приходится иметь дело с этим устаревшим браузером из-за значительного количество использующих его людей.
Здесь приводится маленький неисчерпывающий список кода, который заставляет IE6 упасть.
Всё же после таких мучений для разработчиков разве не можем мы иметь право отомстить?
Начнем с самого длинного:Читать полностью »
Книга Итана Маркотта «Отзывчивый веб-дизайн»
2012-07-19 в 17:16, admin, рубрики: css, css3, html, responsive web design, веб-дизайн, Веб-разработка, книги, Отзывчивый веб-дизайн, метки: css, css3, html, responsive web design, книги, Отзывчивый веб-дизайн 
Возможно, многие из вас уже читали книгу Итана Маркотта «Responsive Web Design» в оригинале. Для тех, кто еще этого не сделал, у меня есть хорошая новость – весной этого года издательство «Манн, Иванов и Фербер» выпустило данную книгу на русском языке под названием «Отзывчивый веб-дизайн».
Почему стоит прочитать эту книгу?
Во-первых, эта тоненькая книга (всего 176 страниц) содержит описание технологии, которая уже стала революционной. Если оценивать влияние, которое оказала данная книга на Сеть и процесс веб-разработки, то ее можно поставить в один ряд с такими инновационными книгами прошлых лет, как: «WEB-дизайн по стандартам» Джеффри Зельдмана и «AJAX в действии».
Во-вторых, данная книга была написана Итаном Маркоттом (Ethan Marcotte) — человеком, который придумал само понятие отзывчивый веб-дизайн.
В-третьих, в ноябре 2011 года «Отзывчивый веб-дизайн» был признан журналом .net magazine одной из 25 лучших книг для веб-дизайнеров и разработчиков.
Читать полностью »
Отлавливаем изменения в поле input
2012-07-02 в 9:38, admin, рубрики: html, javascript, метки: html, javascriptПеред одним моим знакомым встала задача отлавливать любые изменения полей формы в реальном времение (то есть не ожидая когда пользователь уберет фокус и сработает стандартное событие onchange). И он посетовав на жизнь, реализовал данное действие следующим образом:
setInterval(function(){
$("#input")...
}, 30)
Решение через таймаут выглядит ну совсем костылем, тем более уже html5 используется во всю и я решил попробовать найти кроссбрайзерное решение, с помощью иментов.
Читать полностью »
Думаю, что все мы любим чистый и красивый код. Но разве это красиво, если в обычном HTML шаблоне открываются и закрываются PHP блоки, это же HTML шаблон, зачем там еще что-то? Но ведь надо как-то связывать серверную часть и то, как она преподносится пользователю. Для этого я решил написать небольшой скрипт, который поможет справиться с этой проблемой, оставив красоту в коде. Подробности под хабракатом.
Читать полностью »
Парсер специальных условных выражений и функций
2012-07-01 в 18:12, admin, рубрики: html, php, код, метки: html, parser, PHP, код Думаю, что все мы любим чистый и красивый код. Но разве это красиво, если в обычном HTML шаблоне открываются и закрываются PHP блоки, это же HTML шаблон, зачем там еще что-то? Но ведь надо как-то связывать серверную часть и то, как она преподносится пользователю. Для этого я решил написать небольшой скрипт, который поможет справиться с этой проблемой, оставив красоту в коде. Подробности под хабракатом.
Читать полностью »
Yeoman.io
2012-06-30 в 8:48, admin, рубрики: amd, grunt, html, javascript, Paul Irish, requirejs, yeoman, Веб-разработка, метки: amd, grunt, javascript, Paul Irish, requirejs, yeoman 
На конференции Google I/O 2012 во второй части своего выступления Paul Irish представил проект yeoman.io. Главной целью которого является собрать для разработчика лучшие библиотеки и фреймворки в одном месте и создать идеальную среду для разработки за кратчайшее время.
Читать полностью »
Вышла третья версия фреймворка Foundation. Скорее всего вы слышали о Twitter Bootsrap. После него большинство фреймворков смотрится блекло: элементов меньше, разметка ещё нелогичней, куча багов и ничего нового. Foundation отличается в лучшую сторону:
- Разметка более лаконичная и логичная.
- Заточен для работы с кучей всяких устройств. Можно контролировать, как именно будет выглядеть сайт при каких параметрах экрана. Имеется очень гибкая адаптивная сетка.
- Для всего используется `box-sizing: border-box`.
- Неплохие наборы кнопочек, формочек, менюшек и мелких элементов.
- Читать полностью »
JPEG сжатие картинки с альфа-каналом или SVG masks
2012-06-29 в 19:36, admin, рубрики: alpha, html, PNG, svg, Веб-разработка, обработка изображений, метки: alpha, html, PNG, svg JPEG сжатие картинки с альфа-каналом или SVG masks
Привет! Недавняя статья про сжатие в png-8 с сохранение полупрозрачности, напомнила мне об одной технике, которая позволяет применять на сайтах изображения с альфа-каналом, при этом используя алгоритм сжатия с потерями — JPEG, что позволяет существенно сократить их объём.
Читать полностью »
Экосистемный подход к сборке веб-проекта с TeaCSS
2012-06-29 в 16:50, admin, рубрики: css, dsl, html, javascript, less, require, requirejs, sass, Веб-разработка, велосипед на ракетном топливе, метки: css, dsl, html, javascript, less, parser, require, requirejs, sass, Веб-разработка, велосипед на ракетном топливеВ этой статье я расскажу как можно организовать процесс сборки фронтэнда «от и до».
Советую начать со вводной статьи, если кто не читал.
Там я рассказывал про TeaCSS как про надмножество CSS, и это была неправда. Точнее – полуправда. И таким он был во времена своего создания (откуда и название).
Сейчас – это декларативный метаязык для генерации контента, во многом черпающий вдохновение из QML, Lisp, Clojure, Nemerle.Читать полностью »