FlexboxベースのシンプルなCSSフレームワーク・「useful.ly」
useful.ly useful.lyはFlexboxベースのシンプルなCSSフレームワーク。グリッドやモーダルウィンドウ、ボタンやフォームのスタイルを提供してくれています。まで開発中でこれから頑張る！CDNも用意したから試しに触って...
Resource - Webディレクター向け
NAVER製のオープンソースなUIインタラクションライブラリ・「egjs」
egjs egjsはLINEでおなじみのNAVERが公開しているUIインタラクションセットライブラリです。Webアプリ構築の際に開発スピードに貢献する事が目的のようで、OSSとして提供してくれています。jQueryを使って更に機能を拡...
ミニマルスタイルでパワフルなMarkdownエディタ・「typora」
typora typoraはミニマルなスタイルながらパワフルな機能を持ったMarkdownエディタです。Mac、Windows、Linuxに対応。画像はD&D対応、数式も入力可能でテーマもカスタマイズ出来るようになっています。同じよう...
DribbbleやBehanceでフリーで公開されているデザインリソースをまとめている・「DBFreebies」
DBFreebies DBFreebiesはDribbbleやBehanceでフリーで公開されているデザインリソースをキュレーションしているWebサイトです。リソースはアイコンやUIキット、フォント、モックアップ等に分けられています。...
良質なランディングページを厳選してWebギャラリーにしている・「Landingfolio」
Landingfolio Landingfolioは良質なランディングページを厳選して収集、Webデザインギャラリーとして公開しているWebサイトです。用意されているカテゴリはモバイルアプリやツールサービス、EC、本やファッションとい...
任意のカラーパレットを保存、管理出来るシンプルなデスクトップアプリ・「ClickPalette」
ClickPalette ClickPaletteは任意のカラーパレットを管理できるシンプルなデスクトップアプリです。任意のカラーコードを登録、カラーパレットを作成して保存するだけのシンプルなものです。パレットは複数作成出来て、名前も...
ZendeskライクなWebベースのヘルプデスクシステムを構築できるオープンソースソフトウェア・「Zammad」
Zammad ZammadはZendeskのようなWebベースのヘルプデスク/カスタマーサポートシステム構築の為のOSSです。一般的なヘルプデスクサービスとして提供されていますが、Githubでもオープンソースとして公開されています。...
Vue.jsベースのWebアプリケーション向けのマテリアルデザインフレームワーク・「Vue Material」
Vue Material Vue MaterialはVue.jsベースで作られたWebアプリケーションをマテリアルデザインに対応させるためのフレームワークです。コンポーネントやUIは再利用できるように意識して設計したそう。コンポーネン...
CSSで作るベーシックなローダーのセット・「CSS loader」
CSS loader CSS loaderはCSSのみで作れるベーシックなローダーを簡単に設定できるスタイルシートです。画像でよく見かけるエレメントをCSSで作った、みたいなもの。他に、少し凝ったものもあります。ここ最近はCSSのみで...
各画像フォーマットをjpegにコンバートすると同時に軽量化もしてくれる・「Jpeg.io」
Jpeg.io Jpeg.ioはgifやpng、svg、psdなどのフォーマットのファイルをアップロードするだけでjpegに変換し、ついでに画像の軽量化(最適化)も行うWebサービスです。軽量化の際の劣化は自分の見た限りでは確認出来ま...
フォント名から利用している主要Webサイトをリストにし、他の利用フォントも教えてくれる・「Font Reach」
Font Reach Font Reachはフォント名で検索すると、そのフォントを実際に利用(設定)している主要なWebサイトのリストを表示してくれるWebサービスです。(例：ヒラギノ角ゴ proを使用しているWebサイト一覧)リスト...
レスポンシブなEメールの雛形をユーザー登録不要で手軽に作成、ダウンロード出来る・「Pulp」
Pulp PulpはオンラインでRWDなEメールのテンプレを作成、ダウンロード出来るWebサービスです。無料で作成、ダウンロード可能で、ユーザー登録も不要、クレジットもコメントアウトで入るだけと手軽で気軽に使えます。エレメントを追加す...
CSSのみで出来たシンプルで実用的なアイコン集・「CSS ICON」
CSS ICON CSS ICONはCSSのみで出来たアイコン集です。それぞれのアイコンは上図のようにコードが紹介されており、各部位がハイライトされるようになっていて仕組みをわかりやすくしてくれています。スマフォの普及やオールドブラウ...
WordPressプラグイン不要で出来るコードを紹介する・「You Might Not Need That WordPress Plugin」
You Might Not Need That WordPress Plugin You Might Not Need That WordPress PluginはWordPressプラグインをわざわざ使わずとも少ないコードで実装出来...
レスポンシブなオーバーレイメニュー構築のためのフレームワーク・「responsive-overlay-menu」
responsive-overlay-menu See the Pen Responsive overlay menu - full menu with second menu example by Mario Loncarek (@ri...
WebアプリのためのシンプルでフレキシブルなUIフレームワーク・「Agile CSS」
Agile CSS Agile CSSはWebアプリケーションのためのフレキシブルなUIフレームワークです。タブやテーブル、通知、ツールチップ、ナビゲーションなどの各UIコンポーネントやエフェクト等、アプリに必要そうなコンポーネントが...
複雑なアニメーションにも対応できる、パフォーマンス重視のJavaScriptアニメーションエンジン・「KUTE.js」
KUTE.js KUTE.jsは高度なカスタムアニメーションにも対応できるパフォーマンス重視のJavaScript製アニメーションエンジンです。本サイトTOPにもあるような複雑なアニメーションコンテンツの実装をサポートしてくれます。コ...
ビジネスプロセスやサービス等の注文状況を管理するOSS・「Hydra OMS」
Hydra OMS Hydra OMSはビジネスプロセスや注文を管理するOMS(Order Management System)です。フローの自動化、ビジネスプロセスの強化・構築などが主な特徴とのことです。例えばピザ屋さんで配達のオー...
オープンソースとしても公開されているスマフォやタブレットにも対応のパスワードマネージャ・「bitwarden」
bitwarden bitwardenは様々なデバイスで使えるフリーのパスワードマネージャです。OSSとしてもソースコードが公開されています。ユーザーが登録したパスワードはAES256やPBKDF2によって暗号化されており、例えbit...
シンプルなラインで出来たアイコンフォント・「gonzocons」
gonzocons gonzoconsはシンプルな線のみでできたアイコンフォントです。フォントファイルとSVGが用意されています。汎用的で使いやすそうな印象でした。Font Awesomeと同じく、contentで使う時のUnicod...
TweetDeckライクにGithubリポジトリを表示する国産マルチタイムラインビューア・「Deck」
Deck DeckはGithubのリポジトリをTweetDeckのようにマルチタイムラインで表示してくれるビューアです。日本の方の開発されたアプリケーションで、Backlogにも対応してくれています。使い方も日本語で解説されていますの...
CSSアニメーションの遅延をコントロールする為のシンプルなフレームワーク・「Shift.css」
Shift.css Shift.cssはCSSアニメーションの遅延で要素をコントロールするフレームワークです。上記サンプルのように要素にかかるアニメーションを遅延させてコンテンツの構築をサポートしよう、というもの。CSSとほんの少...