10月になっても暑い日が続きますが、秋の気配が少しずつ感じられるようになってきました。 グリーティングカード、招待状をはじめ、Webサイトやアプリ、動画やゲーム、ポスターや同人誌などの紙デザインにも利用できる落ち葉のイラスト素材を紹介します。 通常は$10の有料素材ですが、今週末まで無料なので、ダウンロードはお早めに!
CSS lockはレスポンシブWebデザインのテクニックで、フォントのサイズなどを指定した2つの値の間でスムーズに移行させることができます。レスポンシブのテクニックは通常、指定した値でフォントのサイズが急に変化しますが、常にビューポートの現在のサイズに依存して変化します。 レスポンシブ用にフォントのサイズと行の高さを可変で指定するテクニックを紹介します。 「math」とあるように、もう完全に数学です。 The math of CSS locks 下記は各ポイントを意訳したものです。 検証やスタディ部分は省略しているので、元記事をご覧ください。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 CSS lockとは px単位のブレイクポイントを使ったCSS lock em単位のブレイクポイントを使ったCSS lock CSS lockまとめ CSS lockとは ビュー
placeholder.jsはクライアントサイドでダミー画像を生成する軽量スクリプトです。jquery等の他ライブラリへの依存もなく、2kb以下と軽量なのも良いですね。表示される画像はBase64ですが生成にはcanvasを使っているようですので利用には対応したブラウザが必要になります。CDNも用意されていますのでお試しになってみては如何でしょうか。ライセンスはMITです。 placeholder.jsCDN
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く