markdownでデータも視覚化出来るようにする・「Visdown」
Visdown Visdownはmarkdownでデータも視覚化出来るようにするツールです。markdownのみでcsv等を読み込んでデータ内容をグラフにして表示しよう、というもの。グラフはSVGで描かれます。markdown自体、も...
Resource - Archives
いろいろなスタイルのボタンを実装出来るスタイルシート・「bttn.css」
bttn.css bttn.cssはいろいろなスタイルのボタンを実装出来るスタイルシートです。種類はそこまで多くないですが、それぞれのボタンは最小、小、中、大の太さが用意されており、ブロック要素/インライン要素、5色のカラーが用意され...
CSSで作る様々なメニューを大量にまとめた・「110 CSS Menu」
110 CSS Menu 110 CSS MenuはCSS（と、少しのJavaScript）で作るメニューを大量にまとめたWebページです。110個あるかは明記されてないし数えてもないので分かりませんが、読み込みがやたら重いので結構な...
ブラウザでアニメーションや簡単なゲーム等を作成出来るOSS・「Wick」
Wick Wickはブラウザでアニメーションや簡単なゲーム等を作成出来るエディタです。マルチメディアエディタというものだそう。デモがあるので詳細は本プロジェクトページにて。今日は大晦日ゆえ、簡単ですがこれで本年の更新は終わらせて頂きま...
軽量で非依存のパララックス実装スクリプト・「Rellax.js」
Rellax.js Rellax.jsは軽量で他ライブラリに依存しないパララックス実装スクリプトです。少し前に流行って今は割と普通に見かけるようになった視差効果のあるWebページの制作をサポートしてくれる、というもの。ファイルサイズは...
任意のWebサイトや要素に設定されたCSSを解析するChromeエクステンション・「CSS Peeper」
CSS Peeper CSS Peeperは任意のWebページやそのページの各コンテナに設定されたCSSを解析するChromeエクステンションです。解析したいページでエクステンションを起動すると、Webページのfont-familyや...
大量のCSSフレームワークやライブラリ、スニペット、ツール等をコレクションしている・「CSSReflex」
CSSReflex CSSReflexは大量のCSSフレームワークやライブラリ、スニペットやツール等をコレクションしているWebサイトです。よくあるキュレーションサイトですね。レスポンシブの計算機やフィルターツールなどもありますが、特...
動作軽量で使いやすいオープンソースなイメージビューア・「ImageGlass」
ImageGlass ImageGlassは動作軽量で使いやすいイメージビューアです。OSSとしてもソースコードが公開されています。対応フォーマットはJPG、JPEG,やPNG, GIF, ICO, BMPなどやWMF、PSD、HDR...
検索結果がプレビュー可能な、プライバシー尊重を意識した検索エンジン・「peekier」
peekier peekierはプライバシー尊重を意識した検索エンジンです。個人を特定出来る情報を収集せず、cookieも使いません。検索結果で表示されるリストはサムネイル付きで表示され、その先にアクセスせずにプレビューで確認する事が...
モジュール形式のWordPressテーマ開発向けフレームワーク・「Cherry Framework」
Cherry Framework Cherry FrameworkはWordPressテーマ開発フレームワークです。GPLライセンスの元、OSSとして公開されています。専用のプラグイン（高度検索化、不動産ツールなど）も複数開発されてお...
世界中のインターネット接続に関する情報を調査出来る・「THE WEB WORLDWIDE」
THE WEB WORLDWIDE THE WEB WORLDWIDEは世界中のインターネット接続に関する情報を調査できるWebサービスです。調べたい国を選択すると、人口や識字率、GDP、貧困率などの基本情報と、4Mbps +ブロード...
disple:tableを使ったモバイルファーストなCSSグリッドシステム・「Table Grid」
Table Grid Table Gridはdisple:tableを使ったモバイルファーストなCSSグリッドシステムです。といっても実用性を考えて作った重要性の高いプロジェクトではなく、単に実験的に作ったようです。floatやfle...
複数のストックフォトサイトやフォント、モックアップ、動画の配布サイトをその場で探せる・「TheStocks」
TheStocks TheStocksはロイヤリティフリーの写真を配布するストックフォトサイトやフォント配布サイト、モックアップ、カラースキームや動画を配布する各サービスをその場で探せるWebサイトです。以前ご紹介したのですが、以前は...
さまざまなUIデザインをギャラリー形式で紹介している・「UIDB.io」
UIDB.io UIDB.ioはさまざまなUIデザインを紹介するデザインギャラリーです。パーツつごとではなく、ページ単位のSSを紹介しているようです。そのせいもあってか、少し見にくいかな・・？良いものを厳選してるというより、豊富な数が...
ラジオボタンにアニメーションエフェクトを付与する為のスタイルシート・「Radiobox.css」
Radiobox.css Radiobox.cssはラジオボタンにアニメーションエフェクトを付与するCSSです。上図のようにチェックを入れるとラジオボタンがアニメーションします。使い方は簡単で、CSSを読み込んでiinput要素にcl...
ブラウザで使える、Framer.jsを使ったプロトタイプのインタラクションテストツール・「Prototyp」
Prototyp PrototypはFramer.jsを使ったプロトタイプのインタラクションテストを行えるテストツールです。誰でも無料で利用する事が出来ます。作成したプロトタイプはURLを発行、モバイルデバイスで動作確認も可能です。そ...
スマフォで画面下へスワイプしてWebページを更新させられるスクリプト・「PulltoRefresh.js」
PulltoRefresh.js PulltoRefresh.jsはスマフォで画面下にスワイプしてWebページをリフレッシュ出来るスクリプトです。ページ一番上の状態で下にスワイプするとページを更新する事ができる、というもの。マークアッ...
顔文字やASCIIなフォントを作成、コピーできる・「ascii.li」
ascii.li ascii.liは顔文字やASCIIなフォントを作成、コピー出来るジェネレーターササービスです。既存の顔文字のアーカイブからはクリックでコピー可能（ASCII & Unicode Text Emoticons）、それ...
シンプルで非依存、軽量なカルーセルスクリプト・「Siema」
Siema See the Pen Siema - nested carousels by kachibito (@kachibito) on CodePen. Siemaはシンプルで軽量、非依存型のカルーセルを実装するスクリプトで...
framer.jsで作られたモックアップやリソースを紹介する・「FramerJS Club」
FramerJS Club FramerJS Clubはframerjsで作成されたモックアップやリソースをまとめているWebサイトです。プロトタイプの紹介やチュートリアル記事、モジュールなどいろいろとまとめている様です。本家のギャラ...
無料でスクリーンキャストを撮ってシェア出来るChromeエクステンション・「ViewedIt」
ViewedIt ViewedItはスクリーンキャストを撮影してシェア出来るChrome拡張です。撮った動画は保存期間が設けられておらず、削除されないそうです。また、ストレージも無制限とのこと。撮影時間は1時間となっています。FAQに...
レスポンシブなペラページを直感で作成、CC0ライセンスでダウンロード出来る・「Launchaco Website Builder」
Launchaco Website Builder Launchaco Website BuilderはRWD対応のペラページを直感的に作成、ダウンロード出来るWebサイトビルダーサービスです。作成されたファイルはCC0ライセンスで配...