Много раз рассказывал о различных решениях создания контактных форм, подробно расписывал варианты вёрстки и оформления с помощью CSS3. Сегодня хочу представить вам ещё один css-макет оригинальной формы обратной связи. Ничего не обычного и сколь-нибудь вычурного, всё просто, стандартный html-каркас формы помещённый в div-контейнер, поля ввода размещены в отдельные секции, а плавающие размеры позволяют корректно отображаться…
Архивы 2015
Bamboo Элегантная тема для блогов WordPress
Продолжаем знакомиться с последними новинками крупнейшего распространителя тем оформления WordPress Themeforest. Сегодня хочу представить вам, великолепную тему премиум-класса для персональных блогов, работающих на движке WordPress. Bamboo — Простая, с лёгким налётом минимализма, элегантная тема, отлично подойдёт для оформления динамично развивающегося личного блога. Тема Bamboo настолько гибкая в настройках, что её можно использовать для блогов практически любой…
Фон в виде диагональной сетки на CSS
В продолжение темы создания фоновых текстур на чистом CSS, предлагаю парочку фрагментов кода, с помощью которых, вы легко сможете выполнить визуальный эффект в виде диагональной сетки и применять его, как к целой странице, так и к отдельным блокам. Как в случае с шахматной доской и фоном в виде тетрадной клеточки, сетку с ромбовым плетением, мы…
Адаптивное модальное окно строго по центру
Как сделать стопроцентно адаптивное модальное окно на чистом CSS, которое к тому же выводилось строго по центру, и одинаково хорошо, без видимой ломки, смотрелось на различных типах экранов пользовательских устройств? Вопрос конечно интересный, а процесс реализации и вовсе увлекательнейший. Конечно, макет модального окна, о котором сегодня пойдёт речь, скорее резиновый, так как адаптивность, в навороченных…
Набор стилей css для создания кнопок
Пару месяцев назад делал простенький шаблон на заказ, использовал отдельные элементы фреймворков LumX и Materialize. В частности из LumX выделил в отдельный набор классы для создания динамичных кнопок. Отсёк всё ненужное(исключительно для меня), разбавил шрифт-иконками от Font Awesome и получился, вполне себе автономный, небольшой наборчик стилей, с помощью которого можно быстро интегрировать на страницы сайта,…
Cikonss — Библиотека иконок на чистом CSS
Иконки всякие нужны — иконки разные важны )). Не поспоришь, в сайтостроении иконки являются одним из важнейших элементов. Время на месте не стоит, наворченные и не очень дизайнерские тренды, диктуют свои условия, на смену графическим иконкам, в своё время, уверенно пришли легковесные шрифт-иконки, и вот уже, мал-помалу, стали появляться полноценные библиотеки иконок, «нарисованных» исключительно на чистом…
Фон в виде шахматной доски на чистом CSS3
Не так давно, я уже рассказывал, как можно разлиновать фон в тетрадную клетку с помощью нескольких строчек кода CSS, без использования изображений, текстур(паттернов). Сегодня хочу продемонстрировать простейший пример заливки фона в более крупную клетку, что-то вроде шахматной доски. Может кому да и пригодится в работе, так как дизайнерские запросы заказчиков порой просто непредсказуемы)). Как и…
Выделение внешних ссылок с помощью CSS
При написании статей мы так или иначе нет-нет да используем ссылки на внешние сайты, это могут быть ссылки на первоисточники, различные веб-приложения, каталоги и т.д. Большинство из нас никак не выделяет внешние ссылки, чаще ограничиваясь атрибутом target=”_blank” в ссылке, определяющим открытие этой самой ссылки в новом окне, ну, или же стандартные подсказки через атрибут title.…
Liveweave — Новый онлайн-редактор HTML5, CSS3 и JavaScript
Давно прошли те времена, когда весь инструментарий веб-дизайнеров и разработчиков ограничивался только лишь специализированными десктопными приложениями. Времена настали новые, интересные, в интернетах, от года в год, стало появляться большое количество различных веб-приложений и площадок, существенно облегчающих жизнь разработчиков. В том числе, нам стали доступны множество онлайновых редакторов, предоставляющих готовую среду для написания и обработки кода,…