3 заметки с тегом

фронтенд

Закладки разработчика сайтов — выпуск #4

Выкладываю очередную подборку ссылок по фронтедну, которые накопились в моём браузере за последние пару недель. Очень много полезной информации для верстальщиков или тех, кто хочет ими стать. Кстати говоря, свои крутые материалы по веб-разработке можете присылать мне в Твиттер или на почту, а я добавлю их в дайджест. Это принесёт вам неплохой трафик на сайт. Если ниже ничего не отображается, тогда воспользуйтесь запасной ссылкой.

Подписывайтесь на мой Твиттер, если хотите получать интересные и полезные ссылки по программированию и вёрстке сайтов до того, как они попадут в дайджест на блоге.

2017   css   flex   grid   jquery   дайджест   дизайн   фронтенд

Пуленепробиваемые шрифты на сайте

Бывают такие случае в вёрстке сайтов, где нежелательно подключать внешние шрифты, дабы повысить скорость загрузки страницы или вовсе не перегружать пользователей новыми для них элементами. Как правило, в качестве альтернативы используют уже предустановленные шрифты на машине пользователя, но из-за версии ОС и установленных программ по умолчанию, некоторых шрифтов не будет.

Я собрал таблицу самых пуленепробиваемых шрифтов с сайта CSS Font Stack, на котором можно посмотреть вероятность наличия шрифта в Win и Mac, что очень удобно при выборе запасных вариантов. В таблице ниже скопом указаны шрифты с засечками и без, а также моноширинные. Это ровно та коллекция, которая сгодится на все случаи жизни верстальщика.

Коллекция шрифтов Win Mac
Arial, Helvetica Neue, Helvetica, sans-serif 99.84% 98.74%
Tahoma, Verdana, Segoe, sans-serif 99.95% 91.71%
Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif 99.67% 97.12%
Verdana, Geneva, sans-serif 99.84% 99.10%
Georgia, Times, Times New Roman, serif 99.40% 97.48%
Palatino, Palatino Linotype, Palatino LT STD, Book Antiqua, Georgia, serif 99.29% 86.13%
TimesNewRoman, Times New Roman, Times, Baskerville, Georgia, serif 99.67% 97.48%
Consolas, monaco, monospace 82.97% 34.77%
Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace 99.73% 95.68%
Lucida Sans Typewriter, Lucida Console, monaco, Bitstream Vera Sans Mono, monospace 74.81% 99.64%
Подписывайтесь на мой Твиттер, если хотите получать интересные и полезные ссылки по программированию и вёрстке сайтов до того, как они попадут в дайджест на блоге.

2016   вёрстка   фронтенд

Закладки разработчика сайтов — выпуск #1

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

Подписывайтесь на мой Твиттер, если хотите получать интересные и полезные ссылки по программированию и вёрстке сайтов до того, как они попадут в дайджест на блоге.

2016   вёрстка   дайджест   фронтенд