Портал про HTML, CSS, JS HTML
Категория

HTML

Делаем хороший слайдер на 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 есть некий шарм.

Красивый 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 нет, есть только обходной путь.

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

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

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

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

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

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

Top-7 генераторов индикаторов загрузки

Ну вот часто же бывает, что делаешь какую-то анкету, и понимаешь, что нужно делать на Ajax, и тут вспоминаешь про небольшие города, с плохим инетренетом, и думаешь, нужно повесить индикатор. Вообще говоря, сегодня трудно представить какое-либо сколько-нибудь серьёзное веб-приложение, которое… Подробнее →

© 2017 HTMLer.ru

Наверх ↑