Рубрика

HTML

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Основы: как верстать под Smarty

Вообще ничего, конечно, криминального в вёрстке под смарти нет, но идея написания такого поста пришла после того, как посмотрев статистику поисковых запросов, которые привели на HTMLer.org.ua, я нашел относительно много запросов вроде: «как сверстать под Smarty» Для начала давай разберёмся:… Continue Reading →

© 2019 HTMLer.ru

Наверх ↑