Clik here to view.
手軽に画像にパララックス効果を与えられるスクリプト・「simpleParallax」
simpleParallax simpleParallaxは手軽に画像にパララックス効果を与えられるスクリプトです。jQueryに依存します。本体を読み込んで画像をセレクタに指定すれば即反映されます。仕組みは、画像をtransform:...
View ArticleClik here to view.
Clik here to view.
カーソルを乗せた方向によって変化するマウスホバーエフェクトを実装するライブラリ・「Direction Reveal」
Direction Reveal Direction Revealはカーソルの入った方向を検出してエフェクトを変化させるライブラリです。他ライブラリに依存せず単体で動作します。たまにどこかしらで見かけるやつを手軽に実装できる的なもの。なんとなく通常のマウスホバーエフェクトより目に優しい気がします。ライセンスはMIT。 Direction Reveal Post by...
View ArticleClik here to view.
開発者向けのBootstrap 4のテーマやツールキットを配布する・「HackerThemes」
HackerThemes HackerThemesはBootstrap 4のテーマやツールキットを配布するプロジェクトサイトです。Bootstrapを使った開発ワークフローのスピードアップをサポートするのが目的だそう。公開されているのはFOSS(Free/Open Source...
View ArticleClik here to view.
複数プレイリストもサポートしたOSSな非依存型オーディオプレイヤー実装スクリプト・「AmplitudeJS」
AmplitudeJS AmplitudeJSは複数プレイリスト等もサポートした非依存のHTML5オーディオプレーヤーを実装できるスクリプトです。コントローラーも直感的でわかりやすくタッチデバイスフレンドリーな設計となっているそうです。シャッフルやリピートもサポート。プレーヤーとしてほしい機能はしっかり揃っている印象でした。ライセンスはMIT。 AmplitudeJS Post by...
View ArticleClik here to view.
Clik here to view.
CSSで作られた複雑なアニメーションエフェクトのスピナー集・「Epic Spinners」
Epic Spinners Epic SpinnersはCSSで作られた複雑なアニメーションエフェクトのスピナーのセットです。コピー&ペーストで利用できるようにしてあります。以下動作サンプルを1つだけ。 本スピナーは同じ開発者が公開しているVue.jsを使った管理画面テンプレートのVUESTICにもフィットするそうです。どちらもMITライセンスの元、OSSとして公開されています。 Epic...
View ArticleClik here to view.
Clik here to view.
Clik here to view.
コンポーネントやプラグインを豊富に同梱したBootstrap 4ベースのフリー管理画面テンプレート・「Pike Admin」
Pike Admin Pike Adminはコンポーネントやプラグインを豊富に同梱したBootstrap...
View ArticleClik here to view.
縦横のサイズを入力するとアスペクト比の比率を算出してくれるシンプルな計算機・「AspectRat.io」
AspectRat.io AspectRat.ioはアスペクト比率計算ツールです。縦と横の数値を入力するとそのオブジェクトのアスペクト比率を算出してくれる、というもの。また、iPhone等のデバイスも選べるようになっています。本ツールはOSSとしても公開されており、コマンドラインから比率計算が出来るそうです。ライセンスはMIT。 AspectRat.io Post by...
View ArticleClik here to view.
CSS Gridを使って六角形のオブジェクトを並べたハニカムなレイアウトを組めるスタイルシート・「Hexi-Flexi-Grid」
Hexi-Flexi-Grid Hexi-Flexi-Gridはハニカム構造のレイアウトを組めるCSSグリッドシステムです。JavaScriptは使われておらず、CSS...
View ArticleClik here to view.
ウェブアクセシビリティを重視した使いやすいモーダルウィンドウ・「Modaal」
Modaal Modaalはウェブアクセシビリティを重視した使いやすいモーダルウィンドウです。WCAG 2.0の達成基準レベルAAをクリアしているそうで、全ての人にとってアクセスブルであると謳っています。jQuery依存っぽいのでこの時点ではい解散って方もいるかもしれませんが。...
View ArticleClik here to view.
ドラッグ&ドロップにも対応の、JavaScript製タイムスケジューラー・「jq.schedule.js」
jq.Schedule jq.ScheduleはJS製のタイムスケジューラーです。jquery及びjquery...
View ArticleClik here to view.
