Resource - Archives

ツリー構造データを可視化するためのシンプルな非依存型スクリプト・「treeData.js」

treeData.js treeData.jsはツリー構造のデータを可視化する為のスクリプトです。シンプルな仕様で、単純に可視化するためだけのものとなっていますので他スクリプト等への依存もなく、コードも少なく実装も容易です。使い勝手は...

jQueryで作られたオープンソースのシンプルなTodoアプリ・「LobiList」

LobiList LobiListはjQuery製のToDoアプリです。OSSとして公開されています。上図のように複数リストも設定可能で基本的なToDoアプリの性能は揃っている印象でした。シンプルで使いやすそうですし、手軽に作れるのは...

レスポンシブWebデザイン対応のHTMLメールフレームワーク・「Outline Mail」

Outline Mail Outline MailはRWDなメールのHTMLフレームワークです。スマフォの普及で以前より需要が増している印象です。HTMLメールのRWD対応は通常のWebページとは少し勝手が違うのでこの手のフレームワー...
Ads

日本語にも対応のHTMLをPDFに変換するOSS・「Athena」

Athena AthenaはHTMLからPDFへ変換するコンバートツールです。日本語を含め、数百もの多言語に対応しているそう。URLを指定すれば変換してくれます。wkhtmltopdfの代替として開発、OSSとして公開されています。今...

フリーで公開されたWebデザイン向けのリソースをまとめている・「Freebiesbug」

Freebiesbug FreebiesbugはWebデザイン向けのリソースで無料で公開されているものだけをまとめているWebサイトです。テンプレートやCSSフレームワーク、ちょっとしたコードスニペットの紹介ページやPSDファイル、フ...

静的なHTMLファイルを編集可能にするシンプルなCMS・「SiteCake」

SiteCake SiteCakeは通常の静的なHTMLを編集可能にするシンプルなCMSです。プログラミングの知識も不要でプレーンなHTMLを編集可能になします。コンテンツはドラッグ&ドロップで調整出来てデータベースも不要との事。どこ...

canvasを使ったシンプルなドローライブラリ・「atrament.js」

atrament.js atrament.jsはcanvasを使ったシンプルなドローライブラリです。色やペンの太さ、消しゴム、透過機能などが揃っています。他ライブラリへの依存も無く、圧縮版で7KBほどと軽量です。滑らかで動作も軽いドロ...

Markdownで書ける、Wikiベースの日本国産オープンソースなコミュニケーションツール・「Crowi」

Crowi Crowiは日本国産のオープンソースなWikiです。コミュニケーションツールとしてのWikiを目指したシンプルな設計となっているそう。もう1~2年前に公開されていたようですが最近知ったばかりでしたのでメモも兼ねて。国産なの...

can I useの特定の項目のブラウザ対応表をWebサイトに埋め込める・「The (Unofficial) CanIUse Embed」

The (Unofficial) CanIUse Embed Can I Use transforms3d? Data on support for the transforms3d feature across the maj...

Webアプリ向けに設計された非依存型で軽量なツールチップ実装スクリプト・「Popper.js」

Popper.js Popper.jsは常に見やすい状態に維持してくれるツールチップ実装スクリプトです。圧縮版で3.5KBと軽量且つ非依存型で単体で動作してくれます。うまく説明出来ませんが、任意のコンテナにツールチップを表示した際、ス...

インタラクティブなグラフやチャートの為のjQueryプラグイン・「FusionCharts」

FusionCharts FusionChartsはインタラクティブなグラフやチャート構築の為のスクリプトです。jQueryに依存してます。シンプルなグラフはもちろん、3Dな円グラフや棒や線などの複合チャート、エクスポート機能の他、J...

様々なUIのデザインをパーツ別に収集しているギャラリーサイト・「Collect UI」

Collect UI Collect UIは様々なUIデザインを収集しているギャラリーサイトです。よくあるギャラリーサイトですが、他と違う点は大量のカテゴリに分けられている点です。主なソース元はDribbbleだそうですが、自動ではな...

ブラウザやOS、デバイス等を検出してclassを付与するスクリプト・「Detectr.js」

Detectr.js Detectr.jsはブラウザやOS、デバイス等を検出してclassを付与するスクリプトです。他ライブラリに依存せず単体で動作し、圧縮版で3.6KByと軽量です。下記のようにclassが付与されます。 ...

画像にblur効果を与えるためのシンプルなスクリプト・「Image Blur Plugin」

Image Blur Plugin Image Blur Pluginは画像にぼかし効果を与えるためのシンプルなスクリプトです。jQueryに依存します。いわゆるblur効果を簡単に付与できる、というもの。オールドブラウザも含め、...

再利用も視野にいれたオブジェクト指向CSSフレームワーク・「RichCSS」

RichCSS RichCSSは再利用も視野に入れて設計されたオブジェクト指向のCSSフレームワークです。各コンポーネント毎にファイルを別にしているみたいですね。クリーンなCSS設計になるよう心がけて設計してあるそうです。隙を見て触っ...

任意のテキストをクリックで表示させるシンプルな注釈スクリプト・「Expounder」

Expounder Expounderはクリックで任意のテキストを表示させるシンプルなスクリプトです。タイトルだけだとうまく説明できなかったのですが、百聞は一見に如かずという事で上記の動作サンプルを用意しました。注釈系のスクリプトです...

HTML5製の管理画面構築のためのOSSなダッシュボードフレームワーク・「RazorFlow」

RazorFlow RazorFlowはHTML5製のダッシュボード用フレームワークです。オープンソースとして公開されています。円グラフや棒グラフ等のチャート、管理画面のスタイルビルダー、リアルタイム更新、軽量且つ高速でタッチデバイス...

Githubで公開されているSketchプラグインを収集している・「Sketchpacks」

Sketchpacks SketchpacksはGithubでソースコードが公開されているSketchのプラグインを収集しているキュレーションサイトです。(※Githubだけかどうかまでは確認していませんが、殆どのプラグインがGith...

Chromeの設定画面等を表示するコマンドをまとめた・「CHROME://COMMANDS」

CHROME://COMMANDS CHROME://COMMANDSはChromeの様々な設定画面を表示するコマンドの一覧です。定番のものからFLAGSのような、実験的に備えられている機能の設定が可能なコマンドなどなど。ご存知の方も...

微調整可能な拡大鏡を実装出来るスクリプト・「jfMagnify」

jfMagnify jfMagnifyは微調整可能な拡大鏡を実装出来るスクリプト。jQueryとjQuery UIに依存します。上記のように拡大鏡に+-ボタンが付いており、拡大鏡内の微調整が可能となっています。拡大鏡はCSSのみで...

データベース不要のフラットファイル型オープンソースCMS・「Grav」

Grav Gravはデータベース不要のオープンソースなCMSです。Markdown記法が採用されています。フラットファイル構成でDBが無くてもCMSとして機能してくれます。シンプル且つ高速な点が売りのようですね。多言語化対応でテーマフ...

文章に注釈を加えるためのシンプルなスクリプト・「marginotes」

marginotes marginotesは文章内の任意のキーワードに注釈を加えるためのシンプルなスクリプトです。jQuery版と単体で動くvanilla版があります。マウスホバーで左端にちょろっと注釈が出る、というシンプルなもの。ツ...
Ads