Почему мы не можем делать по-настоящему адаптивные изображения при помощи CSS или JavaScript0

27 января 2015 CSS, Статьи 0

Перевод статьи Why we can’t do real responsive images with CSS or JavaScript с сайта brucelawson.co.uk, c разрешения автора — Брюса Лоусона.

Среда, 21 января 2015

Я пишу доклад на тему <picture>, srcset и их «товарищей» для конференции Awwwards в Барселоне через месяц (да, я знаю, что это неслыханный запас по времени; но я планирую поехать отдохнуть в течении двух недель). Я решил, что, прежде чем перейти к основной теме, я должен ответить на вопрос «Зачем вся эта новая сложная разметка? Почему бы просто не использовать CSS или JavaScript?», поскольку его неизменно задают.

Читать полностью

Спецификации HTML5 W3C и WHATWG — документированные различия0

7 января 2015 HTML5, Статьи 1 841

Перевод статьи W3C vs. WHATWG HTML5 Specs — The Differences Documented с сайта developer.telerik.com, c разрешения автора — Аурелио Де Роса.

Несколько недель назад HTML5 получил статус W3C-рекомендации. Я воспользовался этим событием, чтобы обсудить на SitePoint пять интересных, но уже устаревших вещей. Проблема в том, что W3C-спецификации — это лишь одна сторона медали. Начиная с этой версии HTML, разработчики и производители браузеров могут выбирать между двумя разновидностями одного и того же языка разметки: спецификациями, разработанными консорциумом W3C, и тех, что разработаны WHATWG.

Читать полностью

Долговременная веб-семантика6

29 декабря 2014 HTML5, Статьи 3 718

Перевод статьи Long Term Web Semantics с сайта infrequently.org, c разрешения автора — Алекса Рассела.

Что-то раздражает меня во фразе «семантичный HTML».

Подразумеваемый смысл вполне ясен: использование HTML так, чтобы он был читаемым, описание вещей простым языком. Но «семантика» означает совсем не это. Мы могли бы сказать и «хорошо написанный» или «проверенный редактором». Это подошло бы лучше. Разметка, которую мы сегодня называем «несемантичной», на самом деле не такова: для конечных пользователей-то смысл есть, просто он передается слишком многословной разметкой. Рассусолено, но не «несемантично» (т.е. не «бессмысленно»).

Замысловатое и ускользающее от понимания — вроде того, что выходит из-под моего пера — плохо. Простое и ясное — хорошо. Сложно определить, что такое «просто» и «ясно», поскольку здесь замешаны вопросы значения и то, чего авторы (веб-разработчики) могут ожидать от читателей (браузеров). Для этого есть специальные фразы, напр. «Чтение на уровне 8 класса». Расчет на продвинутого читателя позволяет писать кратко и передавать тонкие оттенки. Знатокам не нужно разъяснять термины. Есть реальная польза в повышении общей грамотности в сообществе.

Употребление слова «семантичный», при котором речь идет о простоте, и подразумеваемое при этом значение этого слова говорят о глубокой путанице насчет того, как работает язык, роли разработчиков в донесении этого значения и реального потенциала смыслового развития для веба. Почему это важно? И чем плох «семантичный HTML»?

Читать полностью

Карманное руководство по написанию SVG. Глава 66

5 декабря 2014 SVG, Статьи 1 428 Перевод

Перевод книги Pocket Guide to Writing SVG, c разрешения автора — Джони Трайтел.

Pocket Guide to Writing SVG

Читать полностью

Фреймворк AngularJS не для сайтов11

4 декабря 2014 CSS, JavaScript, Статьи 5 461 Перевод

Перевод статьи AngularJS is not for websites с сайта wolfslittlestore.be, c разрешения автора — Йохана Ронсе.

Я хотел написать небольшую предысторию про мой комментарий в Твиттере об AngularJS и сайтах, и тем самым предоставить более детальный обзор.

