TimeSliceArchiveのページをリニューアル!
TimeSliceArchiveを昨年からいろんなかたちで復活させていたのですが、サイト自体がいかんせん、、という状態だったので、勉強がてらフルリニューアルしてみました!
基本はhayase.tvの本サイトと同じで、MTのレスポンシブなテーマのEigerをベースにし、jQueryを使ってギャラリー風デザインにしてみました。
カテゴリでフィルタリングできる機能も実装しています。
以下メモ
- ナビゲーションはスティッキーにした
- MTの記事で更新できるようにしているが、データはJSONで吐き出している(いずれDataAPI版でもやってみる)
- たくさんある場合はLoad moreで続きを表示
- カテゴリのフィルタリングも可能
- 画像の表示はColorboxでモーダル化
- ロールオーバー時のタイトルなどはマウスの進入方向からやってくる
ベースはできたので、まだアップしていない画像を随時あげていこうと思います♪
Timie Slice Archiveの関連記事
- Bebop Drone で撮った写真をフォトギャラリーにしてみた
- MTのDataAPIを使って3DSから直接画像がアップできるギャラリーをテスト中
- GoogleTranslateのウェブサイト翻訳ツールで多言語対応
- Zenbackを設置して簡単にソーシャル情報や関連記事を表示
- 本日4/1にMovable Type Sunがリリース(紹介動画のBGM作ったよ)
- 記事のサムネイル画像を任意に指定する作り方
- MTEntriesの最後の記事だけ何々を表示しない方法
- トップページのデザインをボックスが並ぶ形に変更
- サイトのデザインいじり中
- 守谷ハーフマラソンをTimeSlice&4kタイムラプス動画
- 国道294号をTimeSlice
- とちのきファミリーランドの観覧車をTimeSlice
- Timelapse動画を素材にCinemagraph Proを使ってみた
- 夕方のTimeSlice写真とその素材を使った4KのTimelapse動画を制作
- TimeSliceArchiveに写真を15枚追加!
- TimeSliceArchive for Liveを制作
- TimeSliceArchiveに作品をいくつか追加
- Time Slice Arcchive はじめました