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

html+css act_if_mobile для TXP 4.5+

Есть отличный плагин для Textpattern`а – act_if_mobile. Этот плагин позволяет управлять выводом некоторых элементов интерфейса сайта, относительно того зашел пользователь с мобильного устройства или с “большого брата”.

Этот плагин был разработан давно еще когда вовсю использовался TXP версии 4.0.7. Собственно под нее он и делался. Все движется и не стоит на месте. TXP уже подрос до версии 4.5.5, а разработкой плагином никто не занимается.

Я решил исправить это недоразумение и внести свою лепту.

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

Админ Горячие клавиши Sublime Text 2

Sublime Text 2 – это, наверное, один из лучших текстовых редакторов для разработчика сайтов. Лично для себя, я нашел в нем абсолютно все, чего мне так не хватало в Bluefish и Geany. Благодаря этому редактору я наконец-то понял что такое удобный инструмент для айтишника.

Сейчас я использую его не только для разработки сайтов, но также и для системного администрирования (написание скриптов, чтение доков и т.д.).

Sudlime Text 2 – это очень крутая штука, которую необходимо иметь каждому, уважающему себя айтишнику и уметь ею пользоваться.

Читать всё!
Теги: css, hotkey, Sublime Text 2, автоматизация, сайт, софт
Просмотров: 5246
Комментариев: 0

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

html+css Изменяем CSS-параметры посредством JS

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

Для меня самого это кажется диким, но иногда это требуется и без этого просто нельзя.

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

html+css Как не учитывать размер border, когда ширина div задана в процентах?

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

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

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

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

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

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

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

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