Все статьи по теме css

html+css Эффект смены картинки, при наведения мышкой на ссылку c помощью CSS (Часть 2)

Эффект смены картинки, при наведения мышкой на ссылку c помощью CSS (Часть 2)

Эта публикация является как бы логическим продолжением вот этого вот поста – Эффект смены картинки, при наведения мышкой на ссылку c помощью CSS, в котором я рассказывал как можно сделать правильный эффект.

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

Я решил доработать свой метод и вот он перед Вами.

Читать всё!
Теги: css, gimp, сайт
Просмотров: 5064
Комментариев: 1

html+css Сторонние шрифты для сайта

Многие web-разработчики стремятся использовать при разработке новых сайтов только “безопасные” шрифты, которые есть практически на каждом компьютере с любой операционной системой. Оно, наверное, и правильно, так как лишняя нагрузка на интернет-канал – это не есть хорошо и нужно делать по возможности быстрые сайты, но возникают моменты, когда все таки приходится использовать сторонний шрифт.

Читать всё!
Теги: css, внешний вид, ИМХО, сайт
Просмотров: 6367
Комментариев: 2

html+css Резиновая средняя колонка в трехколоночном макете

Очень часто нужно сделать трех колоночный макет сайту, где две крайних из них должны быть фиксированные, а средняя (вторая) стягиваться и растягиваться (должна быть резиновой). Когда-то давно я нашел подходящее для себя решение с отрицательным маргином и применил на одном сайте.

Всякий раз, когда нужно это повторить на другом, новом сайте, мне приходится лезть в код того, старого сайта и выковыривать эту информацию.

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

Читать всё!
Теги: css, сайт
Просмотров: 6931
Комментариев: 2

html+css Разрешения экрана, на которые нужно делать упор при верстке сайта

Сейчас те web-разработчики, которые не делают адаптивные сайты на HTML5, вымрут как мамонты, так как рынок всегда диктует свои условия, а конкуренция не дает малейшего повода в этом усомниться.

Сегодня нашел 2 офигенских web-сервиса, которые помогают автоматизировать некоторые вещи при разработке пользовательского интерфейса.

Поэтому сегодня небольшая статья-заметка обо всем об этом.

Читать всё!
Теги: css, автоматизация, полезное, сайт
Просмотров: 28399
Комментариев: 6

html+css Прозрачность в веб или как сделать прозрачный блок в CSS, валидным?

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

В наше век браузерных войн и “затянутых” стандартов бывает парой очень непросто верстать сайт полностью валидно, но как оказывается, это делать можно. И прозрачность, эта возможность, стороной не обходит.

Читать всё!
Теги: css, JavaScript, сайт
Просмотров: 8217
Комментариев: 3

html+css Настройка кэширования определенным элементам сайта

Нет пределу совершенства, поэтому оптимизация сайта в плане его скорости работы – это перманентный процесс, которым можно заниматься вечно, было бы желание и время из загрузки всего сайта.

В предыдущий раз я описал способ сжатия JS и CSS файлов, загрузка которых занимает наиболее продолжительное время. Сегодня хотелось бы поговорить о кэшировании изображений, JS-файлов, html-кода и других важных элементов сайта.

Читать всё!
Теги: css, автоматизация, сайт, хостинг
Просмотров: 6538
Комментариев: 3

html+css Кроссбраузерная тень для div

Кроссбраузерная тень для div

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

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

Читать всё!
Теги: css, ИМХО, сайт
Просмотров: 14619
Комментариев: 9

html+css Код от партнера Gnezgo и валидная верстка

Код от партнера Gnezgo и валидная верстка

Недавно стал партнером обменника Gnezdo.Ru по одному из своих сайтов женской тематики. Gnezdo.Ru – это обменная тизирная сеть, которая сотрудничает с такими мастодонтами как woman.ru, passion.ru и другими, если Вам эти сайты о чем-то говорят. :)

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

Читать всё!
Теги: css, проблема, сайт
Просмотров: 4041
Комментариев: 0

html+css Как сделать табы на чистом CSS

Я уже достаточно давно занимаюсь разработкой сайтов и очень много раз встречал так называемые “табы” на чистом JavaScript или jQuery и ни разу не видел на голом CSS. Как оказывается и такое бывает.

Возможно, они не такие красивые, так как нет дополнительных эффектов переключения, как это сделано в том же jQuery.tools, но они, черт подери, ничего не весят для вашего посетителя. Для всех информационных сайтов или для мобильных интерфейсов – это самое оно.

Читать всё!
Теги: css, сайт
Просмотров: 6978
Комментариев: 1

html+css Как прижать футер к низу страницы с помощью CSS?

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

Прижать футер к низу страницы можно как с помощью JS, так и с помощью CSS. Кстати, второй вариант более предпочтительнее, так как работает намного быстрее, чем если это делать через JavaScript.

Читать всё!
Теги: css, сайт
Просмотров: 7351
Комментариев: 0