気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
経歴や会社の沿革ページに！簡単なCSSで実装するタイムライン
218 users
www.webcreatorbox.com
www.webcreatorbox.com
www.webcreatorbox.com
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
経歴や会社の沿革ページに！簡単なCSSで実装するタイムラインちょうど今作っているサイトで、経歴をタイ... 経歴や会社の沿革ページに！簡単なCSSで実装するタイムラインちょうど今作っているサイトで、経歴をタイムラインで表現するページがあったのでコードを紹介。コード自体はとってもシンプルなので、カスタマイズ次第でどんなデザインのサイトにもあわせられると思います。文章にするとゴチャゴチャしがちな経歴・沿革をスッキリと表示しましょう！ モバイルファーストってことで、640px 未満の幅のデバイスには年月・見出し・詳細文章を順に表示します。 モバイル版はこんな感じ。サンプルページの画面の幅を調整して比較してください。 HTMLtimeline というクラスのついたリストの中の li タグで項目を追加していきます。 <ul class="timeline"> <li> <p class="timeline-date">2007年2月</p> <div class="timeline-content"> <
www.webcreatorbox.com
www.webcreatorbox.com
www.webcreatorbox.com
www.webcreatorbox.com
president.jp
togetter.com
note.com/merumeru99
togetter.com
qiita.com
togetter.com
zenn.dev/p0n
note.com/hirokivv
qiita.com/prickle
blog-dry.com
www.kobonemi.com
miyuki1.st.coresv.net
weekendav.blog.jp
news.yahoo.co.jp
2014/11/23 リンク