Какой рейтинг вас больше интересует?
|
Главная / Главные темы / Тэг «css»
[Из песочницы] Отзывчивый размер шрифта 2016-09-16 14:11:00
Уверен, что никому не нужно объяснять почему сайты должны быть гибкими и адаптивными. Все ...
+ развернуть текст сохранённая копия
Уверен, что никому не нужно объяснять почему сайты должны быть гибкими и адаптивными. Все используют проценты и медиа-запросы в своей верстке. Сейчас это уже стандарт.
Но типографика до недавнего времени не была столь гибкой. Все что мы могли — изменять размеры шрифта от брейкпоинта к брейкпоинту. В таком случае мы получали скорее адаптивную типографику нежели отзывчивую. Для каждого медиа-запроса нужно задавать свои значения. Можно конечно использовать компонентный подход с относительными размерами шрифта, что может существенно ускорить процесс редактирования, но принципиально это ничего не меняет. При перемещении компонента в другое место нужно будет опять пробегать по всем медиа запросам и подставлять новые значения.
Но потом появились они — vw, vh, vmin, vmax — единицы измерения, которые базируются на viewport. У нас появился шанс на отзывчивую типографику.
Читать дальше →
Тэги: calc, css, design, responsive, sass, scss, web, веб-сайтов, разработка
[Из песочницы] Шрифты в вебе, обзор от 2016 года 2016-09-15 09:27:30
< ...
+ развернуть текст сохранённая копия
Предисловие
Статья — не про всё возможное, связанное с типографикой и текстами, вроде letter-spacing и max-height. Это скорее некоторый список занятных возможностей, которые могут быть углублённо изучены при наличии достаточного любопытства и времени. Надеюсь, для большей части найдётся то, что они не знали или слышали краем уха.
Читать дальше →
Тэги: css, font-face, fontfaceobserver, fonts, веб-сайтов, разработка
Как быстро создать индивидуальную Главную страницу с помощью сетки Bootstrap и библиотеки jQuery 2016-09-13 10:59:16
+ развернуть текст сохранённая копия
Как мы знаем, первое мнение человека оказывается самым верным. И это работает во всем: мнение о машине, одежде архитектуре и т.д. С веб-ресурсами – то же самое. При открытии любого сайта, в первую очередь мы обращаем внимание на главную страницу этого сайта и буквально за пару секунд мы понимаем, будем ли мы дальше оставаться на этом сайте или нет.
Мне хотелось бы поделиться с вами задачей, которую поставили мне и моей команде. Реализовать ее пришлось со всей ответственностью (что, впрочем, обычное дело в разработке).
Так как наш сайт рассчитан на пользователей самого разного калибра, нужно было спроектировать и разработать все так, чтобы угодить каждому. То есть, с одной стороны, дизайн должен был быть выдержан в духе минимализма, а, с другой стороны, выглядеть качественно и дорого для привлечения солидных пользователей.
Что было дальше? Смотрите под катом!
Читать дальше →
Тэги: bootstrap, css, development, homepage, html, jquery, website, веб-сайтов, верстка, разработка, сайтов
Moscow JS Meetup в Badoo 2016-09-12 10:36:41
< ...
+ развернуть текст сохранённая копия
Рады сообщить, что 24-го сентября в Badoo пройдет Moscow JS Meetup.
Программа
«Что надо знать о HTTP/2», Александр Майоров (Tutu.ru)
Протокол HTTP/2 обещает ускорение загрузки страниц и очень активно продвигается. Так ли это и какую пользу от протокола могут получить Frontend разработчики? Стоит ли переходить на новый протокол? В качестве киллер фичи заявлена поддержка Server push. Что это и как этим пользоваться? Эти и другие вопросы будут освещены в докладе. Читать дальше →
Тэги: badoo, css, front-end, frontend, globalization, html, http/2, javascript, localization, блог, веб-сайтов, компании, разработка
Дайджест свежих материалов из мира фронтенда за последнюю неделю №227 (4 — 11 сентября 2016) 2016-09-11 22:15:13
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области ...
+ развернуть текст сохранённая копия
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области фронтенда.
Читать дальше →
Тэги: angular, css, es6, group, html5, javascript, react, vue, zfort, анимация, блог, браузеры, веб-сайтов, дайджест, компании, разработка, ссылки, фронтенд
Главная / Главные темы / Тэг «css»
|
Взлеты Топ 5
Падения Топ 5
|