Какой рейтинг вас больше интересует?
|
Главная / Главные темы / Тэг «cyz»
Адаптивная и отзывчивая типографика с помощью Hamster Framework. Лечение гемороя без операции и боли 2017-05-17 10:37:37
Современный интернет ...
+ развернуть текст сохранённая копия
Современный интернет развивается огромными темпами и количество пользователей с каждым днем только растет. Если буквально 10 лет назад среднестатистический пользователь был примерно "одинаковый" и по некоторым параметрам отличался минимально, то сейчас эта разница более существенная и заметная. Особенно разница заметна в отличии девайсов и размеров экрана. В ежедневном трафике присутствует очень большое количество пользователей с разным разрешением экрана от самого маленького до самого большого. Плохо оптимизированные сайты имеют меньшее время нахождения пользователя на сайте. И поэтому очень важно оптимизировать сайты для комфортного восприятия его на любом устройстве и разрешении. Как показывает практика большая часть сайтов очень плохо адаптированы под различные устройства и грешат рядом типовых проблем. Все эти проблемы будут рассмотрены в начале статьи на примере нескольких крупных сайтов. А потом мы приступим к практике и сверстаем страничку с адаптивной и отзывчивой типографикой на пример документации hamster framework.
Если вас заинтересовала эта тема, то добро пожаловать под кат.
Читать дальше →
Тэги: css, css-фреймворк, css3, html, javascript, web-разработка, браузеры, веб-дизайн, веб-сайтов, вертикальный, разработка, ритм, типографика
[Перевод] Как работает Flexbox: наглядное объяснение с анимацией 2017-05-15 11:04:44
Flexbox обещает спасти нас от зла примитивного CSS (такого как вертикальное выравнивание). Но ...
+ развернуть текст сохранённая копия
Flexbox обещает спасти нас от зла примитивного CSS (такого как вертикальное выравнивание). Но освоение новой модели мышления может быть непростой задачей.
Давайте посмотрим, как работает Flexbox, чтобы лучше понять как мы можем использовать его на практике.
Основной принцип Flexbox — сделать верстку гибкой и интуитивно понятной. Чтобы добиться этого, он позволяет контейнерам самим решать, как распределять дочерние элементы, включая их размер и отступы.
Звучит неплохо! Посмотрим, как это работает на практике. Читать дальше →
Тэги: css, flexbox, html, веб-разработка, веб-сайтов, разработка
Дайджест свежих материалов из мира фронтенда за последнюю неделю №262 (8 — 14 мая 2017) 2017-05-15 00:32:10
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него< ...
+ развернуть текст сохранённая копия
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него
Читать дальше →
Тэги: angular, css, es6, group, html, html5, javascript, react, vue, zfort, блог, браузеры, веб-сайтов, дайджест, компании, разработка, ссылки, фронтенд
Таблицы в адаптивном дизайне — 2 2017-05-09 15:31:03
В продолжение поста о дизайне таблиц, предлагаю примеры практических решений, которые помогут ...
+ развернуть текст сохранённая копия
В продолжение поста о дизайне таблиц, предлагаю примеры практических решений, которые помогут пользователю лучше взаимодействовать с данными в табличном виде на любых устройствах.
Почти пять лет назад я написал пост "Таблицы с данными в адаптивном дизайне", с тех пор много воды утекло, появились новые способы отображения таблиц в адаптивном дизайне.
Responsive Tables
Начну с моего фаворита — Responsive Tables. Это изящное решение на jQuery и Bootstrap 3, позволяющее скрывать некоторые колонки (все настраивается) или добавлять горизонтальную прокрутку на устройствах с маленькими экранами. Читать дальше →
Тэги: css, html, javascript, адаптируй, веб-сайтов, визуализация, данных, дизайн, разработка, таблицы
Дайджест свежих материалов из мира фронтенда за последнюю неделю №261 (1 — 7 мая 2017) 2017-05-07 23:26:05
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области ...
+ развернуть текст сохранённая копия
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области фронтенда.
Читать дальше →
Тэги: angular, css, es6, group, html, html5, javascript, react, vue, zfort, блог, браузеры, веб-сайтов, дайджест, компании, разработка, ссылки, фронтенд
Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 ...
Главная / Главные темы / Тэг «cyz»
|
|