Какой рейтинг вас больше интересует?
|
Главная / Главные темы / Тэг «верстки»
[Из песочницы] Адаптивное меню без Javascript 2016-12-13 18:05:04
 + развернуть текст сохранённая копия
В этой публикации я хочу показать один из способов реализации адаптивного горизонтального меню с использованием Flexbox. Данный способ реализации меню используется на сайте Warface Hub, но немного с другой структурой и б ольшим количеством свистелок.
Читать дальше →
Тэги: css, css3;, flexbox;, html, html-верстка;, веб-сайтов, разработка
Front-end и блокировщики рекламы (на примере Adblock Plus) 2016-12-02 07:26:00
... нужно учитывать при верстке сайта…
Читать ...
+ развернуть текст сохранённая копия
Хочу поделиться небольшим опытом работы с блокировщиками рекламы со стороны front-end разработчика. Все понимают, что наша задача сделать так, чтобы сайт нормально работал и выглядел при любых настройках пользователя, на любых устройствах. Я иногда посматриваю постоянно проверяю как выглядит сайт при отключенном javascript, проверяю работу на touch-устройствах, устройствах с маленьким разрешением итд. итп. После того, как у нас на сайте из-за Adblock Plus (далее по тексту просто Adblock) перестал работать видео-плеер — стало понятно, что наличие блокировщика рекламы также нужно учитывать при верстке сайта…
Читать дальше →
Тэги: front-end, html, javascript, браузеров, браузеры, веб-сайтов, верстка, разработка, расширения, сайтов
[Перевод] Математика CSS-шлюзов 2016-11-16 12:58:19
 + развернуть текст сохранённая копия
CSS-шлюзом (CSS-lock) называется методика из адаптивного веб-дизайна, позволяющая не перепрыгивать от одного значения к другому, а переходить плавно, в зависимости от текущего размера области просмотра (viewport). Идею и одну из реализаций предложил Тим Браун в статье Flexible typography with CSS locks. Когда я пытался разобраться с его реализацией и создать свои варианты, мне с трудом удавалось понять, что именно происходит. Я выполнил много вычислений и подумал, что полезно будет объяснить другим всю эту математику.
В статье я опишу саму методику, её ограничения и лежащую в её основе математику. Не волнуйтесь: там в основном одни сложения и вычитания. К тому же я постарался всё разбить на этапы и украсил их графиками.
Читать дальше →
Тэги: css, group, mail.ru, блог, веб-сайтов, верстка, клиентская, компании, оптимизация, разработка, теги, читает
Стилизация изображений CSS. 2016-11-08 22:23:09
В документе HTML мы только определяем, что на сайте в каком-то месте будет изображение, а размер ...
+ развернуть текст сохранённая копия
В документе HTML мы только определяем, что на сайте в каком-то месте будет изображение, а размер изображения, его координаты на сайте, рамку и обтекание текста будут прописываться в файле style.css.
Запись Стилизация изображений CSS. впервые появилась Веб-мастерская Ларисы Ворониной.
Тэги: css, html, верстка, уроки
Формы HTML. 2016-11-07 15:44:04
Форма позволяют посетителям сайта обмениваться данными с сервером (форма авторизации, регистрации ...
+ развернуть текст сохранённая копия
Форма позволяют посетителям сайта обмениваться данными с сервером (форма авторизации, регистрации, анкеты и т.д.). HTML-формы могут позволить только вводить данные, а обработку этих данных можно сделать только с помощью языков программирования.
Запись Формы HTML. впервые появилась Веб-мастерская Ларисы Ворониной.
Тэги: css, html, верстка, уроки
Главная / Главные темы / Тэг «верстки»
|
|
