—»     —»   50 новых CSS-приёмов для вашего будущего Интернет-проекта
  Раздел: CSS/Style Sheets   Комментариев: 2  

50 новых CSS-приёмов для вашего будущего Интернет-проекта



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

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

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

1. Безопасность и функциональность
2. Разметка страницы
3. Адаптация меню и системы навигации сайта к запросам клиента
4. Типографская разметка текста
5. Другие дельные советы, приёмы и подсказки

1. Безопасность и функциональность

Хотя CSS зачастую принимают всего лишь за язык стилей, есть способы использовать его для повышения безопасности вашего сайта. Кроме того, путём его оптимизации можно ускорить загрузку вашей страницы. Обе эти возможности описаны ниже.

- Ускорьте загрузку ваших страниц через сочетание и сжатие джава-скрипта и файлов CSS

Следуя данной инструкции, вы научитесь писать PHP-программы для сжатия и комбинирования большого объёма CSS и/или джава-файлов с помощью утилиты gzip при обращении к ним браузера. Это значительно ускоряет загрузку страниц, оставляя вам возможность редактировать отдельные CSS или джава-файлы без необходимости каждый раз комбинировать и заново сжимать их.

Неофициальное тестирование показало, что группу джава-файлов удалось сжать со 168 кб (а время их передачи с 1905 миллисекунд) до 37 кб (и 400 миллисекунд). Сведений о подобном воздействии на CSS-файлы у нас нет, но можно предположить, что оно даёт такой же эффект.
50 новых CSS-приёмов для вашего будущего Интернет-проекта

- Итоговая публикация на тему сжатия ваших CSS-файлов через Gzip

Здесь описаны лучшие новейшие методы применения GZIP для сжатия ваших CSS-файлов. Сейчас речь идёт о двух различных методах, в равной степени действенных. Первый состоит в добавлении PHP-кода к вашему CSS-файлу (и присвоении файлу расширения PHP вместо CSS); тогда как второй - в использовании этого же, но слегка модифицированного PHP-кода в виде отдельного файла.
50 новых CSS-приёмов для вашего будущего Интернет-проекта

- Clickjane.css. Пользовательский инструмент CSS для выявления и пресечения попыток взлома

Здесь описано применение clickjane.css для предупреждения клик-джекинга, разновидности интернет-мошенничества, подобной краже данных через ввод паролей и кодов доступа на определённых сайтах, основанной на слабости защиты от взлома, и официально именуемой "подмена интерфейса пользователя". Продолжает работать при смене браузера, но, надо признать, защищает лишь малую часть потенциально уязвимого для клик-джекеров ПО. Тем не менее, служит хорошей отправной точкой.
50 новых CSS-приёмов для вашего будущего Интернет-проекта

- 5 шагов программы облегчения таблицы стилей

Здесь описаны 5 различных способов уменьшения размера ваших таблиц стилей. Спектр приёмов широк - от навыка группирования селекторов до применения CSS-сокращений. Каждый из приёмов изложен во всех подробностях, включая его дополнительные возможности.
50 новых CSS-приёмов для вашего будущего Интернет-проекта
Страница 1 из 5 | Следующая страница

Новость отредактировал Design FactoRy - 11 июля 2017, 20:06
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Ключевые тэги: CSS
Опубликовал Mysterious Master   Прочитано (раз): 9841   |   Оставлено комментариев: 2
Автор перевода — CoolWebmasters.Com ©   |   Источник материала / оригинал статьи   Распечатать
Другие статьи и новости по теме:
Комментарий #1: 8 ноября 2010 @ 21:25
Написал: Drofa — группа: Читатели  
На сайте с: 1.10.2010   |   Публикаций: 0   |   Комментариев: 11
ICQ: 643208630
Воспользуюсь. Отличная информация.
Комментарий #2: 8 ноября 2010 @ 22:49
Написал: Design FactoRy — группа: Администраторы  
На сайте с: 21.07.2009   |   Публикаций: 3304   |   Комментариев: 500
ICQ: --- не указано ---
Drofa, конечно пользуйтесь smile
Добавление комментария
Уважаемые пользователи!
При добавлении комментариев на сайт Вам следует учитывать следующее - все комментарии проверяются Администрацией на предмет отсутствия спама. При обнаружении признаков спама, в оставленном Вами комментарии, сам комментарий будет незамедлительно удалён, а Ваш IP-адрес будет забанен без предупреждения! Учётные записи пользователей, рассылающих спам, блокируются/удаляются без права последующего восстановления.

С уважением, Администрация сайта.
* = поля обязательны к заполнению
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Вопрос : Назовите месяц February по-русски
Подтверждение кода безопасности :

Включите эту картинку для отображения кода безопасности
обновить, если не виден код


Популярные публикации

















Свежие шаблоны сайтов каждый день
С миру по нитке
«    Август 2019    »
ПнВтСрЧтПтСбВс
 1234
567891011
12131415161718
19202122232425
262728293031