Последние Записи

Фон в виде диагональной сетки на CSS

Фон в виде диагональной сетки на CSS В продолжение темы создания фоновых текстур на чистом CSS, предлагаю парочку фрагментов кода, с помощью которых, вы легко сможете выполнить визуальный эффект в виде диагональной сетки и применять его, как к целой странице, так и к отдельным блокам. Как в случае с шахматной доской и фоном в виде тетрадной клеточки, сетку с ромбовым плетением, мы будем "рисовать" с помощью повторяющегося линейного градиента linear-gradient. Всё что нам ...

Адаптивное модальное окно строго по центру

Как сделать стопроцентно адаптивное модальное окно, которое к тому же выводилось строго по центру и одинаково хорошо, без видимой ломки, смотрелось на различных типах экранов пользовательских устройств? Вопрос конечно интересный, а процесс реализации и вовсе увлекательнейший. Конечно, макет модального окна, о котором сегодня пойдёт речь, скорее резиновый, так как адаптивность, в навороченных кругах, подразумевает наличие, прописных мета-тегов ...

Набор стилей css для создания кнопок

Набор стилей css для создания кнопок Пару месяцев назад делал простенький шаблон на заказ, использовал отдельные элементы фреймворков LumX и Materialize. В частности из LumX выделил в отдельный набор классы для создания динамичных кнопок. Отсёк всё ненужное(исключительно для меня), разбавил шрифт-иконками от Font Awesome и получился, вполне себе автономный, небольшой наборчик стилей, с помощью которого можно быстро интегрировать на страницы сайта, довольно симпатичные кнопки. ...

Cikonss — Библиотека иконок на чистом CSS

Иконки всякие нужны - иконки разные важны )). Не поспоришь, в сайтостроении иконки являются одним из важнейших элементов. Время на месте не стоит, наворченные и не очень дизайнерские тренды, диктуют свои условия, на смену графическим иконкам, в своё время, уверенно пришли легковесные шрифт-иконки, и вот уже, мал-помалу, стали появляться полноценные библиотеки иконок, "нарисованных" исключительно на чистом CSS. Не так давно, мне на глаза ...

Фон в виде шахматной доски на чистом CSS3

Фон в виде шахматной доски на чистом CSS3 Не так давно, я уже рассказывал, как можно разлиновать фон в тетрадную клетку с помощью нескольких строчек кода CSS, без использования изображений, текстур(паттернов). Сегодня хочу продемонстрировать простейший пример заливки фона в более крупную клетку, что-то вроде шахматной доски. Может кому да и пригодится в работе, так как дизайнерские запросы заказчиков порой просто непредсказуемы)). Как и в случае с тетрадной клеточкой, будем ...

Выделение внешних ссылок с помощью CSS

Выделение внешних ссылок с помощью CSS При написании статей мы так или иначе нет-нет да используем ссылки на внешние сайты, это могут быть ссылки на первоисточники, различные веб-приложения, каталоги и т.д. Большинство из нас никак не выделяет внешние ссылки, чаще ограничиваясь атрибутом target="_blank" в ссылке, определяющим открытие этой самой ссылки в новом окне, ну, или же стандартные подсказки через атрибут title. Давайте рассмотрим простейший пример того, как с помощью ...

Liveweave — Новый онлайн-редактор HTML5, CSS3 и JavaScript

Давно прошли те времена, когда весь инструментарий веб-дизайнеров и разработчиков ограничивался только лишь специализированными десктопными приложениями. Времена настали новые, интересные, в интернетах, от года в год, стало появляться большое количество различных веб-приложений и площадок, существенно облегчающих жизнь разработчиков. В том числе, нам стали доступны множество онлайновых редакторов, предоставляющих готовую среду для написания и ...

Material — Журнальная тема WordPress премиум класса

В новом 2015 году, на рынке Envato, представлено огромное количество качественных тем оформления, для сайтов и блогов работающих на движке Wordpress. Уследить за всеми появляющимися новинками сложно, но по мере возможности, продолжаю знакомить вас, с наиболее заметными из них. Сегодня хочу представить очередную работу от Dankov, замечательную тему Wordpress премиум класса, выполненную в популярном журнальном стиле. Material - Журнальная тема ...

Btns.css — Модульный набор стилей кнопок CSS

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

Онлайн-генератор стартового HTML шаблона

При создании шаблона сайта или отдельной страницы чаще всего мы используем стандартный набор тегов, упакованный в так называемый стартовый html-шаблон. В современных редакторах существуют плагины генерирующие готовые сниппеты, подключающие различные библиотеки javascript, шрифтов и наборы стилей веб-элементов. Всё это очень хорошо, но не всегда полностью удовлетворяет пытливые умы и неуёмную фантазию веб-разработчиков и дизайнеров. Частенько ...

Скрытый текст (спойлер) с помощью Javascript

Скрытый текст (спойлер) с помощью Javascript С помощью нескольких строк javascript, вы сможете легко организовать скрытые блоки с содержанием, раскрывающиеся по клику. Согласитесь, иногда лучше сделать маленький блок скрытого текста с аккуратной кликабельной надписью, скрыть под ней, например: правила комментирования, html-код кнопки или баннера и т.д. Тот, кому это очень нужно - нажмёт на выделенную надпись и всё увидит. Нет необходимости постоянно держать на виду у всех определённые ...

Адаптивные изображения с помощью CSS

В этом небольшом уроке, мы рассмотрим простейшие способы создания адаптивных изображений с помощью CSS. Существует не мало различных решений сделать изображения адаптивными, все они различаются и по сложности, и степени поддержки браузерами. Примером сложного пути реализации адаптивных картинок, является использование атрибута srcset, для которого требуется несколько изображений, больше разметки, а также зависимость от поддержки браузерами. ...
1 2 3 4 5 6 7 8 9 22
Рейтинг@Mail.ru