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

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

Комментариев: 6

Читать всё!

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

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

Комментариев: 1

Читать всё!

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

Свой выбор я остановил на Lightbox, который оказался очень простым и не менее красивым. Результат получился очень даже неплохой. Но так как я всегда просчитываю все возможные клиентские поступки, то заметил небольшую проблему. Если человек, который будет в последствии, наполнять сайт, загрузит большое по разрешению изображение, то Lightbox выведет его в полый размер. Даже если это изображение будет больше ширины пользовательского экрана, а это уже нехорошо.

Немного покопавшись в интернете я нашел на одном забугорном форуме решение этой проблеме.

Комментариев: 0

Читать всё!

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

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

Комментариев: 0

Читать всё!

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

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

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

Комментариев: 2

Читать всё!

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

Одной такой проблемой была невозможность для меня сверстать макет с идеально ровным выравниваем блоков по краям. Какой-нибудь блок всегда, да вылезал за края всех остальных. Сглаживало эту проблему то, что «это вылезание» было максимум на 1-2 пикселя и чаще всего заказчик просто не замечал этого. Но лично меня это сильно напрягало.

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

Комментариев: 1

Читать всё!

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

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

Комментариев: 3

Читать всё!

Вроде тема уже давно обмусолена на многих форумах и блогах, но такая ее распространенность только мешает в этом вопросе.

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

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

Комментариев: 1

Читать всё!
2 DIV`а одинаковой высоты

У всех верстальщиков и людей, которые создают сайты есть свои приемы, которыми они пользуются, к примеру, для реализации закругленных углов, отображения теней блоков и текста и т.д. К таким вот трюкам относится и выравнивание 2 блоков DIV по высоте.

Есть много решений, которые обладают как достоинствами, так и недостатками, но почему-то у них больше всего недостатков: то очень замудренные, то используют дополнительные графические элементы, то еще что-то.

Комментариев: 2

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

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

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

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

Комментариев: 1

Читать всё!
Комментарии
Интересное