HTML5ベースの非依存型WYSIWYGエディタ・「wysihtml」 wysihtml wysihtmlはHTML5ベースのWYSIWYGエディタです。先日も同じようなリソースをご紹介したばかりですが・・jQuery等のライブラリに依存しないので導入はしやすそうです。コピペで挿入したコンテンツを自動でパ...2014.12.20 | 10時30分05秒
2色を選んでマテリアルデザイン向けのカラースキームを作成してくれる・「Material Palette」 Material Palette Material Paletteは用意された色から2色を選ぶと自動でマテリアルデザイン向けのカラースキームを作成してくれるツールです。選択するとスマフォで実際に使ったようなサンプルとカラースキーム、ダ...2014.12.19 | 11時09分59秒
シンプルでミニマル設計なRWD対応の軽量CSSフレームワーク・「MNML」 MNML MNMLはシンプルでミニマルな設計のCSSフレームワークです。SASS、レスポンシブWebデザイン対応で2kbほどの軽量なものとなっています。悪く言えば特徴が有りませんが、特徴は自分の手で付加していきたい、という方には重宝さ...2014.12.16 | 11時43分40秒
モバイルアプリの為のUIフレームワーク・「Touchstone.js」 Touchstone.js Touchstone.jsはモバイルアプリのためのUIフレームワークです。React.jsベースのようですね。美しくハイブリッドなアプリの構築をサポートしてくれる・・との事ですが、まだロードマップを見る限り...2014.12.15 | 10時49分50秒
様々なJavaScriptライブラリやプラグインの使い方をまとめている・「Js Tutorial」 Js Tutorial Js Tutorialは配布されているJSライブラリやjQuery等のプラグインの使い方をまとめているWebサイトです。と言っても、配布元で書かれているオプションや簡単な解説のみなのでチュートリアルとはあまり言...2014.12.12 | 11時16分32秒
Webサイトの様々なヘルプコンテンツを追加出来るスクリプト・「FAQtoid」 FAQtoid FAQtoidはWebサイトに様々なヘルプ機能を追加するためのスクリプトです。jQueryに依存しています。動画や開閉式のFAQ、送信フォームやWebサイトツアーを、モーダルウィンドウ内に複数収めることが可能で、モーダ...2014.12.10 | 10時11分00秒
SASSとJekyllで構築されたフロントエンド開発フレームワーク・「Muffin」 Muffin MuffinはSASSとJekyllで構築されたフロントエンド開発のためのテンプレートです。インストール後すぐに開発作業を始められるような設計を目指したみたい。SVGアイコンやTwitter Bootstrapもサポート...2014.12.08 | 11時06分29秒
ビジネス用Webアプリ構築の為のCSSフレームワーク・「Flakes」 Flakes Flakesはビジネス用のWebアプリ構築の為に公開されたCSS/JavaScriptフレームワークです。RWDやSASSにも対応済み。ダッシュボードに必要なUIやチェックボックス、フィルタ機能付きのテーブルなどのコンポ...2014.12.05 | 10時32分57秒
jsfiddleライクにWebGLの動作テストが可能なOSS・「WebGL playground」 WebGL playground WebGL playgroundはjsfiddleライクにブラウザ上でWebGLの動作テストが可能なツールです。オープンソースとしてGithubでもソースが公開されています。コード編集すればインタラク...2014.12.03 | 10時40分16秒
Gistで書いたコードをスライド表示にする・「GistDeck」 GistDeck GistDeckはGistのコードをスライドとして表示してくれるツール。方法も簡単で、gistのサブドメインを変えるだけ。任意のgistのページのURLのgist.github.com/~の箇所をgistdeck.g...2014.12.02 | 10時25分42秒
SVGアイコンをアニメーションエフェクト付きで切り替える為のスクリプト・「SVG Morpheus」 SVG Morpheus SVG MorpheusはSVGアイコンから別のSVGアイコンへモーフィングさせる為のスクリプトです。非依存型で単体で動作してくれます。導入も楽そう。オプションやらサポートされたイージングの種類は本サイトにて...2014.12.01 | 11時35分56秒
Markdown記法でリアルタイムプレビューを可能にする・「Livedown」 Livedown Livedownは各エディタでMarkdown記法を使う際にリアルタイムプレブビュー機能を付加するプラグイン。VimやSublime text、Emacsなどのプラグインが用意されています。Markdownを書く機会...2014.11.30 | 11時51分51秒
AngularJSとPHPで作られたシングルページ専用のCMS・「Cosmo」 Cosmo CosmoはAngularJSとPHPで書かれたオープンソースのCMSです。シングルページ専用との事。モバイルファーストでソーシャルメディアフレンドリーな設計になっているそうです。フロントエンド側で編集可能にする事でデバイ...2014.11.29 | 10時59分18秒
行単位でCSSを適応させるスクリプト・「LINING.JS」 LINING.JS LINING.JSは行単位でCSSを適応させる為のスクリプトです。非依存型で単体で動作してくれます。カスタムデータ属性を使って1行毎に任意のスタイルを作れる、みたいなやつ。上記のスクショは表示時に、1行毎にスライド...2014.11.27 | 10時30分47秒
Dropboxに置いているCSVやGoogleスプレッドシートのデータをグラフ化するOSS・「CHARTED」 CHARTED CHARTEDはDropboxに置いたCSVやGoogleスプレッドシートのデータを元にグラフに可視化するツールです。OSSとしてGithubでもソースコードが公開されています。Mediumのスタッフ作らしいです。...2014.11.26 | 10時42分17秒
任意のWebサイトのCSSを解析し、ステータスを表示してくれるオープンソースのソフトウェア・「CSS Stats」 CSS Stats CSS Statsは任意のWebサイトのCSSを解析してステータスを表示してくれるツールです。OSSとしてソースコードも公開されています。CSSのサイズや使用されているプロパティやセレクタの数、カラーコード、フォン...2014.11.25 | 10時34分44秒
マテリアルデザインを取り入れたレスポンシブWebデザイン対応のCSSフレームワーク・「Materialize」 Materialize Materializeはマテリアルデザインを取り入れたRWD対応のCSSをフレームワークです。Sass対応で、各種コンポーネントも揃っていました。ベーシックで良いんじゃないでしょうか。ライセンスはMITとの事。...2014.11.24 | 11時13分45秒
モバイルやモダンブラウザ向けに、jQueryやzepto.jsの代替として作られた軽量ライブラリ・「laroux.js」 laroux.js laroux.jsはモバイルやモダンブラウザ向けに作られたjQuery、zepto.jsの代替ライブラリです。コアは非圧縮でも2.8kbと軽量で、Ajaxやアニメーション、データの取得等、やりたい事があればその都度...2014.11.23 | 11時09分48秒
Webサイトのスタイルガイド作成の為のリソースをまとめている・「Website Style Guide Resources」 Website Style Guide Resources Website Style Guide ResourcesはWeb[サイトのスタイルガイドを作成する為のリソースをまとめているWebサイトです。チームで管理する際に作業を円滑...2014.11.22 | 10時53分15秒
指定箇所のサイズを計測できるPhotoshopのスクリプト・「Size Marks」 Size Marks Size MarksはPhotoshop内で指定した箇所のサイズを計測するスクリプトです。サイズは新しいレイヤーに書きだされるみたいですね。縦はH、横はWが頭文字に付く形でレイヤー名が付けられるのも分かりやすくて...2014.11.20 | 10時08分51秒
Webサイトのパフォーマンスチェックが出来るスクリプト・「PerfBar」 PerfBar PerfBarはWebサイトの簡単なパフォーマンスチェックが出来る非依存型のスクリプトです。任意のWebサイトに埋め込むことでロード時間や待ち時間等をチェック出来る様になります。フロントエンド側でチェックできるので自分...2014.11.19 | 10時18分21秒
Google DriveやSkydriveのようなオープンソースのドキュメントエディタ・「WebSyn.ca」 WebSyn.ca WebSyn.caはGoogle DriveやMSのSkydriveのようなドキュメントエディタを構築する為のソフトウェアです。OSSとしてソースコードが公開されています。プレゼンやスプレッドシートも作れるみたい。...2014.11.18 | 11時39分06秒