Наверное, вы уже слышали о таких вещах как CSS3 Pie, Selectivizr, HTML5 Boilerplate, CSS3 Media queries и т.п. Речь пойдет о том, как использовать все эти инструменты вместе: дело в том, что неоднократно были замечены конфликты между ними. Ну, а если вы не совсем понимаете, зачем вам HTML 5 и CSS 3, тогда не стану навязывать эти технологии; просто скажу, что они позволяют сократить время верстки (хотя, это не единственный плюс).
Читать полностью »
Рубрика «html» - 147
Internet Explorer 7-9: выбор инструментов для максимальной поддержки CSS3, HTML5
2012-09-03 в 8:23, admin, рубрики: css, css3, html, html5, internet explorer, web-разработка, Веб-разработка, верстка, сайты, метки: css, css3, html, html5, Internet Explorer, web-разработка, верстка, сайтыUICloud: Самая большая база пользовательских интерфейсов
2012-08-30 в 10:06, admin, рубрики: android, apple, css, GUI, html, JS, psd, windows, веб-дизайн, Дизайн в IT, интерфейсы, метки: android, apple, css, gui, html, psd, windows 
UICloud — это база бесплатных пользовательских интерфейсов с поисковой системой, рейтингом и каталогизатором в которой собрано все от исходников в формате PSD, до готовых решений на HTML, CSS или jQuery: формы, слайдеры, кнопки, календари, элементы и полноценные интерфейсы для мобильных и веб приложений. В проекте уже сейчас можно найти практически все что нужно для облегчения процесса разработки дизайнерам и разработчикам.
На данный момент в базе 23586 элементов и почти тысяча UI-сэтовЧитать полностью »
Вышел HTML5 Boilerplate 4.0.0
2012-08-29 в 12:02, admin, рубрики: boilerplate, css, css3, html, html5, html5 boilerplate, метки: boilerplate, css3, html5, html5 boilerplate 
Экономьте время. Создайте с уверенностью.
«Самый популярный фронтенд шаблон», — именно такая фраза красуется на официальном сайте. Тем не менее, приведу отрывок описания из предыдущей версии.
HTML5 Boilerplate — это HTML/CSS/JS шаблон для всех маньяков, пишущих быстрые, неглючные и ориентированные на будущее сайты.
После более чем двух лет разработки, мы собрали лучшие хаки для кросс-браузерной совместимости, настройки производительности и даже таких вещей, как кросс-домменых Ajax запросов и Flash. А наш пример .htaccess для Apache поможет настроить правила кеширования, сжатия (gzip!) и подготовит ваш сайт к работе с HTML5 видео и @font-face.
Boilerplate — это не фреймворк. Мы также не навязываем какой-либо конкретный тип разработки. Это просто набор штуковин, помогающий быстро и безболезненно начать делать ваш сайт.
HTML5-игры и GodMode: все просто!
2012-08-28 в 13:32, admin, рубрики: html, html5, Блог компании Positive Technologies, Чит, метки: html5, HTML5-игры, Чит 
«Война… Война никогда не меняется». Думаю, многим знакома эта фраза. Каждый пользователь ПК хоть раз запускал компьютерную игру. Много компьютерного железа пострадало в баталиях от горячей руки геймера, потерявшего последнюю «жизнь». Иногда появляется мысль: а не поискать ли «читы» и не накрутить ли себе жизней или ресурсов?.. Так начинается путь читера.
В этой статье я на двух примерах покажу, как с помощью подручных средств можно нечестно играть в игры на HTML5.
Читать полностью »
Спорные правила простой верстки
2012-08-28 в 8:48, admin, рубрики: css, html, верстка, Песочница, метки: css, html, верстка Эта статья, является в первую очередь ответом на недавно вышедшую статью: «Простые правила простой вёрстки».
Автор пригласил написать ответ, высказать свой взгляд на эти примеры и рекомендации, этим приглашением ниже я и намерен воспользоваться. (Читать оригинальную статью перед тем, как зайти под кат — обязательно!)
Читать полностью »
Простые правила простой вёрстки
2012-08-27 в 12:16, admin, рубрики: css, html, верстка, метки: css, html, версткаРечь в этой небольшой статье пойдет не о специфических техниках для конкретных случаев, также не будет раскрыта тема правильной оптимизации кода и графики под высоконагруженные проекты. Не знаю, много ли здесь людей, часто имеющих дело с вёрсткой небольших проектов, для которых избыточно применение haml/sass и кучи методик правильной оптимизации, отлично описанных в статьях других профессионалов.
Ко мне уже несколько лет регулярно обращаются заказчики с просьбой завершить вёрстку их проекта, которую по каким либо причинам не закончил другой исполнитель, или поправить баги, несмотря на то, что я не работаю с чужим кодом, или ломлю за это двойную цену. Судя по ленте проектов известных российских фрилансерских сайтов, эта проблема стоит достаточно остро, за доработки никто не хочет браться. Самое удивительное, что большая часть ошибок совершенно типовые и легко исправляемые.
Попробую собрать общие рекомендации, следуя которым можно получить не только деньги, но и благодарность заказчика, программистов и будущих посетителей сайта. Вещи очевидные, но статьи, собирающей их воедино я не нашел.
Читать полностью »
Манипуляция пикселями на холсте с использованием Javascript
2012-08-27 в 10:52, admin, рубрики: css, html, html5 canvas, javascript, перевод с английского, метки: html5 canvas, javascript, перевод с английского В данной статье будет рассмотрено управление изображением с помощью Javascript и HTML тега canvas. Статья является переводом. Оригинал на phpied.com.
Читать полностью »
Договориться можно обо всем
2012-08-27 в 7:56, admin, рубрики: html, php, Гэвин Кеннеди, переговоры, разработка, тест, метки: Гэвин Кеннеди, переговоры, тестДобрый день, уважаемые посетители Хабра.
Несколько дней назад я прочитал замечательную книгу Гэвина Кеннеди «Договориться можно обо всем». Как верно отмечает автор, мы ведем переговоры с первых лет своей жизни, начиная еще до того, как научимся толком разговаривать, и важность правильно вести переговорный процесс, что в личной жизни, что в работе, очень сложно переоценить. Книга произвела на меня отличное впечатление, и я искренне рекомендую всем, при наличии свободного времени, ее прочитать. В процессе ознакомления с материалом, Гэвин предлагает читателям несложные тесты, и, далее, дает развернутые комментарии тех или иных наших ответов, классифицируя читателей по 4 категориям: Ослы, Овцы, Лисы и Совы, согласно умению вести переговорный процесс. Именно эти тесты, а точнее необходимость их автоматизации, и побудила меня написать этот пост на Хабре. Хотите проверить свой талант переговорщика? Читать полностью »
Превращаем Хабр в «пятнашки» с помощью Canvas
2012-08-26 в 1:39, admin, рубрики: canvas, html, html5, javascript, jquery, screenshot, метки: Canvas, html5, jquery, screenshot 
Добрый день, уважаемые посетители Хабра.
Хочу поделиться с вами своим небольшим скриптиком, который можно использовать с помощью методики Bookmarklet на практически любом сайте. Итак…
Что это?
Как уже видно из заголовка, это игра «пятнашки». Особенностью данной игры является то, что она использует текущее видимое изображение страницы. При разработке была использована библиотека html2canvas Николаса фон Херцена (Niklas von Hertzen), который позволяет делать скриншот в браузере на стороне пользователя, а результат размещать в canvas. Именно это изображение (или его часть) и будет источником для игрового поля «пятнашек».
Фотогалерея на HTML и CSS3
2012-08-25 в 18:24, admin, рубрики: css, css3, html, web-design, веб-дизайн, метки: css3, html, web-design Недавно столкнулся с необходимостью сделать небольшой сайт-галерею (захотелось приятно удивить любимую девушку, показав ей сие творение). Поэтому я решил обратиться к Гуглу за помощью. Просидев часик-другой за компьютером я все же наткнулся именно на то, что и требовалось. После некоторых изменений, внесенных мною, получилось совсем недурно. Ниже я опишу процедуру создания подобной галереи. Думаю, что некоторым новичкам в области web-дизайна будет полезно.
Читать полностью »