Webページやスマホアプリで見かけるレイアウト、ナビゲーション、ボタン、スライダー、フォーム、タイムライン、ボタンなど、CSSを使って実装されたテクニックがまとめられたコンテンツを紹介します。 デザインのアイデアとして、またそれが実装可能かどうか、実装はどうやっているのか、何かあった時にチェックすると便利です。
timekit-io/booking-js GitHub クールな予約UIを実装できる「booking-js」 次のようなGoogleアプリのようなインタフェースの予約UIが作れます。 開いている部分をクリックすれば予約が可能、という直感的インタフェースが実現できます。 関連エントリ jQueryとCSSで水平のタイムラインの実装デモ 人員のスケジュールを並べてタイムライン表示できる「schedulerjs」 FacebookスタイルのレスポンシブなタイムラインをBootstrapで実現するチュートリアル 自鯖で自分のステータスをタイムライン表示できるOSS「Cachet HQ」 タイムラインUIにラベルを付与して表示できる「Labella.js」
Remember all those personal portfolios that present an artist in a unique and eye-pleasing manner. Those that breathe with modernity and originality,instantly capture the attention and make you stay. Well, today we are going to replenish your toolkit with some excellent, fast and clean code snippets that spice up your personal portfolio with one of the integral elements of such projects: a dynamic
2014年3月28日 CSS, Webサイト制作 ちょうど今作っているサイトで、経歴をタイムラインで表現するページがあったのでコードを紹介。コード自体はとってもシンプルなので、カスタマイズ次第でどんなデザインのサイトにもあわせられると思います。文章にするとゴチャゴチャしがちな経歴・沿革をスッキリと表示しましょう! ↑私が10年以上利用している会計ソフト! サンプル Chrome, Firefox, Safari, IE9・10で動作確認。 See the Pen Timeline by Mana (@manabox) on CodePen. モバイルファーストってことで、640px未満の幅のデバイスには年月・見出し・詳細文章を順に表示します。 モバイル版はこんな感じ。サンプルページの画面の幅を調整して比較してください。 HTML timeline というクラスのついたリストの中の li タ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く