Resource - Archives

美しいスタイルのBootstrap 4用UIキット・「NOW UI KIT」

NOW UI KIT NOW UI KITは美しいスタイルに仕上げられたBootstrap 4用UIキットです。この手のものでおなじみのCreative Tim製です。コンポーネントもしっかり揃えられており、特にオリジナルのスタイルに...

オンラインで請求書を管理するOSSの請求書管理システム・「siwapp」

siwapp siwappはRuby On Railsで書かれたオンラインの請求書管理システムです。顧客や請求書の管理、請求書の印刷など、基本的な機能は揃えられているようです。まだ触ってないので分かりませんけど、多言語化されており、英...

非依存なHTML5オーディオプレーヤー・「Amplitude.js」

Amplitude.js Amplitude.jsは依存性の無いHTML5 オーディオプレーヤー実装スクリプトです。フレキシブルで軽量、タッチデバイスフレンドリーな点が主な特徴のようです。シンプルで良いんじゃないでしょうか。jsDel...
Ads

StackOverflowのようなQ&Aコンテンツを構築する為のOSS・「Scoold」

Scoold ScooldはStackOverflowのような質問サイトを構築するためのオープンソースソフトウェアです。フルテキスト検索、評価システム、レスポンシブ対応、SEOフレンドリー且つ、GoogleやFacebookなどのアカ...

Webサイトのローンチ前に確認する項目をまとめたチェックリスト・「Web Launch Checklist」

Web Launch Checklist Web Launch ChecklistはWebサイトのローンチ前に確認する項目をまとめたチェックリストです。セキュリティやパフォーマンス、SEOやアクセスビリティなどなど、基本的な事ですが、...

開発者向けのOSSなSVGアイコン集・「DEVICON」

DEVICON DEVICONは開発者向けのSVGアイコン集です。angularjs、apache、github、gulp、nodejsなどといった、開発者が良く目にするアイコンがまとまっています。SVGなのでカスタマイズもしやすくな...

Bulmaフレームワーク向けに作られたVue.jsベースのUIコンポーネント・「Buefy」

Buefy BuefyはBulmaフレームワーク向けに作られたVue.jsベースの軽量なUIコンポーネント集です。よく必要とされるtableやタブ、ボタン、アラートやモーダルウィンドウ、フォーム周りなど一通り揃えられています。Bulm...

TwitterなどのSNSのembedを任意の高さと幅に出来るスクリプト・「embedo」

embedo embedoはTwitterやFacebook、InstagramやYoutubeなどのSNSのembedを任意の高さや幅に出来るスクリプトです。PinterestやVimeo、Google Mapにも対応しているそうで...

1996〜2005年までのWebデザインのトレンドを確認出来る・「Web Design Museum」

Web Design Museum Web Design Museumは1996〜2005年までのWebデザインのトレンドを収集したWebプロジェクトです。当時のWebデザインのトレンドを取り入れたWebサイトのスクリーンショットを公...

ランダムにパスワードを生成するスクリプト・「jquery.passwordGenerator」

jquery.passwordGenerator See the Pen jQuery Password Generator by kachibito (@kachibito) on CodePen. jquery.passwo...

クロスプラットフォームなオープンソースのパスワードマネージャ・「Buttercup」

Buttercup Buttercupは多様なプラットフォームにも対応できるクロスプラットフォームなパスワードマネージャです。OSSとしてソースコードも公開されています。NodeJSベースで出来ており、Chromeエクステンションも用...

JavaScriptのライブラリを検索できる・「searchlibs」

searchlibs searchlibsはJavaScriptライブラリを探せる検索エンジンです。animationやchartといったキーワードで検索出来ます。結果表示も高速で非常に使いやすい印象です。ノイズはかなり少ない感じしま...

線で描かれたシンプルで使いやすそうなオープンソースのアイコン集・「Feather 」

Feather Featherは線のみで描かれたシンプルで使いやすそうなアイコンのセットです。どんなスタイルのWebサイトでも割とマッチしてくれそうな印象です。アイコンはSVGで公開されています。ライセンスはMIT。 Feath...

ホバーエフェクトが綺麗なグラデーションカラーのCSSボタンを大量に公開している・「Gradient Buttons」

Gradient Buttons Gradient Buttonsはホバーエフェクトが綺麗なグラデーションカラーのCSSボタンを大量に公開しているWebサイトです。カラーパレットを公開するCOLORIONのコンテンツになります。マウス...

Gistに公開したHTMLコードをプレビューできる・「Gist HTML Preview」

Gist HTML Preview Gist HTML PreviewはGithub Gistに書いたHTMLをプレビュー出来るツールです。ページIDを入力すれば書かれたHTMLを解析、実装してくれる、というもの。割とシンプルにできて...

スライダータイプの使いやすいタイムラインスクリプト・「Timeline.js」

Timeline.js Timeline.jsはスライダー形式で年表のようなタイムラインを表示するスクリプトです。jQueryに依存しています。よくあるタイムラインスクリプトのように細かく年月日設定する等は出来無さそうですが、ざっくり...

スタイルガイドを作成する為のテンプレート・「Style Guide Guide」

Style Guide Guide Style Guide Guideはスタイルガイドを作成する為のテンプレートです。静的サイトジェネレーターで日本語情報も存在するJekyllが使われており、面倒なスタイルガイドの作成をサポートしてく...

ロゴを手軽に作成、購入出来るジェネレーター・「Logopony」

Logopony Logoponyはオンラインでロゴを作成、購入できるジェネレーターです。太古の昔から見かけるサービスですが、このサービスに限っては、ロゴのデザインクオリティと金額が個人的に納得できるものだったので備忘録として。作り方...

YoutubeやVimeoのような動画共有サービスを構築する為のOSS・「YouPHPTube」

YouPHPTube YouPHPTubeはYoutubeやVimeoのような動画共有サイトを構築する為のソフトウェアです。名前の通りPHPで作られています。YoutubeやVimeoなどから動画をインポート→エンコード可能、Face...

ブランドのWebサイトのUIをコレクションしているギャラリーサイト・「 Interfaces.pro」

Interfaces.pro Interfaces.proはいわゆるブランドのWebサイトに絞ってコレクションしたUIギャラリーサイトです。ブランドといってもいろいろ解釈が分かれそうですが、本ギャラリーでは「世界で成功しているブラ...

モダンなWeb向けの小さなCSSリセット・「tinyreset」

tinyreset tinyresetはモダンなWeb向けの小さなCSSリセットです。よく分かりませんね。適切なタイトル思いつかなかったので直訳しました。ただ、内容は良いリセットだと思います。オールドブラウザほぼ死滅の今日ではリセット...

CSSやMicrodata、Open Graphなどのシンプルなコードジェネレーターを沢山公開している・「Web Code Tools」

Web Code Tools Web Code Toolsはさまざまなコードジェネレーターを公開しているWebサイトです。CSSやHTML、Microdata、Open Graphなどなどのコードとパパッと作成出来るものがずらりと並び...
Ads