サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
やる気の出し方
qiita.com/htomine
Qiita開発チームでデザインを担当している @htomine です。 Increments アドベントカレンダーの3日目なのですが、すでに遅刻しております この記事ではQiitaの新しいトップページのビジュアルデザイン面の設計について、こんな風に考えてデザインを固めていったよ、という話を書こうと思います。 なお、記事ページのデザイン変更についてはメインで担当してくれた @morishitter が数日後に書いてくれる予定です 「Surface」という用語について まず最初に記事タイトルにも書いてある「Surface」という用語ですが、これはQiita開発チームで使っている用語です。 一般に「デザイン」ということも多いかと思いますが、皆さんお悩みのようにこの言葉の定義する範囲は広範に渡ります。 コミュニケーションの上でこれらを混同して使うと話がしづらいことが多いため、以下のような「UXの5
以下のサイトの西瓜の揺れ方がよかったのでメモ。 http://iconmelon.com/ (もうサイト無くなってました。。 (1年半前ぐらいなぜか限定共有にいたので公開) .swing { animation-name: swing; animation-duration: 2s; animation-delay: .45s; } @-webkit-keyframes swing { 0%,100% { -webkit-transform-origin: bottom center; } 10% { -webkit-transform: rotate(-15deg); } 20% { -webkit-transform: rotate(10deg); } 30% { -webkit-transform: rotate(-5deg); } 40% { -webkit-transform:
Non-standard であることに注意すべき Non-standard This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future. https://developer.mozilla.org/en-US/docs/Web/CSS/font-smooth MDNにもこう記載があるとおり、正式な仕様策定のトラックからは外れています。 影響範囲や、ブラ
このページを最初にブックマークしてみませんか?
『@htomineのマイページ - Qiita』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く