Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Рубрика «html» - 103
Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №99 (2 — 8 марта 2014)
2014-03-08 в 20:02, admin, рубрики: css, css3, html, html5, jquery, JS, Kickstarter, Блог компании Zfort Group, браузеры, веб-дизайн, Веб-разработка, дайджест, Интересное, Новости, ресурсы, ссылки, ссылки на сми, метки: css, css3, html, html5, jquery, Kickstarter, браузеры, веб-дизайн, Веб-разработка, дайджест, интересное, новости, ресурсы, ссылки, ссылки на сми.jpg "Дайджест интересных материалов из мира веб разработки и IT за последнюю неделю №99 (2 — 8 марта 2014)")
Магический круг: CSS головоломка
2014-03-06 в 17:25, admin, рубрики: css, html, Веб-разработка, головоломка, метки: css, html, головоломкаДоброго времени суток, уважаемые читатели. Недавно Hugo Giraudel, он же CSS гоблин, SASS хакер и Margin псих опубликовал в своем блоге очень интересную CSS задачку на смышленость.
Сможете заверстать подобное учитывая следующие правила?
- Окружность в центре должна быть прозрачной, чтобы был виден background
- Расстояние между левыми и правыми блоками, как между верхними и нижними должно быть одинаковое
- При наличии потомков в блоке, содержимое должно отобраться
- DOM должен выглядеть следующим образом: ul > li > section > header + footer
- Нельзя использовать JavaScript и изображения
- Дополню еще от себя: нельзя использовать CSS Shape и Clip Path
Чтобы не было очень лень — каркас уже есть.
Сделали?
Бесплатный редактор шрифтов на HTML5
2014-03-05 в 14:38, admin, рубрики: html, кривые безье, типографика, метки: кривые безьеВсё больше полезных программ удаётся портировать на открытые веб-технологии. До сих пор среди них не было редактора шрифтов. Теперь есть: Glyphr.
Профессиональный софт для проектирования шрифтов — это сложные и дорогие программы. В отличие от них, интерфейс Glyphr вполне доступен для каждого желающего, а само приложение совершенно бесплатно.
Читать полностью »
Только разработчики 90-х помнят это
2014-03-05 в 14:31, admin, рубрики: Blink, css, html, Веб-разработка, История ИТ, лихие 90-ые Часто ли вы вставляли <blink> в <marquee> тег? Это сейчас Pixar получает все награды, а тогда в 90-х именно этот метод был наивысшим искусством в анимации. Ты был новатором, если совмещал эти теги; личностью, создающей инновацию; человеком, которому все подражали.
Ты был разработчиком в 1990-х.
Но с таким статусом вы понимали, что делали полную хрень, поскольку распространяли ужасные стандарты по всему интернету, к которым мы не возвращались с тех самых пор.
Отложим jQuery в сторону, отвлечемся от нереляционных баз данных… У нас есть более важные вещи, о которых и пойдет разговор.
Читать полностью »
Как использовать секционные элементы HTML5
2014-03-03 в 7:43, admin, рубрики: header, html, MAIN, веб-дизайн, Веб-разработка, метки: header, MAIN Один славный малый Matt West c туманного альбиона, промышляющий фрилансом и предпринимательством, предложил нашему вниманию пост: «Как использовать секционные элементы HTML5».
Ниже приводится его перевод.
HTML5 предлагает набор секционных элементов, используя которые в своей разметке вы добавляете смысловую или семантическую нагрузку своим страницам, тем самым позволяя компьютерным программам лучше понимать их содержание.
Прочитав этот пост, вы научитесь применять секционные элементы на ваших веб-сайтах. Я постараюсь объяснить, в каких случаях лучше использовать тот или иной элемент и когда лучше прибегнуть к старому доброму <div>.
Давайте начнем.
Читать полностью »
Несколько интересностей и полезностей для веб-разработчика #12
2014-03-01 в 20:33, admin, рубрики: css, html, javascript, Веб-разработкаДоброго времени суток уважаемые читатели. За последнее время я увидел несколько интересных и полезных инструментов/библиотек/событий, которыми хочу поделиться с Хабром.
BrowserSync
Я считаю это лучшим Live Reload инструментом. BrowserSync — это: конечно же перезагрузка страницы после изменения исходных файлов в том числе и серверных (PHP, ASP, Rails и др); синхронизация с десктопами, планшетами и смартфонами; синхронизирует между браузерами скроллинг, данные в формах и множество других действий; существует как Grunt и Gulp плагин; доступен на Windows, Linux, MacOS.
npm install -g browser-sync
// Using a an IP based host
browser-sync --proxy "192.167.3.2:8001" --files "app/css/*.css"
Модуль для рисования растровых картинок HTML таблицами
2014-02-26 в 9:38, admin, рубрики: diy или сделай сам, html, python, растровая графика Я люблю, когда все работает. Когда не работает — не люблю. Восемь лет назад я начал писать диссертацию по деформативному моделированию и одновременно искать себе такой инструмент, чтобы работал. Я всего лишь искал что-то такое, что могло бы превращать идеи в картинки. Оказалось, это совсем не тривиально.
Читать полностью »
В Google внедрили «пасхальное яйцо» на запрос [blink html]
2014-02-24 в 18:06, admin, рубрики: Blink, Google, html, Поисковые машины и технологии, метки: Blink, Google ![В Google внедрили «пасхальное яйцо» на запрос [blink html]](https://www.pvsm.ru/images/v-Google-vnedrili-«pashalnoe-yaico»-na-zapros-blink-html-.gif "В Google внедрили «пасхальное яйцо» на запрос [blink html]")
В поисковой выдаче Google появилось новое «пасхальное яйцо», которое можно увидеть по запросу [blink html]. В результатах поиска слова “blink” и “html” моргают, как это и положено, в соответствии с тегом <blink>. Поскольку данный тег больше не поддерживается современными браузерами, Google эмулирует его средствами CSS3.
Фокус работает также на поисковом запросе [blink+tag].
Читать полностью »
Технологии терминалов самообслуживания. Пользовательский интерфейс
2014-02-21 в 11:55, admin, рубрики: html, интерфейсы, платежные системы, платежный терминал, разработка, технологии, метки: html, платежный терминал, технологии
Введение
Приветствую вас, уважаемые читатели! Прошу прощения за столь длительное ожидание, но его величество Прокрастинация мне запрещала дописывать статью.
В предыдущей части мы рассмотрели терминал самообслуживания с точки зрения железа. Сейчас пришло время ликбеза по UI. Всё повествование будет вестись на основе стороннего ПО, вендора которого я не называю в силу определённых обязательств, но подход является общим для всех.
Читать полностью »
Стартовала Online продажа Revolution Geeksphone
2014-02-21 в 5:31, admin, рубрики: Firefox, Firefox OS, geeksphone, html, javascript, метки: Firefox OS, geeksphone, javascript Сегодня получил вот такое интересное письмо:
Наконец-то что-то новенькое и интересное появилось. Цена, по-моему конечно немного завышенная относительно его характеристик(222,31 €), но такому аппарату я считаю место быть на рынке.
Читать полностью »