レスポンシブWebデザインにも対応できるオープンソースのプロトタイピングツール・「PrototypeBrewery.io」
PrototypeBrewery.io PrototypeBrewery.ioはRWD対応のプロトタイピングツールです。直感的に操作可能なインターフェースで独自のCSS、JavaScriptを書くことも出来ます。ビューモードでは各デバ...
Resource - Archives
インライン編集が可能なオープンソースのブログプラットフォーム・「Postleaf」
Postleaf Postleafはオープンソースのブログプラットフォームです。管理画面等でなく、閲覧しているWebページをその場でインライン編集可能との事。その場で編集出来るのでWebに不慣れな方でも取っ付き易い印象はありますね。動...
Web制作のスピードを早める為に作られたモジュール式の軽量CSSフレームワーク・「BlazeCSS」
BlazeCSS BlazeCSSはモジュール形式のモバイルファーストなCSSフレームワークです。Web製作スピードを早めるために設計、公開されたそう。各コンポーネントは必要なものだけ該当のCSSを読み込むモジュール式でモノリシックな...
オートコンプリートの住所検索の為のスクリプト・「Algolia Places」
Algolia Places Algolia Placesはオートコンプリートな住所検索の為のスクリプトです。上デモのようにOpenStreetMapを使って検索対象を世界にする事が可能です。高速さが売りのようですね。導入も割と簡単で...
デザイナー向けリソースをコレクションしたキュレーションサイト・「Sans Francisco」
Sans Francisco Sans Franciscoはデザイナー向けのリソースを厳選、コレクションしたキュレーションサイトです。大量に公開されているリソースから自分が求めているものを探すだけでも苦労するので、探す手間を省けるよう...
ECサイト専門のWebデザインギャラリー・「Cart Craze」
Cart Craze Cart CrazeはECサイト専門のWebデザインギャラリーサイトです。かなり昔からあるギャラリーサイトで、記事内で紹介した事もあったのですが、必要にかられて久しぶりに見たら綺麗になっていたので改めて。9年もの...
リアルタイムにグラフを描けるチャートライブラリ・「Epoch」
Epoch Epochはリアルタイムにグラフを描くチャートライブラリです。頻繁に更新されるような時系列データをSVGを使って可視化する為の汎用ライブラリとして公開されています。D3.jsに依存するみたい。スタイリングもし易いように設計...
軽量、レスポンシブでエレガントなモーダルウィンドウを実装出来るjQueryプラグイン・「iziModal」
iziModal iziModalはRWD対応で軽量、エレガントなモーダルウィンドウの為のjQueryプラグインです。任意のコンテンツは勿論、iframeや通知などにも対応可能で、タイトルや空＾設定など、細かい設定項目が用意されていま...
textareaを使ったMarkdownエディタライブラリ・「Markdown Text Editor」
Markdown Text Editor Markdown Text EditorはWebベースのMarkdownエディタです。textareaをMarkdownサポートのWYSIWYGにする、というJavaScriptライブラリで、...
PostCSSのプラグインを探せるカタログサイト・「PostCSS.parts」
PostCSS.parts PostCSS.partsはPostCSSのプラグインを探せるカタログサイトです。色関連やフォント、デバッグ、最適化、メディアクエリなど多様なカテゴリに分けられており、インスタンス検索でサクサク探すことが出...
非依存型で軽量、機能的なJavaScript製のモダンオーディオライブラリ・「howler.js」
howler.js howler.jsは非依存型のバニラなJavaScriptオーディオライブラリです。クロスプラットフォームで動作、多様なコーデックのサポート、オーディオのスプライトとコントロール、オートキャッシュによるパフォーマン...
ReactやReact Nativeを使って作られたWebアプリをコレクションしている・「Made with React」
Made with React Made with ReactはReact.jsやReact Nativeを使ったWebアプリケーションを収集、ギャラリー形式で紹介しているWebサイトです。まださほど数はそろっていませんが、基本的には...
Githubのようなスタイルのコードスニペットやメモ等を作成、公開出来るオープンソースソフトウェア・「Gruik」
Gruik Gruikはブラウザで動作するシンプルなメモアプリです。Githubのようなスタイルで、コードスニペットやチュートリアルなどのメモに利用出来るように作られたようです。よくあるメモアプリのように公開/非公開の設定も可能です。...
Instagramの写真をダウンロードする為のブックマークレット・「[instantgram]」
はInstagramの写真をダウンロードする為のブックマークレットです。Instagramの投稿ページでブラウザに登録した本ブックマークレットを使えば別窓で写真が表示されますので後は右クリックで保存するだけ。それ以上でも以下でもあり...
TwitterやGoogle画像検索などで画像にマウスホバーするだけでその場で画像を拡大してくれるOSSのChromeエクステンション・「Hover Zoom+」
Hover Zoom+ Hover Zoom+はTwitterやGoogle画像検索、Amazonなどの画像をマウスホバーでその場で拡大してくれるChromeエクステンションです。画像を確認するのにわざわざクリックしてページ移動は非常...
各UXツールの特徴等をテーブルでチェック、比較出来る・「UX Tools」
UX Tools UX Toolsは各UXツールの特徴をまとめたWebサイトです。プロトタイピング、コラボレーションツール、ユーザビリティテストなどのカテゴリに分けられており、テーブルにまとめられていますので、ひと目で比較できるように...
Webサイトのテキストのスタイルを作成、CSSでダウンロードできる・「Type Nugget」
Type Nugget Type NuggetはWebサイトのテキストを直感的なUIでスタイル、CSSをダウンロードできるWebアプリです。見出しやパラグラフ、リスト、リンクなどのテキストスタイルを設定、CSSをジェネレートしてくれる...
Markdownでプレゼンテーションを作成出来る日本国産のオープンソースソフトウェア・「Marp」
Marp MarpはMarkdown記法でプレゼンテーションを作成出来るオープンソースのソフトウェアです。MacアプリのDecksetのようにMarkdownでプレゼンを作成できますが、こちらはWindows、Linux版も用意されて...
オープンソースで公開されているiOSアプリを大量にまとめた・「Open-Source iOS Apps」
Open-Source iOS Apps Open-Source iOS Appsはオープンソースとしてソースコードが公開されているiOSアプリを大量にまとめたWebページです。一定数以上のスターが付いているプロジェクト、英語以外の言...
ピンチやスワイプ、タップなどのジェスチャーを検出するライブラリ・「zingtouch」
zingtouch See the Pen ZingTouch | Bubble Swipe by ZingChart (@zingchart) on CodePen. zingtouchはタッチデバイスのジェスチャーを検出するライ...
カルーセルやアコーディオン、ドロップダウンメニューなどをCSSのみで実装するコードを集めた・「You Don’t Need JavaScript」
You Don't Need JavaScript See the Pen Without JavaScript Carousel by SitePoint (@SitePoint) on CodePen. You Don't Ne...
要素をシェイクさせるスタイルシート・「CSShake」
CSShake CSShakeは要素にシェイクするようなエフェクトを付与するスタイルシートです。小刻みに震えたり大きく揺れたり縦揺れ、横揺れなどいろいろ用意されていますが、これらのエフェクトをclassで管理しよう、というもの。多用す...