コンソール内への外部JSのロードをサポートするChromeエクステンション・「JSconsole」 JSconsole JSconsoleはインスペクタのコンソールに外部JavaScriptのロードをサポートするエクステンションです。js.load()やjs.find()、js.list()等でJSをロードしたりリストを表示したりラ...2017.08.08 | 10時37分32秒
スクロールに応じて要素にアニメーションエフェクトを与えるスクリプト・「Scrollissimo」 Scrollissimo Scrollissimoはスクロールに応じて要素にアニメーションエフェクトを与えるスクリプトです。ちょっと語弊あるかもですが、よく見かける、スクロールするといろいろ表示されるあれです。動作にはGreenSoc...2017.08.07 | 13時29分13秒
写真のポートフォリオを作成出来るジェネレーター・「gallery」 gallery galleryはフォトグラフィポートフォリオを作成出来るジェネレーターです。非依存型のスクリプトで単体で動作してくれます。Squarespaceの代替、と書いてありましたが、そこまでの性能はなく、単純に写真を並べるため...2017.08.06 | 11時32分08秒
タイムテーブルのような時間表を作成出来るjQueryプラグイン・「jQuery Skeduler Plugin」 jQuery Skeduler Plugin jQuery Skeduler Pluginは上図のようなタイムテーブル、時間表を作成できるスクリプトです。jQueryに依存しています。CSSと要素を用意してデータをセットすればいいみた...2017.08.05 | 10時26分29秒
Yii2フレームワークを使ったOSSのCMS・「Yii2 MJ CMS」 Yii2 MJ CMS Yii2 MJ CMSはPHPフレームワークのYii2を使ったオープンソースのCMSです。スタイルはBootstrapベースでi18nをサポートしており国際化も可能とのこと・・ですが、言語ファイルはデフォルトで...2017.08.02 | 12時59分20秒
任意のコンテキストメニューを実装できるスクリプト・「jQuery Menu」 jQuery Menu jQuery Menuは任意のコンテキストメニューを実装する為のスクリプトです。jQueryに依存します。特定のエリアで右クリックすると事前に設定したメニューが表示される、というもの。ライセンスはMITです。 ...2017.08.01 | 10時51分02秒
基本的なコンポーネントのみを提供するCSSスターターキット・「Shoelace.css」 Shoelace.css Shoelace.cssは基本的なコンポーネントのみを提供する軽量なCSSスターターキットです。役立ちそうなコンポーネントのCSSリセットみたいなものと考えてくれとのこと。このCSSは本来、Surreal C...2017.07.31 | 10時54分57秒
段落毎に設置した画像を、その段落が終わるまで固定させるスクリプト・「jquery-stopattop」 jquery-stopattop jquery-stopattopは段落毎に設置した画像を、段落がスクロールし終わるまで固定させるスクリプトです。ちょっと僕の説明が下手でピンとこないと思いますので動作サンプルを用意しました。名前の通り...2017.07.29 | 10時41分48秒
Bootstrapベースのフリーなポートフォリオテンプレート・「OAK」 OAK OAKはBootstrapベースのフリーなポートフォリオテンプレートです。いたるところにいろいろなエフェクトが付与されたUIが使われています。フリーはHTMLでWPテーマは有料、という形のようです。全体的によくできている印象で...2017.07.27 | 10時18分33秒
Mediumライクなlightboxを実装出来るスクリプト・「MediumLightbox」 MediumLightbox MediumLightboxはMediumで導入されている画像をズーム表示するlightboxと同じような動作を実装出来るスクリプトです。非依存型で、単体で動作してくれます。クリックでその場に即拡大表示、...2017.07.26 | 10時48分40秒
クライアントサイドのJavaScript製captcha・「ClientSideCaptcha」 ClientSideCaptcha ClientSideCaptchaはクライアントサイドで動作するJavaScript製captchaです。jquery依存みたいです。上デモのように画像(大文字は大文字で入力)と入力されたテキス...2017.07.24 | 10時19分09秒
ミニマルなワイヤーフレームの為のCSSフレームワーク・「WIP」 WIP WIPはミニマルなワイヤーフレーム作成の為のCSSフレームワークです。なんだかややこしいですが、ミニマルなワイヤーフレームをHTML/CSSで作ろう、というもの。少し前にご紹介したようなワイヤフレーム用の棒状のフォントを併用し...2017.07.23 | 10時30分31秒
Markdownでデータを可視化する為のMarkdown-Itプラグイン・「Markvis」 Markvis MarkvisはMarkdownでデータを可視化する為のMarkdown-Itプラグインです。Markdown-ItはMarkdownでオリジナルのレンダリングをする為のJS製のレンダラ/パーサーで、その拡張として使う...2017.07.20 | 10時53分30秒
スマフォアプリでよく使われそうなコンポーネントをまとめたUIキット・「React Native UI Kitten」 React Native UI Kitten React Native UI Kittenはスマフォアプリの為のUIコンポーネントをまとめたUIキットです。外観の施工をサポートするから君はコンテンツ施工に集中してくれよ!みたいな事書い...2017.07.15 | 10時15分27秒
チャットのような対話コンテンツの為のUIフレームワーク・「BotUI」 BotUI BotUIはチャットのような対話コンテンツのUIのためのJavaScriptフレームワークです。いわゆるbot用でしょうか。返すメッセージや内容、タイミングなどの設定も簡単に出来るようになっています。 ライセ...2017.07.14 | 10時40分08秒
CSS GridとLESSベースのBoilerplate・「Less Grid Boilerplate」 Less Grid Boilerplate Less Grid BoilerplateはCSS GridとLESSがベースのBoilerplateです。カラムは12カラム用意されており、全てdisplay: grid;でレイアウトが作...2017.07.11 | 10時53分07秒
よく使われるUIをまとめたReactのUIコンポーネントライブラリ・「Rebass」 Rebass Rebassはよく使われるUIをまとめたReact向けのUIコンポーネントライブラリです。各フォーム周りのエレメントからボタンやリンクなどの一般的なUI、プログレスバーやバッジ、タブなど、有ると嬉しいUIまで大量に用意さ...2017.07.10 | 10時36分43秒
Flexboxとvue.jsがベースのUIフレームワーク・「Sirius UI」 Sirius UI Sirius UIはvue.js+FlexboxなUIフレームワークです。コンポーネントやらスタイルやらがいろいろと揃えられている、どちらかと言えばBootstrap寄りのコンセプトかもしれません。ある程度揃えられ...2017.07.08 | 10時45分57秒
パフォーマンスを最重要視したWordPressテーマフレームワーク・「Astra」 Astra Astraはパフォーマンスを最重要視したWordPressのテーマフレームワークです。各スピードテストサービスで高得点をマークした結果を見る限りではかなり良さそうです。DLして使ってみましたが、ライブエディターで簡単にカス...2017.07.07 | 10時31分01秒
MediumライクなUIのツールバーで任意のテキストをシェア出来るようにするスクリプト・「share-this」 share-this share-thisはMediumライクなUIのツールバーで任意のテキストをSNS等に投げられるようにする、というスクリプトです。シェア先は各SNSは勿論、動作サンプルを見ると、メールやハッカーニュース等、任意の...2017.07.04 | 10時06分08秒
JavaScriptライブラリを大量にまとめた・「awesome-javascript」 awesome-javascript awesome-javascriptは超大量のJavaScriptライブラリをまとめたGithubページです。特にフロントエンドサイドで動くライブラリを中心に集められているようです。データ可視化、...2017.06.30 | 10時41分01秒
Flexboxベースの軽量でモダンなCSSフレームワーク・「TAFFY」 TAFFY TAFFYはFlexboxベースの軽量でモダンなCSSフレームワークです。多くのコンポーネントを含み、肥大化したBootstrapやFoundationなどのフレームワークを使いたくない方向けに、必要最低限のものだけ揃えた...2017.06.28 | 10時11分07秒