Предыстория у вопроса такова, что мне подкинули работу – заменить форму обратной связи на одном сайте, сделанном на CMS Bitrix. Вся проблема заключалась в том, что разработчики Bitrix посчитали себя супергероями, положив великий и могучий на чужие разработки, видимо решив, что их то защита (капча) явно получше любой чужой будет. Как можно догадаться по нотам сарказма – не вышло.

Работая над очередным вопросом дизайна сайта, наткнулся на один интересный эффект, и хоть это было совсем не то, что я искал, но мне показалось правильным «сохранить про запас» данный трюк, ибо мало ли где он мне ещё в будущем пригодится.

В вопросах сайтостроительства и в большинстве своём – вёрстки сайтов, всё чаще и чаще камнем преткновения у меня оказывается вопрос так или иначе связанный с мобильной версией сайта. Причина банальна – сегодняшним днём развитие новых технологий больше внимания уделяет смартфонам нежели ноутбукам и ПК. Нет, конечно же и последние тоже имеют свои новинки, но там уже нечем удивлять. Мощнее процессор, больше объём дисков, ОЗУ… ну вы поняли. У ноутбуков появилась серия ультрабуков – в принципе то же самое, только более лёгкое и вместе с тем более хрупкое.

Одно из самых востребованных свойств в CSS в последнее время, является – добавление теней, причём, как к тексту, так и к изображению. В случае с текстом, тень придаёт ему «объёмности», в случае с изображением, особенно выделяет на общем фоне.

Что такое CSS и с чем его едят я узнал годах эдак в 2006-2007, как это не покажется забавным – играя в онлайн-игру, игра и по сей день существует, но вот возможность подключать свой шаблон (шкурку – скин) они уже убрали, тем не менее, когда-то такая возможность всё-таки была.

Для одного из сайтов, с которыми я работаю, мне понадобилось меню «аккордион», если Вы далеки от веб-терминологии, поясню: это когда нажимаешь на кнопку меню и появляется область (ранее скрытая) в которой идут дополнительные кнопки, которые как «матрёшка» так же раскроются, либо будут ссылками на какой-то материал.

В некоторых случаях, при дизайне сайта (особенно, когда используется свойство z-index), становится весьма актуален вопрос прозрачности фона. Первое время подобные «хитрости» использовались при подключении изображений с прозрачностью (png), однако прозрачность png-файлов в то время не поддерживалась браузером Internet Explorer. И соответственно выглядело это мягко скажем – «ущербно». Сегодня свойство прозрачности можно настроить в CSS, что значительно упрощает работу веб-дизайнера, поскольку наличие изображений может вообще не потребоваться.

При вёрстке сайтов, «повторение фонового изображения» - очень важный параметр, причём имеется ввиду, как само повторение, так и его отсутствие. В смысле, что если Вам не надо, чтобы изображение повторялось – то это надо указывать, поскольку по умолчанию повторение бэкграунда имеет место быть.

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

Бывает, разработал сайт, всё в нём хорошо и дизайн всех устроил и в мобильной версии корректно отображается, и даже с браузерами беды нет, как вдруг, приходится вставить видео в контент. И вот тут то и начинаются беды у верстальщиков, поскольку видео-код предоставляется в «фиксированном» размере и здесь уже не угадаешь либо слишком маленькое на большом размере либо поплывший дизайн у мобильной версии.