kyaidoのブックマーク - はてなブックマーク

The Unexpected Power of Viewport Units in CSS | Lullabot
Viewport units are one of the lesser known gems in modern web design. They offer developers strong flexibility and accuracy when using CSS. The days of fixed-width designs and needing to only test against a handful of viewport sizes are gone. We live in a fluid-width world with a myriad of device sizes and aspect ratios. Percentage-based units allow us to accommodate the variety of possible ways o
kyaido 2017/03/16
リンク
BEM & Atomic Design: A CSS Architecture Worth Loving | Lullabot
Using Pattern Lab and BEM on a project I stumbled upon a great way of structuring CSS, better naming, and better a developer experience. Atomic Design is all the rage; I’ve recently had the pleasure of using BEM (or CEM in Drupal 8 parlance) and Pattern Lab on Carnegie Mellon’s HCII’s site. Working through that site I landed on a front-end architecture I’m very happy with, so much so, I thought it
kyaido 2016/08/03
BEM

atomicdesign
リンク
Importing CSS Breakpoints Into JavaScript | Lullabot
There are a lot of challenges within responsive web design, and one that that has constantly been a pain is triggering JavaScript based on the current CSS media query breakpoint. The probl em is that the breakpoints are in CSS, which JavaScript has no native way to access. Many solutions (including window.matchMedia(), and Enquire.js) involve declaring your breakpoints in both CSS and JS, or requir
kyaido 2015/06/16
javascript

css
リンク
1