A Pen by Martin Wolf on CodePen.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Verifying that +dkk is my openname (Bitcoin username). https://onename.io/dkk |
- Only "woff", Другие браузеры получает старые «безопасные» шрифты.
- Download (ttf) and optimization
- NO CDN!
- Отдаем их в качестве CSS, URIs с закодированными в base64 данными
@font-face {
font-family: 'Aeromatics';Вывести модалку, внутри которой будет динамический контент (image + text). Контент берётся из дива по которому кликнули. А была красивая идея, ни в коем случае не создавать больше одной модалки, никаких стилей дублирующих.
Проблема решение в том, что обычными средствами не изменить css т.к. по красивой задумке, изображение вставлялось в псевдоэлемент before.
Если с винды, то советую поставить какой-нибудь Babun или cmder (мой выбор, качать лучше отсюда(cmder.zip)
- http://githowto.com/ тут русская версия есть, но что-то она мертва. нашёл http://githowto.com/ru/setup
- http://blog.danyll.com/git-101-quick-start/
- https://try.github.io/levels/1/challenges/1 Есть такой, но он ацтойный имхо, хотя кому как.
Each of these commands will run an ad hoc http static server in your current (or specified) directory, available at http://localhost:8000. Use this power wisely.
$ python -m SimpleHTTPServer 8000- https://habrahabr.ru/company/devexpress/blog/269331/
- https://css-tricks.com/ajaxing-svg-sprite/
- https://css-tricks.com/a-guide-on-svg-support-in-email/
- https://habrahabr.ru/post/272505/
- http://codepen.io/noahblon/post/coloring-svgs-in-css-background-images
- http://una.im/svg-icons
- http://nicothin.pro/page/svg-sprites
- http://blog.cloudfour.com/our-svg-icon-process/
- https://habrahabr.ru/post/276463/
- http://blog.cloudfour.com/responsive-guide-to-type-sizing/
- http://css-live.ru/articles/rukovodstvo-po-razmeru-teksta-dlya-otzyvchivogo-dizajna.html
- https://www.vicompany.nl/magazine/vertical-rhythm-the-holy-grail-of-front-end-development
- https://vicompany.github.io/vertical-rhythm/
- http://bitsofco.de/the-vertical-align-property/
- http://www.gridlover.net/try
- http://type-scale.com/
- https://github.com/matejlatin/Gutenberg
- http://zellwk.com/blog/viewport-based-typography/
- https://www.smashingmagazine.com/2016/03/meaningful-web-typography/
- http://flexboxfroggy.com/ отличный игровой мануалчик
- http://www.flexboxdefense.com/ YA трата времени, хотя множество PRов исправит ситуацию
- http://flexboxin5.com/ сомнительно, но интерактивно спору нет
- https://css-tricks.com/snippets/css/a-guide-to-flexbox/ название само за себя css-trocks
- http://codepen.io/enxaneta/full/adLPwv/ самое красивое демо, но тоже "такое" (но много правил поддерживает)
- http://madebymike.com.au/demos/flexbox-tester/ калькулятор ибо всякие flex-basis/shrink высчитываются
- http://codepen.io/justd/full/yydezN/ новая интерактивная демка
OlderNewer