CSSとテキストで作るローディングアニメーション・「Animated Type Loader」 Animated Type Loader Animated Type Loaderはテキストで作られたローディングを実装する為のCSSです。keyframesと:nth-of-typeを使ってspanでラップしたテキストを順番に表示さ...2015.03.05 | 11時31分21秒
フレキシブルでパワフルなRWD対応のSCSS/CSSフレームワーク・「BLACKHOLE」 BLACKHOLE BLACKHOLEは柔軟性とカスタマイズ性を重視したレスポンシブWebデザイン対応のSCSS/CSSフレームワークです。モジュール型で基本的には軽量なサイズを保てるように設計しているそうです。コンポーネントもひと通...2015.03.04 | 11時34分05秒
様々なシーンに対応可能なスマフォ対応のコンテンツスライダー・「Swiper」 Swiper Swiperは様々なシーンに対応可能なコンテンツスライダーです。スライダーのネスト化やカルーセル、3Dな遷移エフェクトなどの設定が可能でスマフォでのフリック操作にも対応しています。また、マウスホイール対応、オートプレイ化...2015.03.03 | 11時07分39秒
シングルページ向けに開発されたHTML&SASSなボイラープレート・「Rin」 Rin Rinはシングルページ向けに開発されたHTML/CSSフレームワークです。ランディングページや名刺サイトのような、所謂ペラサイトの構築と相性良さそうです。英語で書かれてますが開発者さんは日本の方(SANOGRAPHIX.NET...2015.03.01 | 12時09分02秒
写真やエッセイの為のシンプルなブログサービス・「Stampsy」 Stampsy Stampsyは写真やエッセイ等を目的としたシンプルなブログサービスです。ブログと言うと語弊あるかもしれませんが、この方が伝わりやすそうなのでブログという括りで書いています。UIは少しMediumに似た印象を受けます。...2015.02.28 | 12時24分04秒
input要素にシンプルなオートコンプリート機能を付加する軽量なスクリプト・「Awesomplete」 Awesomplete Awesompleteはinput要素にオートコンプリート機能を付加する為のJavaScriptです。カスタムデータ属性に候補として出すキーワードを設定する、という仕様なので使用するシーンは限られそうですが、そ...2015.02.27 | 11時00分05秒
小規模チーム向けに開発されたWebベースのプロジェクト管理ツールを構築する為のオープンソースソフトウェア・「Rukovoditel」 Rukovoditel Rukovoditelはオープンソースとして公開された、小規模チームによる複数プロジェクトの進行を管理する為のPHPで書かれたソフトウェアです。動作にはPHP5.2.4以上,MySQL5.0以上が必要との事。タ...2015.02.26 | 12時08分42秒
文字色と背景色のコントラストが適切かどうかをチェックしてくれる・「colorable」 colorable colorableはテキストの色と背景とのコントラストがアクセシビリティ上、適切に保たれているかをチェックしてくれるツールです。判断基準はWCAG 2.0解説書のコントラストガイドライン(日本語版ではココ見ると良い...2015.02.25 | 11時32分34秒
シンプルで軽量なOSSのHTML5製メディアプレイヤー・「Plyr」 Plyr Plyrはシンプル且つ軽量なHTML5メディアプレイヤーです。カスタマイズ性、軽量、シンプルで使いやすいメディアプレイヤーを意識したそうです。非依存型でセッティングも手軽に行えるので非常に使いやすそうな印象でした。Githu...2015.02.24 | 10時31分01秒
Github内で各言語のアクティブ率等のデータを可視化している・「GitHut」 GitHut GitHutはGithub内で公開されている様々なプログラミング言語のアクティブ率やフォーク率などのデータを可視化しているプロジェクトサイトです。データはGitHub Archiveから取得しているみたいですね。比較対象...2015.02.23 | 11時07分22秒
WordPressのテーマをブラウザ上で作成出来るオープンソースのソフトウェア・「Layers」 Layers LayersはOSSで配布されている、ブラウザ上で動作するテーマビルダーです。WordPress内蔵のテーマカスタマイザーと連結させる、というものみたいですね。子テーマの設計やレスポンシブWebデザインにも対応しているそ...2015.02.22 | 12時07分15秒
emやpx、remなど、CSSで使う単位のサイズを比較出来る・「CSS Ruler」 CSS Ruler CSS Rulerはemやrem等のCSSで使う単位のサイズを比較出来るツールです。値を変えることでどの単位がどう変化するかを確認出来るようになっています。また、それぞれのエレメントにマウスホバーすれば簡単な説明も...2015.02.21 | 10時59分31秒
Googleマテリアルデザインを導入したCSS/JSフレームワーク・「MUI」 MUI MUIはGoogleマテリアルデザインのガイドラインに沿ってデザインされたCSS/JavaScriptフレームワークです。基本的なコンポーネントも揃っていて直ぐに開発を始めることが出来ます。また、ReactJSやWeb Com...2015.02.20 | 11時18分19秒
著作権放棄の高品質な写真素材を配布する・「StockSnap.io」 StockSnap.io StockSnap.ioは著作権放棄された高品質な写真素材を配布するWebサイトです。配布されている写真は全てCC0で誰でも自由に利用可能となっています。解像度もなかなか高めで良いですね。写真はクロスプロセス...2015.02.19 | 10時30分28秒
HighCharts.jsとjqueryでtableをグラフ化するスクリプト・「jQuery HighchartTable」 jQuery HighchartTable jQuery HighchartTableはHighCharts.jsとjqueryを使ってHTMLで書いたtableのデータを自動でグラフにしてくれるスクリプトです。既存のtableにカス...2015.02.18 | 10時55分04秒
可愛らしいスタイルの日付ピッカーを実装するスクリプト・「DATEDROPPER」 DATEDROPPER DATEDROPPERは可愛らしいスタイルの日付ピッカーを実装するためのスクリプトです。jQueryに依存しています。よく見かける日付ピッカーはその月のカレンダーから選択するスタイルがほぼ定番ですが、こちらはス...2015.02.17 | 11時12分38秒
軽量でベーシックなCSSフレームワーク・「Open Style」 Open Style Open Styleは軽量でベーシックなタイプのCSSフレームワークです。normalize.cssを併用するみたいですね。SASS対応でグリッドシステム、エレメントのポジションサポート、背景への動画導入などが主...2015.02.16 | 11時34分26秒
公開済みのオープンソースプロジェクトの名前をチェック出来る・「Open Source Project Name Checker」 Open Source Project Name Checker Open Source Project Name Checkerは公開されているOSSの名前を検索し、チェック出来るツールです。名前を検索してプロジェクトの名前が被るの...2015.02.15 | 11時16分18秒
OpenTypeやTrueTypeフォントをパース出来るスクリプト・「opentype.js」 opentype.js opentype.jsはOpenTypeやTrueTypeフォントをパースする為のJavaScriptライブラリです。パスや、メトリックスを調整する事でフォントを別の形状に変化させる事が出来る、というものっぽい...2015.02.14 | 10時15分18秒
知識不要でスマフォ向けのWebサイトを構築出来るWebサービス・「IXM Mobile Builder」 IXM Mobile Builder IXM Mobile Builderは知識不要でスマフォ向けのWebサイトを構築出来るWebサイトビルダーです。綺麗にスタイリングされたテンプレートを編集する形で構築しますので独自のスタイルで、と...2015.02.13 | 10時35分01秒
ログイン不要で使えるシンプルなフローチャート作成ツール・「draw.io」 draw.io draw.ioはログイン不要で使えるフローチャート作成ツールです。用意されているエレメントやテンプレートも豊富でインターフェースも日本語に変更出来ますので気軽に使えそうです。Google DriveやDropboxへイ...2015.02.12 | 10時21分31秒
Githubページを利用したブログを構築できる・「HubPress.io」 HubPress.io HubPress.ioはGithubページを使ったブログを構築出来るツールです。本ツールをフォークしてGithubページ上に展開すればいいみたい。セッティングはconfig.jsonを編集してくれとの事です。ど...2015.02.11 | 11時14分35秒