The deck from my presentation on small screen navigation at Front-End Design Conference in Portland, OR on August 22, 2014
With all the fuss on Atom and Sublime Text, I decided to talk a bit about my favourite editor, Vim. I’ve tried both Sublime and Atom, I’ve especially used Sublime for quite some time before comitting to Vim, but ever since I’ve transitioned to Vim I just can’t go back to Sublime or any other non-vim editor. This is not a post to convince you to use Vim though! Maybe I’ll make one of those one day,
git-ignore add みたいのが欲しい— azu (@azu_re) August 24, 2014 ちょろっと書けそうだったので書いた。 yuroyoro/git-ignore · GitHub Demo Installation PATH通った場所においてくれ curl -sL https://raw.githubusercontent.com/yuroyoro/git-ignore/master/git-ignore > ~/bin/git-ignore Examples `git ignore add "pattern"`で、.gitignoreへ追加する。 $ git ignore add '*.log' .gitignoreから削除するには、`git ignore remove "pattern"`を実行する。 $ git ignore remove '*.log' a
This posts looks beyond everyday usage of JavaScript’s objects. The fundamentals of JavaScripts objects are for the most part about as simple as using JSON notation. However, JavaScript also provides sophisticated tools to create objects in interesting and useful ways, many of which are now available in the latest versions of modern browsers. The last two topics I talk about, Proxy and Symbol, are
Status This project is no longer maintained. CSS now has built-in support for setting color-interpolation-method. Transitioning through the oklch color space is a superior alternative to using this library. About sweep.js is a small JavaScript library (5kb zipped) that enables proper color transitions through the HSL and HUSL spaces. Ordinary CSS transitions and existing frameworks convert HSL col
CSS is a really simply language. That’s all to declare Selector, Property and Value. However, it’s too difficult to write the CSS which is scalable, maintainable, not becomes a spaghetti code. Therefore, the stylesheets you write becomes heavy and dirty over time and you can’t improve it. Finally, it will bring damage to your web site/app which include it. It’s the problem of Critical Rendering Pa
I’m building a toy HTML rendering engine, and I think you should too. This is the first in a series of articles: Part 1: Getting started Part 2: HTML Part 3: CSS Part 4: Style Part 5: Boxes Part 6: Block layout Part 7: Painting 101 The full series will describe the code I’ve written, and show how you can make your own. But first, let me explain why. You’re building a what? Let’s talk terminology.
Secondary Fixed Navigation A secondary navigation intended for users who want a quick overview of the page content, and be able to easily move from one section of the page to the other. A fixed navigation with smooth, jQuery powered scroll. Nothing fancy here, yet a handy snippet for creating a secondary menu to quickly surf through the page content. We see this effect a lot these days, a good exa
In Designing an Effective Donate Form Brad Frost recommends using buttons in lieu of radio buttons, citing a tweet from Luke Wroblewski. I disagreed and Brad responded saying he had a different point of view. After more people got involved the demo was updated to use radio buttons, but I think there is still room for improvement; I intend to demonstrate that Plain Old Semantic HTML (POSH) + CSS ca
InspirationWeb Design 20 Website Examples with Hamburger Icon Design You’ll Love Nancy YoungAugust 19, 20141 Comment17.5k The hamburger icon is one of those UI features that are so old you could not even find an author. But after browsing the web for a while, it turned out that the hamburger icon comes from the Xerox Star personal worksection. It’s one of the earliest graphical user interfaces. It
フロントエンジニアに知ってもらいたいリバースプロキシの重要性 | RickyNews この記事が目に入って読んでみた。なるほど、昨今は Reverse Proxy は便利な L7 ルーター的なものとして認識されているのだな、と思った。URL の Rewrite や、VirtualHost 云々。確かに Reverse Proxy の便利な側面ではある一方、それらは Nginx などの Reverse Proxy でなければ実装が不可能かと言えばそんなことはないものでもある。 自分は Reverse Proxy はもうすこしサーバー/インフラ的な側面でその役割を捉えている。今更何をというものでもあるが、昼休みがてら時間があるので簡単に書いてみよう。 Reverse Proxy はWebシステム全体のリソース最適化のためのパーツ Reverse Proxy のインフラ的な視点での役割は「Web
@importでは何の気なしにurl()を使わず書いていたんだけど、どんな時もそれで良いのかよく知らなかった。どうやら文字列で書くとそれをurl()で括ったように解釈してくれると仕様で決められているようだ。 ということで以下の7パターンはすべて同じように解釈される。 @import url(foo.css); @import url("foo.css"); @import url('foo.css'); @import "foo.css"; @import 'foo.css'; @import"foo.css"; @import'foo.css'; CSSWringではurl()を外して二重引用符に統一し、直後の空白を削除することにした。 @import絡みではもうひとつちょっとよくわからないところがあって、@importだけのCSSの場合に最後のセミコロンが必要なのかどうかという点。現状
Most plugins try to do too many things, which makes it difficult for designers and developers to integrate them in their projects. Apple introduced the iPhone 5S, which was accompanied by a presentation website on which visitors were guided down sections of a page and whose messaging was reduced to one key function per section. Pete Rojwongsuriya found this to be a great way to present a product,
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く