面倒なpxからemへの変換や、line-heightの計算、レスポンシブを考慮した横幅可変の計算など、コーディング時に計算機が必要になる値の変換をまとめて行えるツールです。
ApiFlashは任意のWebサイトのスクショを撮れるシンプルなAPIです。使い方も非常に簡単です URLとAPIキー、任意のパラメーターのみで完結できる仕様となっていてレスポンシブWebデザインにも対応可能です レンダリングはChromeが使われており、パラメーターを自動で付与してくれる簡単なURL生成ツールも備わっています 使ってみる 動作サンプルは記事冒頭のSSです。本記事のスクショはApiFlashで作ってみました 流れとしてはユーザー登録し、管理画面に入るとAPIキーが発行されるので以下のように使えばOK https://api.apiflash.com/v1/urltoimage?access_key=【APIキー】&url=https://example.com/ 更にパラメーターを付ける事も出来ます https://api.apiflash.com/v1/urltoimag
Webサイトやスマホアプリでよく使われるレイアウトやUIコンポーネント、それだけを実装するためのHTMLとCSSのコードがまとめられたコレクションを紹介します。 フレームワークなども便利ですが、それだけを実装するためのコードなので、非常にシンプルでカスタマイズも簡単だと思います。 CSS Layout CSS Layout -GitHub CSS Layoutの特徴 CSSで実装するレイアウト・UIコンポーネント CSS Layoutの特徴 CSS Layoutはよく使われるレイアウトやUIコンポーネントだけを実装するためのHTMLとCSSのコードがまとめられたコレクションです。 MITライセンスで、商用プロジェクトでも無料で利用できます。
『Metallic Ratio』とは貴金属比という意味です。2つの数値の比において、美しいとされる比率というものが存在しており、特に有名なものが黄金比=1:1.618というもので、数多くの美術品や建造物、デザイン等の構成の中にこの比率を見ることができます。 黄金比の他にも白銀比、白金比、青銅比と呼ばれるものもあり、それらを総称して『貴金属比』と呼ばれています。 上のツールは、基準となる数値をひとつ指定するだけで、黄金比や白銀比に代表される各貴金属比を簡単に算出できるWebアプリです。数値だけではなく視覚的にも比率を確認できるので、求めている比率を直感的に得ることができます。 デザイン作業などで美しい比率が必要な時にご利用ください。
MailtoUIはmailtoリンクを使いやすいUIに変換してくれるスクリプトです。href="mailto:tony.stark@example.com"といったコードでもOutlook等のメーラーを立ち上げず、使いやすいUIで選択肢をユーザーに提供します。以下動作サンプルです。 動作サンプル ※クリックで動作確認できます コードは以下のように普通のmailtoリンクとなっています。 <a class="mailtoui" href="mailto:hogehoge@example.com">動作サンプル ※クリックで動作確認できます</a> 特にclassを与える必要もなく、スクリプトを読み込むだけでこのようなUIを提供できるようになります。 勿論、日本向けに諸々変更する必要がありますが、個人的にはいいアイデアだなぁと思いました。メールフォームよりも普段慣れたメーラーの方がいいかも、と
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く