カードUIテンプレート「griddles.js」の次期バージョンで追加される予定の新機能のご紹介です。

カードUIを自動生成するJavaScriptテンプレート「griddles.js」のdevバージョンが、Mobile Chrome Apps のUIとしても使えるようになりました。また、Chrome Appsで使用するための設定も、より簡単になりました。 How To Use GitHubからソースコードをcloneし…

JavaScriptでタイマーを作りました。 はじめは60分タイマーでしたが、友人からアドバイスをもらい、大学の講義時間である90分もカウントダウンできるよう設定可能タイムの上限を上げました。 使い方 ミュージックプレイヤーのようなデザインなので直感的に操…

カードUIを自動生成するJavaScriptフレームワーク「griddles.js」*1のstable-package-B1 をリリースしました。 今回のバージョンアップにより以下の機能が追加されました。*2 1回あたりのカード読み込みの制限 ストリーム本数の上限値の設定 カードの幅を広…

JavaScript製のカードUIフレームワークgriddles.jsの次期バージョンで、新たにできるようになることを紹介します。 すでにできること 画面の横幅に応じてカードを綺麗に整列表示 写真などの事前に縦幅がわからないカードの表示 カードがクリックされた時の挙…

拡張機能「スクラップブック（ベータ版）」のデザインを一新し、より使いやすくなりました。 「スクラップブック（ページクリッパー）」は、よく訪れるお気に入りのウェブページを登録・管理することができるブックマークアプリです。 スクラップブックでは …

ふだんGoogle+やTwitterなどを閲覧していると、 「食べたい！」と思ったごちそうの写真 「行きたい！」と思ったレストランの記事 に遭遇することが多々ある。 時間があるときに食べに行ってみようと思い、一応ブックマークするのだが、 ほかのいろいろなペー…

インストール方法 GitHub: https://github.com/daiz713/scrollable-mstr からzipをダウンロードして解凍する chrome://extensions/ を開く [パッケージ化されていない拡張機能を読み込む...]ボタンから解凍したものを読み込む 使い方 https://mstr.in/ にア…

カードUIを自動生成するJavaScriptフレームワーク「griddles.js」のstable-package-A1 をリリースしました。 画像表示に関するバグが修正されています。 GitHubのページ： https://github.com/daiz713/griddles

こんなカードUIフレームワークが欲しかった JavaScript製 レスポンシブデザインである ウィンドウの表示領域の横幅に合わせてカード（div要素）が自動でセンタリングされる デザインの設定が簡単 カードの高さが表示するまでわからずバラバラでもキレイに並…