Люди, поймите, AngularJS не предназначен для сайтов. Два новых крупных сайта в Бельгии, финансируемые деньгами налогоплательщиков, не доступны для слепых. Это больно видеть.

— Йохан Ронсе (@wolfr_) 14 Октября 2014

Я не знаю, о чем я думал, когда писал, что это больно «видеть». Шутки в сторону, этот комментарий о недавних редизайнах antwerpen.be и stubru.be.

Читать полностью

Карманное руководство по написанию SVG. Глава 56

29 ноября 2014 SVG, Статьи 1 907 Перевод

Перевод книги Pocket Guide to Writing SVG, c разрешения автора — Джони Трайтел.

Pocket Guide to Writing SVG

Читать полностью

Адаптирующиеся картинки-заставки на CSS4

25 ноября 2014 CSS, Статьи 3 500 Перевод

Перевод статьи Flexible CSS cover images с сайта nicolasgallagher.com, c разрешения автора — Николаса Галахера.

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

Поддержка браузерами: Chrome, Firefox, Safari, Opera, IE 9+

Читать полностью

Карманное руководство по написанию SVG. Глава 42

21 ноября 2014 SVG, Статьи 3 169 Перевод

Перевод книги Pocket Guide to Writing SVG, c разрешения автора — Джони Трайтел.

Pocket Guide to Writing SVG

Читать полностью

Развлечения с CSS-счётчиками0

16 ноября 2014 CSS, Статьи 2 441 Перевод

Перевод статьи Уилла Бойда «Fun Times with CSS Counters» с сайта codersblock.com.

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

Читать полностью

Карманное руководство по написанию SVG. Глава 32

15 ноября 2014 SVG, Статьи 2 458 Перевод

Перевод книги Pocket Guide to Writing SVG, c разрешения автора — Джони Трайтел.

Pocket Guide to Writing SVG

Читать полностью

Заметки о черновике CSS-свойства «alt»0

11 ноября 2014 CSS, Статьи 861 Перевод

Перевод статьи Брюса Лоусона «Notes on draft CSS “alt” property» с сайта brucelawson.co.uk.

Недавно в Рабочей группе CSS была дискуссия про свойство alt, которое должно было быть добавлено в CSS. Цель этого свойства – помочь вспомогательной технологии понять значение символов юникода, встроенных в визуальное представление документа с помощью сгенерированного контента CSS. Проблема описана Джеймсом Крейгом – славным малым по доступности контента из Apple.

Вот уже год как это свойство поддерживается в виде -webkit-alt и только что было добавлено в черновик спецификации CSS-модуля псевдоэлементов 4-го уровня. Представим, что вы используете символ звездочки, чтобы показать что что-то является «Новым» при помощи генерации CSS-контента, используя в качестве селектора класс .new.

Читать полностью

Карманное руководство по написанию SVG. Глава 26

8 ноября 2014 SVG, Статьи 3 249 Перевод

Перевод книги Pocket Guide to Writing SVG, c разрешения автора — Джони Трайтел.

Pocket Guide to Writing SVG

Читать полностью

Расширение jQuery UI для вертикальных табов0

4 ноября 2014 JavaScript, Статьи 423 Перевод

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

Читать полностью

Карманное руководство по написанию SVG. Глава 10

2 ноября 2014 SVG, Статьи 2 620 Перевод

Перевод книги Pocket Guide to Writing SVG, c разрешения автора — Джони Трайтел.

Pocket Guide to Writing SVG

Читать полностью

Карманное руководство по написанию SVG. Введение7

2 ноября 2014 SVG, Статьи 5 391 Перевод

Перевод книги Pocket Guide to Writing SVG, c разрешения автора — Джони Трайтел.

Pocket Guide to Writing SVG

Читать полностью

Мы в социальных сетях

Поддержите наш проект

R356817191883

41001285897040

В примечании к платежу укажите: "Помощь проекту".

Подпишись на css-live.ru

и получай обновления по email

Лучшие материалы

Комментарии Просмотры

Мы на Facebook

Мы ВКонтакте