Регистрация/Авторизация

M U L I G E N

блог полуночника

Полезные сервисы

Фон в клеточку на CSS3

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

Всё что нам нужно, это создать два повторяющихся градиента, один из которых будет повернут на 90 градусов, а с помощью свойства
background-size: 
определить необходимый нам размер клеток:

.grid-gradient {
  background:linear-gradient(#bbb, transparent 1px),
  linear-gradient(90deg,#bbb, transparent 1px);
  background-size: 10px 10px;
  background-position: center center;
  border: 1px solid mediumvioletred;
}


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



Вот и всё! Теперь вы легко сможете воссоздать фоновые текстуры в виде клеточек, без подключения изображений, при этом клетки всегда будут изящно смотреться при изменении размеров окна браузера.

Метки к статье: webdev css

Cкрипт бегущие цифры на Jquery

/ / Просмотров: 206
Cкрипт бегущие цифры на  JqueryСкрипт Бегущие цифры Jquery подходит для любого движка, html, php. Пример работы скрипта показан на фото (они не движутся, но при переносе на сайт будут работать.)

Метки к статье: webdev css html

Как научиться мыслить творчески

/ / Просмотров: 106
Как научиться мыслить творческиТворческое мышление — это процесс, которым мы все пользуемся, генерируя новые идеи, — будь то выбор подарка на день рождения приятеля или решение каждодневных задач на работе. Однако многие люди верят, что у них нет творческой жилки, и они лукавят. Каждый человек креативен от рождения. На протяжении многих тысяч лет в ходе эволюционного развития люди учились мыслить творчески, и неплохо преуспели в этом. На следующем же этапе люди научились подавлять своё творческое начало. Мы решили разобраться в том, можно ли заново обрести творческие способности и как увеличить свою креативность.

Недостаток вдохновения

/ / Просмотров: 108
Недостаток вдохновенияНедостаток вдохновения может действительно плачевно сказаться на вашей продуктивности.
Сложно каждый день вдохновенно выполнять одну и ту же работу, иногда требуется подпитка. Что-то, что может придать сил и вдохновения. Если вы чувствуете недостаток вдохновения, возможно, вам поможет этот список из десяти изречений и цитат о вдохновении, творчестве и об идеях.

CorelDRAW Graphics Suite X8 18.0.0.448 x32-x64

/ / Просмотров: 1 381

CorelDRAW Graphics Suite X8 18.0.0.448 x32-x64Графический пакет CorelDRAW Graphics Suite X8 в который входит:

  • CorelDRAW X8 — приложение для создания векторной графики и макетов страниц
  • Corel PHOTO-PAINT X8 — приложение для редактирования изображений
  • Corel Font Manager X8 — приложение для управления шрифтами TrueType и OpenType
  • Corel PowerTRACE X8 — средство для трассировки растровых изображений в векторную графику (является частью приложения CorelDRAW X8)
  • Corel CONNECT — средство поиска контента
  • Corel CAPTURE X8 — средство захвата экрана

 

Метки к статье: corel soft

Основные php коды WordPress

/ / Просмотров: 11

Основные php коды WordPressУрок для имеющих базовые знания по html — изучаем, как вставить в шаблон основные php коды WordPress для вывода той или иной информации на страницах блога.

WordPress — динамическая система управления сайтом. Ключевое слово здесь динамическая, то есть автоматически, при помощи определенных функций на страницы выводятся те или иные данные, которые меняются в зависимости от определенных алгоритмов. Ну например, в зависимости от даты публикации, количества просмотров, результатов голосования и так далее — всего не перечислить. Если б это был статический сайт на html, то чтобы поместить одно сообщение над другим, нужно было бы каждый раз открывать страницу в редакторе и вручную его переносить. Здесь все происходит на автомате — оставил человек комментарий — тут же он появился на странице + отобразилась информация в виджете.

Метки к статье: Wordpress

34 полезных совета по фотошопу

/ / Просмотров: 298

34 полезных совета по фотошопуФотошоп позволяет дизайнерам и художникам творить настоящие чудеса. Чтобы сделать эту работу проще, разработчики придумали много разных комбинаций на клавиатуре. Они включают дополнительные функции графического редактора.

Метки к статье: photoshop

Рисунки-ребусы Kerby Rosanes

/ / Просмотров: 1 562

Рисунки-ребусы Kerby RosanesНесколько чернильных карандашей Uni Pin и записная книжка Молескин («Moleskine» итальянской ТМ «Modo & Modo») позволяют филиппинскому иллюстратору Кэрби Розанес (Kerby Rosanes) создавать свои рисунки, во многом являющиеся настоящими ребусами.

 

Метки к статье: карандаш рисунок

Трехмерные рисунки карандашом

/ / Просмотров: 1 751
Трехмерные рисунки карандашомЭти невероятные объемные работы притягивают взгляд и заставляют нас раз за разом повторять «Вау!». Необычная техника рисования позволяет обмануть глаз и сделать плоский рисунок объемным. Так как же создаются такие рисунки? Может быть специальными волшебными карандашами?

Давайте разбираться!

Метки к статье: арт карандаш рисунок

АРТ Новости

Выставка художественной фотографии Леонардо Бенчини откроется в Музее искусств
В пятницу, 2 сентября, в 17:00 Музей искусства Санкт-Петербурга XX-XXI веков ...

Ольга Свиблова: «Русские художники будут включены в мировой контекст»
Благодаря проекту в Центре Помпиду произведения 65 российских художников будут ...

Выставка 20 века открылась в Серпухове
В историко-художественном музее Серпухова открылась выставка «XX век ...

Выставку Айвазовского в Третьяковке посетили почти 150 тысяч человек
Выставку одного из самых знаменитых российских маринистов Ивана Айвазовского ...

С 2011 года в Москве проведена реставрация 700 памятников архитектуры
Комфортная среда, созданная после реставрации объекта, сделает обучение еще ...

Одной ногой мы стоим в прошлом, другой в будущем, а посередине у нас суровая действительность.