Рубрика

HTML

Как сделать курсив на css, если у шрифта нет стиля Italic (курсив). Для CSS font-face

С появлением возможности подключать различные шрифты в CSS появилась дополнительная головная боль: не у всех шрифтов есть все стили, и из-за этого страдает типографика страницы (где-то нужно сделать выделение курсивом, а его просто нет в подключаемом шрифте, и CSS не… Читать далее →

Часть 2. Продолжение как создать слайдер на jQuery своими руками. Как сделать слайдер на jQuery.

Продолжение поста о том как создать слайдер на jQuery, как сделать слайдер на jQuery. Рассказ о том как создать слайдер на jQuery своими руками В ответ на комментарий Виктора о том, как добавить стрелочки, публикуем новый пост об этом. Для… Читать далее →

Делаем хороший слайдер на jQuery своими руками. Как сделать слайдер на jQuery.

Сегодня мы рассмотрим как можно сделать слайдер на jQuery своими руками. Слайдер (или как некоторые его называют Ротатор) — это блок на сайте, который состоит из набора картинок со ссылками (и возможно текстом), которые время от времени меняют друг друга…. Читать далее →

Волшебный эффект прокрутки страницы на Canvas и Paper JS

Ну просто волшебный эффект прокрутки страницы. Представляем Jelly Navigation Menu Технологии не стоят на месте! Отличное решение. Так и хочется нажать или прокрутить. Источник + документация http://coding.smashingmagazine.com/2013/08/15/jelly-navigation-menu-canvas-paperjs/ Онлайн-демо эффект прокрутки страницы http://codepen.io/sol0mka/full/Jsyxq   Как это работает? Тут в общем не… Читать далее →

PICOL.org — генератор иконок

Очень интересный подход к генерации иконок разного вида предлагают ребята из picol. Он (подход) очень напоминает iconza.ru (от небезизвестных Turbomilk), ну у picol есть некий шарм. 8

Красивый 3D эффект сворачивания бумаги на HTML5, CSS, Javascript

Товарищи! Новая эра сайтов уже наступает! Ну а как можно ещё начать пост про красивые 3d эффекты на чистом  JS, CSS, HTML5? Да, сворачивание бумаги в 3d перспективе (прям как на картинке) уже реально и работает! Правда пока лучше всего… Читать далее →

Нестандартные типы данных для полей для ввода ( нестандартные input type )

Эра  HTML5 всё близится и близится. В новой спецификации HTML у тэга input появятся новые значения атрибута type. При этом каждый из них будет обрабатываться по-своему и будет дополнять интерфейс и удобство пользования. Не все эти типы данных поддерживаются сейчас,… Читать далее →

Верстаем правильные и хорошие HTML формы (тэг form и его атрибуты и помощники). Часть 2

В продолжение статьи про то, как правильно верстать формы… Что такое форма? … [toc title=’Содержание’] Как сделать форму удобной для вёрстки Для того, чтобы сделать форму максимально гибкой для вёрстки необходимо: использовать сам тег формы использовать тэги fieldset и legend… Читать далее →

Растянуть фон HTML CSS

[toc depth=»2″ listtype=»ul» title=»Содержание»] Как растянуть фоновое изображение на размер блока или всей страницы? При помощи HTML и CSS? Физической возможности сделать это при помощи правил CSS нет, есть только обходной путь. 40

Нестандартные шрифты в CSS и HTML и сжатие шрифтов с помощью fontoptimizer

В последнее время сайты перестали быть просто складом информации. С развитием HTML, CSS, Javascript, да и самих броузеров интернет-страницы превратились в полноценные дизайн-шедевры, отличающиеся хорошей типографикой. Но что можно сделать с тем скудным набором шрифтов, которые поддерживаються всеми броузерами во… Читать далее →

Простой и нелепый способ сделать заглушку страницы на время загрузки для медленных сайтов

Наверняка ведь бывало такое, что сайт сам по себе красивый, но там недожали картинки, тут слишком много Javascript, там ещё какая-то беда, и сайт загружается медленно, при этом качество верстки страдает (до тех пор, пока не прогрузиться последняя строчка кода… Читать далее →

© 2019 HTMLer.ru

Наверх ↑