サクサク読めて、アプリ限定の機能も多数！
トップへ戻る
新内閣発足
qiita.com/htomine
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Qiita開発チームでデザインを担当している @htomine です。 Increments アドベントカレンダーの3日目なのですが、すでに遅刻しております この記事ではQiitaの新しいトップページのビジュアルデザイン面の設計について、こんな風に考えてデザインを固めていったよ、という話を書こうと思います。 なお、記事ページのデザイン変更についてはメインで担当してくれた @morishitter が数日後に書いてくれる予定です 「Surface」という用語について まず最初に記事タイトルにも書いてある「Surface」という用語ですが、
.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: rotate(5deg); } 50% { -webkit-transform: rotate(-3deg); } 60% { -webkit-transform: rota
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ページを開く
