Создание сайтов / Статьи

 
  
 

Статьи в тему:

Условные комментарии в HTML

Благодаря многочисленным особенностям браузера Internet Explorer, основной из которых является недостаточная поддержка стандартов, адаптация сайтов под него, часто требует дополнительных усилий. Существует множество различных способов компенсировать недостатки IE и условные комментарии всего один из них...


Закругление углов CSS

Закругленные углы, одна из популярнейших тенденций в современном веб-дизайне. Есть множество вариантов их реализации часто, заключающихся в размещении изображений по углам контейнера, в худших случаях используются теги img, в лучших свойство background, для некоторых браузеров есть специфические решения...


Ссылки от Google:

Статьи на тему дизайна и кодинга сайтов

Внедрение Flash с помощью SWFObject 2

Вопрос о внедрении Flash с помощью разметки соответствующей стандартам возникает достаточно часто, между тем у этой проблемы есть достаточно известное решение — SWFObject. SWFObject 2 не только позволяет внедрять Flash динамически, с помощью JavaScript, но и статически, когда для внедрения используется стандартная разметка, а JavaScript только исправляет неразрешимые с помощью разметки проблемы, при этом даже если JavaScript отключен пользователи все равно увидят Flash.


Частые вопросы о CSS

Подборка примеров и ссылок по CSS. Список вопросов составлен на основе поисковых запросов:


Clear для плавающих блоков

Самое сложное в этой заметке — придумать для нее название, не представляю как можно перевести clearing floats, не чистка же. А посвящена она до безобразия простому методу этого клиринга, хоть он и достаточно стар, возможно, кто-то еще не знает, к примеру, я не знал.

Проблема

При верстке часто встает задача, натянуть родительский блок на плавающий:


CSS Float в теории и на практике

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

Если вы посмотрите на саму теорию float то обнаружите, что она гораздо проще, чем то с чем приходится иметь дело на практике. Большинство проблем связано со старыми версиями Internet Explorer, но, зная ошибки можно более точно контролировать представление информации.

Давайте постараемся прийти к пониманию основных ошибок, возникающих при использовании float. Мы просмотрели десятки статей на эту тему и выбрали наиболее важные вопросы, на которые стоит обратить внимание веб-разработчиков.


Условные комментарии в HTML

Благодаря многочисленным особенностям браузера Internet Explorer, основной из которых является недостаточная поддержка стандартов, адаптация сайтов под него, часто требует дополнительных усилий. Существует множество различных способов компенсировать недостатки IE и условные комментарии всего один из них, основные их преимущества перед хаками (использовании ошибок в браузере) заключаются в сохранение валидности кода и предсказуемость поведения в будущих версиях браузера.


Закругление углов без изображений

Закругленные углы, одна из популярнейших тенденций в современном веб-дизайне. Есть множество вариантов их реализации часто, заключающихся в размещении изображений по углам контейнера, в худших случаях используются теги img, в лучших свойство background, для некоторых браузеров есть специфические решения, например -moz-border-radius для FireFox, но их полезность сомнительна. Простой и удобный способ скругления уголков без использования изображений или малораспространенных свойств был бы очень полезен.


Сглаженное закругление углов с помощью CSS

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

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

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


Таблица специальных символов HTML

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

  • Таблица 1 содержит символы латиницы (Latin-1 или ISO-8859-1,);
  • Таблица 2 содержит специальные символы;
  • Таблица 3 содержит математические символы и греческие буквы.