Хабрахабр: Метки / html http://habrahabr.ru/rss/tag/html/ ru editor@habrahabr.ru habrahabr.ru Sat, 11 Feb 2012 00:31:38 GMT http://habrahabr.ru/ http://habrahabr.ru/i/logo.gif Хабрахабр <![CDATA[Каскадные Таблицы Стилей / Красивые табы с помощью CSS3 и HTML]]> http://habrahabr.ru/blogs/css/137980/ http://habrahabr.ru/blogs/css/137980/

Читать дальше →
]]> Fri, 10 Feb 2012 21:18:34 GMT makzimko htmlcsstabsтабывкладки <![CDATA[JavaScript / JavaScript|HTML Preprocessor]]> http://habrahabr.ru/blogs/javascript/137870/ http://habrahabr.ru/blogs/javascript/137870/ Здравствуйте, дорогие друзья!

В один чудесный день в один чудесный час возникла острейшая необходимость в JS|HTML препроцессоре и как обычно поиск готового решения не увенчался успехом, везде чего-то не хватало (не было глобальных переменных, вставки строк, замены строк, импорта и т.п.). Ну и поскольку я суровый якутский парень, то выход был один — сделать все самому. Ну? что ж, результат моего труда я решил выложить на мнение комьюнити.
Читать дальше →
]]> Thu, 09 Feb 2012 06:12:31 GMT Ganesh JavaScriptHTMLPreprocessor <![CDATA[Персональные блоги / Очень доходчиво об HTML, CSS и прочих UI]]> http://habrahabr.ru/blogs/personal/136881/ http://habrahabr.ru/blogs/personal/136881/ иллюстрации на тему пользовательских интерфейсов. Осторожно — в основном всё nsfw.

Автор Exey Panteleev — его блог]]> Tue, 24 Jan 2012 07:28:19 GMT 4vanger htmluicss <![CDATA[Веб-разработка / [Перевод] Подборка html/javascript/css инструментов и библиотек от SmashingMagazine]]> http://habrahabr.ru/blogs/webdev/136654/ http://habrahabr.ru/blogs/webdev/136654/
Множество удобных инструментов, найденных командой популярного онлайн журнала SmashingMagazine, приводится под катом
Читать дальше →
]]> Mon, 23 Jan 2012 05:36:07 GMT alrusdi cssjavascriptHTMLфреймфоркweb-разработка <![CDATA[Каскадные Таблицы Стилей / Выравнивание иконок по базовой линии шрифта]]> http://habrahabr.ru/blogs/css/136746/ http://habrahabr.ru/blogs/css/136746/
image

Читать дальше →
]]> Sun, 22 Jan 2012 08:42:18 GMT smashercosmo csshtmlinternet explorer <![CDATA[Веб-разработка для начинающих / [Из песочницы] Ухоженный HTML код]]> http://habrahabr.ru/blogs/webdev_for_dummies/136666/ http://habrahabr.ru/blogs/webdev_for_dummies/136666/ Введение
Довольно давно во мне зрело желание расправиться с html кодом. Нет, не в прямом смысле, конечно, а в эстетическом. Периодически бывает не удобно в коде расставлять символы табуляции и новой строки. Особенно, если вы пользуетесь «склейкой» строк. Вот недавно я и решил озадачиться написанием скрипта для автоматизации этого процесса. Правда, быстро эта идея мне показалась бесперспективной при наличии готовых инструментов в сети. Вот поиском этого инструментария я и занялся.

Читать дальше →
]]> Fri, 20 Jan 2012 13:20:38 GMT MightyGRAF phphtmlкодweb-разработкаверсткаextensions <![CDATA[HTML5 / Чёртова дюжина советов начинающим верстальщикам. Часть первая]]> http://habrahabr.ru/blogs/html5/136592/ http://habrahabr.ru/blogs/html5/136592/

Введение


Я являюсь фрилансером. Раньше я не особо задумывался над тем, как и что делают верстальщики. Я делал серверную часть, а мой друг верстал и набивал контент. Совсем недавно мне захотелось попробовать «что и как». Пару дней назад мне на глаза попался материал, который мне очень понравился. Он наглядно обЪяснял, что и как нужно писать. К сожалению, сылку дать не могу, так как я не запаомнил, где располагался сей мануал, но… Казалось бы, можно это и запомнить, но я пошёл ещё одним путём — законспектировал это дело. Собственно, добро пожаловать в мою записку.
Читать дальше →
]]> Thu, 19 Jan 2012 13:26:57 GMT krovatti htmlhtml5doctypetips and tricks <![CDATA[Skype / Картинки в чате skype]]> http://habrahabr.ru/blogs/skype/136395/ http://habrahabr.ru/blogs/skype/136395/

