Vue.jsのコンポーネントフレームワーク・「Vuetify」 Vuetify VuetifyはVue.jsのコンポーネントフレームワークです。リユーサブル且つクリーンな設計で使いやすさを重視した印象です。スタイルはマテリアルデザインパターンを導入。沢山のコンポーネントが用意されているので不便はし...2017.09.22 | 11時07分44秒
ユニークな動きも用意されたCSSアニメーションライブラリ・「Dynamic.css」 Dynamic.css Dynamic.cssはユニークな動きも用意されたCSSアニメーションライブラリです。動きも、というかほとんどがちょっとネタっぽいというか使いどころが限定されそうな印象。こういう選択肢もあるといいかも、というこ...2017.09.19 | 11時11分18秒
AIによって作られたカラフルなCSSフレームワーク・「Unnamed」 Unnamed UnnamedはAIによって作られたCSSフレームワーク・・・だそうです。経緯とか方法とか書かれておらず、AIで作ったとしか書かれてないので詳細は不明です。AI作って意味ではよくできてるなぁという印象ですが、CSSフレ...2017.09.13 | 11時42分40秒
現在の時刻に応じて、時刻に見合ったさまざまなメッセージを表示出来るスクリプト・「tidyTime.js」 tidyTime.js tidyTime.jsは現在の時刻に応じて、その時刻に見合ったメッセージを表示できるスクリプトです。例えば11時まであと15分です、とか朝の9時丁度になりました、とか22時を7分過ぎました、とか。また、前後にメ...2017.09.09 | 11時08分48秒
任意のテキストにさまざまなアニメーションエフェクトを付与するスタイルシート・「cssanimation」 cssanimation See the Pen Snake css text animation by cssanimation.io by kachibito (@kachibito) on CodePen. cssanim...2017.09.08 | 10時57分13秒
縦に長いtableのヘッダーをstickyにするスクリプト・「jquery.stickyTableHeader 」 jquery.stickyTableHeader jquery.stickyTableHeaderは縦に長くなったtableのヘッダをfixedにするスクリプトです。下にスクロールしてもヘッダだけ固定される、というよくあるやつ。...2017.09.05 | 10時07分11秒
シンプル、スマート、モダンを特徴としたモバイルファーストなCSSフレームワーク・「TURRETCSS」 TURRETCSS TURRETCSSはシンプル、スマート、モダンを特徴としたモバイルファーストなCSSフレームワークです。JavaScriptは併用されていません。パフォーマンスが重視されており、軽量高速なWebサイト構築に貢献して...2017.09.04 | 11時01分07秒
Vue.jsに関するリソースやコンポーネント、フレームワーク等を大量にまとめたコレクション・「Awesome Vue.js」 Awesome Vue.js Awesome Vue.jsはVue.js関連のさまざまな情報をまとめたコレクションです。リソースやライブラリ、コンポーネント、フレームワーク、ツールやユーティリティ等が大量に纏められています。大分前から...2017.09.03 | 11時27分59秒
CSSでスタイリングしたいろいろなチェックボックスのライブラリ・「CSS Checkbox Library」 CSS Checkbox Library CSS Checkbox LibraryはさまざまなチェックボックスのスタイルをまとめたCSSライブラリです。ON/OFFの切り替えスイッチやサークル状、スクエア状などが揃えられています。in...2017.09.01 | 10時27分38秒
Vue.jsベースのフロントエンドUIフレームワーク・「AT UI」 AT UI AT UIはVue.jsベースのフロントエンドなUIキットです。軽量でモジュラー形式のUIフレームワークだそう。ES2015/ES6サポート、npm+webpack+babelな開発ワークフロー等が特徴とのことです。ボタン...2017.08.31 | 10時13分37秒
沢山のエフェクトに遅延設定も可能なCSSアニメーションライブラリ・「Vivify」 Vivify Vivifyは多彩なエフェクトが用意されたCSSアニメーションライブラリです。沢山のエフェクトはclassを追加するだけで要素にアニメーションエフェクトを付与する事ができる、というもの。また、delayやduration...2017.08.30 | 10時39分03秒
Vue.jsに影響を受けたシンプルで軽量なライブラリ・「Moon」 Moon MoonはVue.jsにインスパイアされた軽量なJSライブラリです。高速でフレキシブル、学習コストも低く、シンプルで軽量ながら高いパフォーマンスと、直感的でわかりやすいAPIが特徴とのこと。vueがmin+gzipで20kb...2017.08.29 | 10時46分30秒
SVGで波状のグラデーションを生成するジェネレーター・「SVG Gradient Wave Generator」 SVG Gradient Wave Generator See the Pen SVG Gradient Wave Generator by kachibito (@kachibito) on CodePen. SVG Gradie...2017.08.28 | 10時32分29秒
WordPressのテーマ開発フローを強化するOSSのWPテーマスターター・「Tonik」 Tonik TonikはWordPressのテーマ開発ワークフローを強化するWPテーマのスターターキットです。ES6やwebpack、SASSやFoundationなど、モダンな開発環境が整えられたセットとなっています。Compose...2017.08.27 | 10時12分26秒
要素をアニメーションさせながら表示/非表示するCSS・「vhs」 vhs vhsは要素にアニメーションエフェクトを与え、表示/非表示させる為のスタイルシートです。blurや点滅、zoom等でアニメーションしながら表示させたり非表示にしたり出来る、というもの。classを付与するだけのお手軽仕様です。...2017.08.26 | 12時07分40秒
jQueryライクに使えるシンプルで軽量なDOM操作ライブラリ・「stuQuery」 stuQuery stuQueryはjQueryライクに使えるシンプルで軽量なDOM操作用ライブラリです。DOM操作の為だけにjQueryを初め、サイズの大きいライブラリを使うのに抵抗があったため作成したそうです。コンフリクトを避ける...2017.08.25 | 10時35分46秒
必要なコンテナを配置したHTMLのboilerplateを作成出来るHTMLスターターキット作成ツール・「Aperitif」 Aperitif Aperitifはプロジェクトに必要なコンテナを配置したHTMLのboilerplateを作成出来るHTMLスターターキット作成ジェネレーターです。使い方はまず最初に配置したいエリアをクリックしてから配置するコンテナ...2017.08.24 | 11時37分09秒
Vimeoの動画を背景に設定する為のスクリプト・「jQuery.mb.vimeo_player」 jQuery.mb.vimeo_player jQuery.mb.vimeo_playerはVimeoの動画を背景に設定する為のスクリプトです。jQueryに依存します。背景にするというか、背景にした動画のコントロールが主な目的ですね...2017.08.20 | 11時43分09秒
Vue.jsを使ったオープンソースの管理画面テンプレート・「VUESTIC」 VUESTIC VUESTICはVue.jsを使った管理画面テンプレートです。ベースはBoostrapとなっていますのでレスポンシブWebデザインにも対応しています。グラフ等はChart.jsを使用、ログイン/サインインページも付いて...2017.08.16 | 10時18分55秒
任意のHTML要素をスケーラブルにするスクリプト・「Scalable」 Scalable Scalableは任意のHTML要素をスケーラブルにするスクリプトです。従来のレスポンシブな、という感じではなく、必ず任意の要素がその状態を保った状態で縮小/拡大されます。極端に幅を狭めてもその状態を保つ、みたいな感...2017.08.13 | 12時44分48秒
マウスホバーでborder等がアニメーションしながら変化するボタンのCSS・「Hover Buttons」 Hover Buttons Hover Buttonsはマウスホバーでアニメーションしながら別スタイルに遷移するボタンのCSSセットです。borderや背景がさまざまなエフェクトで変化します。最近流行りのやつですね。結構な量が用意され...2017.08.11 | 12時45分44秒
ReactのシンプルなSVG製マップコンポーネント・「react-simple-maps」 react-simple-maps react-simple-mapsはシンプルなSVG製マップを作れるReactコンポーネントです。Reactで地図を簡単に扱えるようにしたものだそうです。マーカーや拡大、エリア別の色を変える等、基本...2017.08.09 | 13時04分22秒