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