6 заметок с меткой CSS

Адаптивная вёрстка для NENCOM

bg.nencom.com

Версии сайта для телефона, планшета и обычного компьютераВерсии сайта для телефона, планшета и обычного компьютера

Разделение версий

В процессе вёрстки возник вопрос: как оптимальнее всего обозначить границы для переключения версий? К чему привязаться: к размеру экрана или к назначению устройства? В итоге привязались к назначению, исходя из этого подобрали подходящие граничные значения в пикселях.

Мы решили, что планшет — даже если он большой — это всё тот же планшет, которым управляют жестами и читают, как книгу или журнал. Поэтому на вертикальном планшете отображается самая простая «мобильная версия» (такая же, как на телефонах), а в горизонтальной ориентации — промежуточная «планшетная версия».

▼ Читать дальше

Как скрыть рекламный блок div на сайте

Простая задача: скрыть рекламные баннеры на часто посещаемых сайтах. У баннера известен id или класс. Есть плагины, которые блокируют рекламу, но не совсем так, как хотелось бы. Мне нужен лёгкий плагин для фильтрации сайта по определённому правилу. Не важно, откуда грузится баннер, флэш это или видео, и куда он ведёт (именно на основе этих данных работают все блокировщики рекламы). Мне нужно просто спрятать заданный div.

Решение пришло с неожиданной стороны: плагин для Фаерфокса под названием Stylish (и для Хрома есть такой же) позволяет написать (переопределить) стили для заданного сайта. Например, мы знаем, что нежелательные баннеры подгружаются через iframe. Находясь на заданном сайте, кликаем по иконке Stylish в панели инструментов, затем Создать новый стиль — Для текущего URL. Пишем код CSS внутри фигурных скобок, и готово: баннеры скрыты.

Выпадающие менюВыпадающие меню
Свои стили для сайта site.comСвои стили для сайта site.com

▼ Читать дальше

Транспортная компания GPFT

gpft.ru

Небольшой сайт для транспортной комании GP FreightTruck:

Главная страница сайтаГлавная страница сайта

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

▼ Читать дальше

Таблица Менделеева

Не так давно изменилась привычная форма таблицы Менделеева. Новая принятая форма выглядит так:

Интерактивная таблица МенделееваИнтерактивная таблица Менделеева

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

Посмотреть сервис в работе: Таблица Менделеева на xumuk.ru.

▼ Читать дальше

Рукодельницы

рукодельницы.рф

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

Главная страницаГлавная страница

Сайт работает на движке PHPshop — устаревшем, но зато недорогом. Для небольшого интернет-магазина вполне подходит, а недостающие функции можно дописать самому.

▼ Читать дальше

Сайт и форум «Строгинет»

strogi.net

Главная достопримечательность нового дизайна — это пиксельный рисунок района Строгино:

Главная страница портала «Строгинет»Главная страница портала «Строгинет»

▼ Читать дальше

Заметки:← старее
Иван ТитовИван Титов
Фрилансер, музыкант, физтех по жизни, семьянин, философ.
© 2004...2017