Вед-дев, Сео, Манимейкинг

HTML + CSS

07/02/2014 - 19:15

Если вам необходимо выделить все чекбоксы с атрибутом "checked", то это можно делать при помощи css:

input[type=checkbox]:checked + label {
  color: #f00;
  font-style: normal;
}

Работает во всех версиях Firefox, Android, iOS.

Всего просмотров: 1,745
06/19/2014 - 17:41

Сниппет для кросс-браузерной прозрачности при помощи CSS:

/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";

/* IE 5-7 */
filter: alpha(opacity=30);

/* Netscape */
-moz-opacity: 0.3;

/* Safari 1.x */

-khtml-opacity: 0.3;

/* Good browsers */
opacity: 0.3;
Всего просмотров: 1,478
06/01/2014 - 14:35

Иногда возникает необходимость отцентровать див по вертикали и горизонтали. Я нашел на просторах интернета очень короткий и эффективный способ сделать это:

.Absolute-Center {
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}

Единственное, вам будет необходимо указать высоту вашего дива.

Данный способ совместим с IE8+, Chrome, Firefox, Safari.

Всего просмотров: 1,774
04/25/2014 - 21:59

bЗнакомство с Bootstrap используя Drupal

Сегодня мы познакомимся с css-фреймворком под названием Bootstrap, который будем использовать вместе с Drupal 7. Данный фреймворк является очень популярным и имеет очень много любителей и хейтеров. Если все же каким-то образом вы впервые слышите о нём, то более детально с ним познакомиться можно по этой ссылке.

Всего просмотров: 14,235
02/03/2014 - 22:06

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

HTML разметка:

Всего просмотров: 12,784
01/13/2014 - 14:47

CSS3 Media Queries примеры

В CSS3 доступна фишка - Media Queries. При помощи неё мы можем показывать определенные стили при определенном разрешении экрана. Например, вы можете иметь один CSS файл для больших экранов, а другой для маленьких. Это необходимая вещь для адаптивной вёрстки.

Max Width

Код ниже будет действителен при ширине меньше чем 600px

Всего просмотров: 3,415
01/07/2014 - 01:20

Google fonts несколько шрифтов одной строкой

Давно я писал про CDN сервис "Google Fonts" http://google.com/fonts. С помощью него можно подключать дополнительные шрифты. Плюс сервиса заключается в том, что это CDN (в зависимости от вашего региона, перенаправляет вас на ближайший сервер, что заметно улучшает скорость подгрузки шрифтов).

Всего просмотров: 3,989
11/03/2013 - 13:58

Допустим у нас имеется следующая разметка:

Всего просмотров: 1,360
11/03/2013 - 13:02

Сегодня мы рассмотрим современный "чистый" метод залипания футера к низу окна.

Этот метод не подразумевает каких-либо CSS хаков. Работает для IE8+, Firefox, Chrome, Opera.

Не требует каких-либо обвёрточных дивов потому-что это происходит за счет спускания вниз гибкой высоты body.

CSS

Всего просмотров: 3,149
10/20/2013 - 14:41

По умолчанию плейсхолдеры отображаются очень светло-серым цветом, едва ли заметным. Мы можем поменять цвет и прозрачность на необходимые нам:

Всего просмотров: 2,591
10/03/2013 - 13:25

Со времен рекомендаций CSS2 в далеком 1998, использование таблиц постепенно уходило на задний план. Из-за этого, CSS стал синонимом элегантности кодирования.

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

Всего просмотров: 6,058
09/29/2013 - 15:06

Очень часто сталкиваешься с тем, что тебе необходимо затемизировать псевдоэлементы :hover или :active и для этого необходимо было идти в css файл и искать строку с этим псевдоэлементом.

Но оказалось все гораздо проще! В Firebug можно выставить галочку под свойством Style и выбрать необходимый псевдоэлемент css:

Всего просмотров: 3,385
09/27/2013 - 14:00

Задавая псевдоклассы для ссылок, делайте это всегда вот в таком порядке: Link, Visited, Hover, Active (запомните этот порядок с помощью слов "LoVe/HAte"). Любые другие комбинации не работают так, как надо. Если требуется использовать также и псевдокласс :focus, то порядок описания будет таким: Link, Visited, Hover, Focus, Active (LVHFA для запоминания чего Мэтт Холи придумал фразу "Lord Vader's Handle Formerly Anakin")

Всего просмотров: 1,180
09/26/2013 - 13:44

Всего просмотров: 1,699

Страницы

Подписка на HTML + CSS

Разделы

Подписаться

Подписка на RSS-лента последние записи из Блога

Комменты

  • Olzhas 4 месяца 3 недели назад
    Спасибо. С Новым Годом! 
  • Den 5 месяцев 3 недели назад
    В первой функции, при создании переменной $li_previous нужно поменять '←' с NULL, в $li_next сделать тоже самое. 
  • Гость 5 месяцев 3 недели назад
    Если все ровно так как было описано, то нет никаких сомнений что домен увел сам регистратор. Потому что вероятность того 
  • Валерий 6 месяцев 3 недели назад
    да можно делать импорт-экспорт только лишь в оболочке на входя на mysql сервер 
  • admin 6 месяцев 3 недели назад
    Валерий, а зачем вам именно так делать экспорт? Если я не ошибаюсь, то там нет какой-либо команды чтобы сделать экспорт 
  • Валерий 6 месяцев 3 недели назад
    захожу на mysql через ssh по команде  
  • admin 6 месяцев 3 недели назад
    Добрый вечер, какой у вас клиент? 
  • Валерий 6 месяцев 3 недели назад
    Здравстуйте, есть команда чтобы сделать экспорт базы внутри mysql клиента? 
  • Eduard 7 месяцев 1 неделя назад
    Видать, домен хороший был. Заявление пробывали писать на мошенника? 
  • Stas 8 месяцев 3 недели назад
    Ошибка в ключе квантификатора - replace(/будешь|пить/ig, "хлеб"); Указать -g для прохода по всем совпадениям!