Category archives: Верстка

CSS настройка HTML тега pre

По-умолчанию текст в тегах pre отображается с форматированием «как есть». Т.е. если строка длинная, то она будет заезжать за все возможные границы и портить всю вёрстку. По оси X страница будет скролиться именно из-за какой-нибудь одной длинной строки. Как этого избежать, но при этом оставить великолепный функционал тега pre? Раньше я для всех тегов pre просто прописывал CSS свойство «overflow» со значением «auto»:

pre {overflow: auto;}

Read more …

Tags: , , , , , , , ,

Какие символы кодирования нужно использовать а какие нет

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

Read more …

Tags: , , , ,

Нужно ли изменять размеры изображений на сайтах?

Долго экспериментировал по этому поводу, пробовал разные решений и решил остановиться на наиболее правильном как мне кажется. В своей практике были случаи когда на некоторых сайтах я делал сразу несколько копий изображений загруженных пользователями, ну что бы было удобнее их грузить и трафик не забивался. В итоге пришёл к выводу, что ресайзить изображения это дело абсолютно лишнее ибо толку от этого мало. Подобные способы были актуальны во времена медленного интернета и слабых компьютеров, сегодня же потребность в этом отпала. Read more …

Tags: , , , , , ,

Старые теги в семантическом HTML5

В HTML5 есть такая парадигма как семантический веб и семантические теги структуризации контента. В связи с этим старым тегам разметки <b>, <i>, <s>, <small>, <big> в некоторой степени были даны новые смысловые значения связанные именно со структуризацией данных. Read more …

Tags: , , , ,

Как сделать блок div ссылкой?

Приветствую тебя, уважаемый читатель блога Softodom. В это не большом посте речь пойдет о вёрстке html, а точнее о том как сделать блочный элемент div ссылкой. Для новичков в верстке эта информация может оказаться полезной, поэтому решил опубликовать её на своё блоге. Read more …

Tags: , , , , , ,

CSS3 Today

В этом посте речь пойдет о самых фундаментальных и в то же время весьма интересных свойствах спецификации каскадных таблиц стилей CSS3. Нововведения достаточно функциональны и просты, с их помощью можно сократить работу по написанию JavaScript кода. Read more …

Tags: , , , , ,

7.69MB | MySQL:55 | 0,089sec