Оказывается, в чате скайпа работают некоторые HTML-теги, в том числе и <font color="">
Благодаря этому возможно создавать несложные картинки в тексте сообщений.

Список поддерживаемых в скайпе тегов www.wikireality.ru/wiki/HTML_в_Скайпе
Для того чтобы оправить HTML-код в чате нужно зажать CTRL+SHIFT и кликнуть на кнопку отправки сообщения.

Код картинки pastebin.com/raw.php?i=z4EspzjC

Ниже показан пример генерации HTML-кода из изображения на PHP.

Читать дальше →
]]> Tue, 17 Jan 2012 00:44:39 GMT zhovner skypehtmlphp.netpixelart <![CDATA[HTML5 / Всё в деталях]]> http://habrahabr.ru/blogs/html5/136345/ http://habrahabr.ru/blogs/html5/136345/

Введение


К своему стыду, я совсем недавно познакомился с элементом details, который по сути является виджетом для представления информации о чём-либо. По информации, которая есть у меня, его поддержка достаточна скудна, так как поддерживается он на данный момент лишь в Google Chrome, начиная с 12.0, а также в Android Browser, начиная с версии 4.0. Что же, давайте посмотрим, что это за зверь такой.
Читать дальше →
]]> Mon, 16 Jan 2012 12:49:36 GMT krovatti htmlhtml5details <![CDATA[Каскадные Таблицы Стилей / Великолепные стикеры с помощью CSS3]]> http://habrahabr.ru/blogs/css/136238/ http://habrahabr.ru/blogs/css/136238/

Введение


В своё время было необходимо сделать заметки в форме стикеров для веб-сайта. Как вы понимаете, выбора большого особо не было и мой выбор пал на всеми нам любимый CSS3. С его появлением осуществление задуманного стало возможным без какого-либо велосипедостроения. Итак, моё решение проблемы под катом. На самом деле, мопед не мой. Мне дали всего-лишь покататься.
Читать дальше →
]]> Sat, 14 Jan 2012 18:08:22 GMT krovatti htmlhtml5css3stickersnotes <![CDATA[jQuery / [Из песочницы] Ползунки или новый взгляд на скрол]]> http://habrahabr.ru/blogs/jquery/135952/ http://habrahabr.ru/blogs/jquery/135952/ Как я до этого дошел
Совсем недавно мне достался веб проект дизайн которого рисовал Гуров Сергей вот ссылка на его работу. Один из интересных элементов был скрол на странице каталога (он присутствует на многих страницах). Выглядел он так:

скриншот элементов на странице каталога

