FrontLinks
This is my (living) collection of front-end links. It's not complete by all means, in fact, there isn't any of the obvious ones, like Can I use or so. Just some links that I need occasionally but can't remember their names, so I saved them here for quick access. Also, they're somewhat randomly ordered. Docs DevDocs Native HTML Elements jQuery -> JS Default Font Family Shadow DOM The list Form Pseu
Styling with STRINGS
At this year's CSSConf in Melbourne (AU) I gave a talk called "Styling with STRINGS". The talk is about how we can use Flexbox, currentColor and EMs inside components to quickly style entire Web Apps straight in the browser. In case of tl:dw here some of the main points: Layout When creating mobile "App" layouts, where not the whole page is scrollable, but instead only certain parts. And you have
Sprite sheet animation with steps(). If you don’t... | simurai
Sprite sheet animation with steps(). If you don’t wanna use gifs on your site and rather PNGs for better colors, but still be able to animate them, here an option: CSS keyframe animations have a property called animation-timing-function and one of the options is to use the steps() feature like in this example: div { animation: play 1s steps(10) infinite; } @keyframes play { 0% { background-positio
Media Query splitting | simurai
When Media Queries got introduced and people started out with Responsive Web Design, I used to overwrite my Desktop styles to make it fit on Mobile. Later I shifted to “Mobile first” where you start out with the Mobile styles and overwrite them for Desktop sizes. But on a recent project I’ve started using a different approach by splitting the styles instead of overwriting them. It goes something l
We're in an icon-sharpness limbo | simurai
With the rise of Retina displays people are looking for resolution independent alternatives to PNG icons. Some fell in love with font-icons, some are shouting “SVG”. But I’m sorry, if you’re looking for a silver bullet, I’m afraid it doesn’t exist. Let’s take a closer look at our options: Icon fonts are awesome, but.. they are not sharp. I mean really sharp, pixel-perfect kind of sharp. Using fon
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