После долгих поисков, с разными запросами в поисковиках, я пришел к выводу что проще будет сделать самому.
Читать дальше →
]]> Tue, 10 Jan 2012 11:18:51 GMT buna1991 javascriptjqueryhtml <![CDATA[Веб-стандарты / «Баг»-не-баг нецентрирования рисунков атрибутом align=center]]> http://habrahabr.ru/blogs/webstandards/135818/ http://habrahabr.ru/blogs/webstandards/135818/
Заинтересовал вопрос, в каких случаях атрибут поддерживается и что надо дописать в стилях, чтобы он начал поддерживаться везде. Если бы это заработало на сайте, мы поддержали бы наивное мнение, что это правильный атрибут, но, тем не менее, получили бы инструмент центрирования рисунков.
клац-клац
]]> Sat, 07 Jan 2012 17:16:32 GMT spmbt csshtmlатрибуты теговстандарты html <![CDATA[Каскадные Таблицы Стилей / [Перевод] Перемещения и трансформации в CSS3]]> http://habrahabr.ru/blogs/css/135816/ http://habrahabr.ru/blogs/css/135816/
Здравствуй, дорогой хабрадруг! В интернете можно найти множество примеров отличного применения трансформаций и переходов в CSS3. В этой статье мы обратимся к основам основ CSS3 и научимся создавать что-то вроде этого. Данный туториал будет полезен тем, кто только начал знакомиться с CSS3. Давай-те же начнем!
Читать дальше →
]]> Sat, 07 Jan 2012 15:17:18 GMT shimapa23 css3htmltransitiontransformationосновы <![CDATA[Microsoft / [Из песочницы] Применение VBA к решению ряда задач]]> http://habrahabr.ru/blogs/microsoft/135516/ http://habrahabr.ru/blogs/microsoft/135516/
Читать дальше →
]]> Thu, 29 Dec 2011 20:04:15 GMT VladMax visual basicmicrosoft officehtmlсапёр <![CDATA[ВКонтакте / [Из песочницы] Получение прямой ссылки на видео vkontakte]]> http://habrahabr.ru/blogs/vkontakte/135323/ http://habrahabr.ru/blogs/vkontakte/135323/ Предисловие
Здравствуйте. В этой статье я поделюсь с вами пожалуй единственным способом получения ссылки на видео из контакта.
Читать дальше →
]]> Thu, 29 Dec 2011 18:44:51 GMT trollface вконтактевидеопрограммированиеhtml <![CDATA[Silverlight / Загрузчик изображений. Закрывая тему]]> http://habrahabr.ru/blogs/silverlight/135481/ http://habrahabr.ru/blogs/silverlight/135481/ Предисловие
Всем привет. О создании загрузчика изображений я уже писал. Сначала — загрузчик на flash, затем — на html5. По большому счёту, этих двух вариантов достаточно. И если вы поклонник рациональности, а сама тема особенного интереса не вызывает, то можете дальше не читать.
Рабочий пример загрузчика на Silverlight 4 привожу здесь же: да вот он.
Мало текста и много кода
]]> Thu, 29 Dec 2011 18:21:56 GMT Alvaro загрузкаsilverlightасинхронная загрузкаhtmlimagetools <![CDATA[Каскадные Таблицы Стилей / Новогодний баннер на сайт при помощи CSS3]]> http://habrahabr.ru/blogs/css/135412/ http://habrahabr.ru/blogs/css/135412/

В канун новогодних праздников практически каждый сайт украшают атрибутами главного праздника года. Кто-то делает гирлянды, кто-то анимированный снег, кто-то елки в подвал помещает. Сейчас попробую объяснить как сделать красивый, на мой взгляд, и анимированный баннер на сайт с помощью CSS3.

Читать дальше →
]]> Wed, 28 Dec 2011 04:03:17 GMT Dialog css3htmlновый годс праздниками! <![CDATA[Веб-разработка / [Из песочницы] iPhone 4 на CSS3 без использования картинок]]> http://habrahabr.ru/blogs/webdev/135349/ http://habrahabr.ru/blogs/webdev/135349/

Предисловие


Несколько недель назад в просторах интернета я увидел очень заинтересовавшую меня вещь — iOS иконки на CSS3 полностью без картинок. Первое что подумал — «Я тоже так могу»! А спустя еще 5 минут для себя четко решил — «challenge accepted». Но чтоб не повторяться я решил немножко усложнить задачу — сделать не только иконки, но и сам девайс.

Постановка задачи



Итак, в тот-же день я решил сделать iPhone4 на CSS3 абсолютно без картинок, base64, canvas или SVG и добавить еще некоторую изюминку — интерактивные возможности:
— включение/выключение;
— блокировка при включении и разблокировка как в реальном iPhone;
— анимация «slide to unlock» текста на экране блокировки;

Читать дальше →
]]> Mon, 26 Dec 2011 21:39:18 GMT TjRus iphonecss3javascriptjQueryhtml <![CDATA[Веб-разработка / Пусть css ищет или база данных в HTML 2]]> http://habrahabr.ru/blogs/webdev/135339/ http://habrahabr.ru/blogs/webdev/135339/ прошлой статье я отказался от использования связки html + php + sql, оставив только html. Как и в прошлый раз, на html странице находится сразу все, что нам нужно, и остаётся только убрать лишнее, исходя из параметров поиска. Раньше мы это делали при помощи JavaScript, а теперь воспользуемся возможностями CSS.

Читать дальше →
]]> Mon, 26 Dec 2011 17:22:44 GMT ivan386 htmlcss2nosql <![CDATA[Персональные блоги / Пятничный стёб над языками программирования]]> http://habrahabr.ru/blogs/personal/135175/ http://habrahabr.ru/blogs/personal/135175/

Другие языки программирования...
]]> Fri, 23 Dec 2011 09:33:29 GMT heel pythonjavaassemblycc++unix shelllatexhtml