1996〜2005年までのWebデザインのトレンドを確認出来る・「Web Design Museum」 Web Design Museum Web Design Museumは1996〜2005年までのWebデザインのトレンドを収集したWebプロジェクトです。当時のWebデザインのトレンドを取り入れたWebサイトのスクリーンショットを公...2017.06.08 | 10時10分34秒
ランダムにパスワードを生成するスクリプト・「jquery.passwordGenerator」 jquery.passwordGenerator See the Pen jQuery Password Generator by kachibito (@kachibito) on CodePen. jquery.passwo...2017.06.07 | 22時08分58秒
JavaScriptのライブラリを検索できる・「searchlibs」 searchlibs searchlibsはJavaScriptライブラリを探せる検索エンジンです。animationやchartといったキーワードで検索出来ます。結果表示も高速で非常に使いやすい印象です。ノイズはかなり少ない感じしま...2017.06.04 | 10時30分15秒
ホバーエフェクトが綺麗なグラデーションカラーのCSSボタンを大量に公開している・「Gradient Buttons」 Gradient Buttons Gradient Buttonsはホバーエフェクトが綺麗なグラデーションカラーのCSSボタンを大量に公開しているWebサイトです。カラーパレットを公開するCOLORIONのコンテンツになります。マウス...2017.06.02 | 10時10分41秒
Gistに公開したHTMLコードをプレビューできる・「Gist HTML Preview」 Gist HTML Preview Gist HTML PreviewはGithub Gistに書いたHTMLをプレビュー出来るツールです。ページIDを入力すれば書かれたHTMLを解析、実装してくれる、というもの。割とシンプルにできて...2017.06.01 | 10時50分39秒
スタイルガイドを作成する為のテンプレート・「Style Guide Guide」 Style Guide Guide Style Guide Guideはスタイルガイドを作成する為のテンプレートです。静的サイトジェネレーターで日本語情報も存在するJekyllが使われており、面倒なスタイルガイドの作成をサポートしてく...2017.05.30 | 10時42分09秒
ロゴを手軽に作成、購入出来るジェネレーター・「Logopony」 Logopony Logoponyはオンラインでロゴを作成、購入できるジェネレーターです。太古の昔から見かけるサービスですが、このサービスに限っては、ロゴのデザインクオリティと金額が個人的に納得できるものだったので備忘録として。作り方...2017.05.29 | 10時34分04秒
YoutubeやVimeoのような動画共有サービスを構築する為のOSS・「YouPHPTube」 YouPHPTube YouPHPTubeはYoutubeやVimeoのような動画共有サイトを構築する為のソフトウェアです。名前の通りPHPで作られています。YoutubeやVimeoなどから動画をインポート→エンコード可能、Face...2017.05.28 | 10時13分11秒
ブランドのWebサイトのUIをコレクションしているギャラリーサイト・「 Interfaces.pro」 Interfaces.pro Interfaces.proはいわゆるブランドのWebサイトに絞ってコレクションしたUIギャラリーサイトです。ブランドといってもいろいろ解釈が分かれそうですが、本ギャラリーでは「世界で成功しているブラ...2017.05.27 | 10時12分32秒
CSSやMicrodata、Open Graphなどのシンプルなコードジェネレーターを沢山公開している・「Web Code Tools」 Web Code Tools Web Code Toolsはさまざまなコードジェネレーターを公開しているWebサイトです。CSSやHTML、Microdata、Open Graphなどなどのコードとパパッと作成出来るものがずらりと並び...2017.05.23 | 10時53分05秒
AndroidやiPhone、iPad等でのデバイスで表示確認が出来る・「Sizzy」 Sizzy Sizzyはモバイルやタブレットでの表示確認が出来るWebサービスです。よくあるRWDに対応してるかどうか、みたいな幅を狭くするだけのものではなく、それぞれのUAでアクセス、狭い幅で表示してくれます。 縦横での確認も...2017.05.21 | 10時08分48秒
レスポンシブで軽量なflexboxベースのCSSフレームワーク・「griddd」 griddd gridddはレスポンシブで軽量なflexboxベースのCSSフレームワークです。カスタマイズ性を重視しておりclassもシンプルにされています。大きな特徴はないけどそれ故の使いやすさがある印象でした。MITライセンスの...2017.05.20 | 10時28分34秒
ECサイトに必要なUI構築をサポートするライブラリ・「Shop.js」 Shop.js Shop.jsはECサイトに必要になるカートやチェックアウトのUI構築をサポートするライブラリです。カートニ追加する、チェックアウトのフォーム、カートをスライドインさせるなどなど。そういえばありそうでなかったかも。ライ...2017.05.19 | 10時28分46秒
classを使わないミニマルなCSSフレームワーク・「Sakura」 Sakura Sakuraはclassを使わないミニマルなCSSフレームワークです。カラーテーマはいくつか用意されていますが、コンポーネント等は基礎的なもののみとなっています。それでも、デモを見る限りしっかりとWebコンテンツとして機...2017.05.17 | 10時35分36秒
WordPressのカスタムタクソノミーやカスタム投稿、ショートコードを作れるジェネレーター・「Hasty」 Hasty HastyはWordPressのカスタム分類やカスタム投稿タイプ、ショートコードやカスタムメニューなどのコードを発行してくれるジェネレーターです。もろもろの設定やオプションを決めて作成すればコードが発行されるのでfunct...2017.05.16 | 10時24分41秒
モバイル向けに作られたシンプルなイメージビューア・「SmartPhoto.js」 SmartPhoto.js SmartPhoto.jsはスマフォ向けに作られたシンプルなフォトギャラリースクリプトです。他ライブラリに依存せず単体で動作してくれます。ピンチイン/アウト、ドラッグやスワイプなどのイベントに対応しています...2017.05.15 | 10時16分36秒
Minecraftのようなボクセルゲームを実装出来るOSS・「Minetest」 Minetest MinetestはMinecraftのようなボクセルゲームを実装出来るOSSです。Terasologyやvoxel.js同様、オープンソースで公開されたもので、マイクラライクなボックス世界を楽しむゲームを構築出来る、...2017.05.12 | 10時37分29秒
失敗したスタートアップのプロジェクトと失敗理由を紹介する・「Startup Graveyard」 Startup Graveyard Startup Graveyardは失敗したスタートアップのプロジェクトを紹介するWebサイトです。これは失敗したプロジェクトを晒そう、というネガティブなものではなく、失敗から学び、失敗を繰り返さな...2017.05.10 | 10時04分04秒
JSONデータやPDF等の印刷をサポートするスクリプト・「Print.js」 Print.js Print.jsはWeb状のデータやページ印刷をサポートしてくれる小さなスクリプトです。PDFの印刷は、ファイルを開かず、直接印刷プレビューに行けるようにしたり、フォームの印刷、JSONデータを元にテーブル化して印刷...2017.05.09 | 10時01分21秒
様々な利用シーンに対応出来るよう設計されたキーワードハイライトのスクリプト・「mark.js」 mark.js mark.jsはさまざまな利用シーンを想定して、対応できるように設計されたキーワードハイライトスクリプトです。バニラなJSとしても利用可能ですが、jQueryプラグインも用意されています。特殊記号のサポートやifram...2017.05.07 | 10時43分25秒
ミニマルなオープンソースRSSリーダー・「Miniflux」 Miniflux MinifluxはミニマルなRSSリーダーです。PHPで書かれてます。もっとも重要なのはコンテンツであるという考えから、可読性の高さを重視したスタイルとなっています。OSSとしてソースコードが公開されています。また、...2017.05.07 | 10時24分05秒
Visual Studio、Sublime Text やAtomのスニペットを作れるジェネレーター・「snippet generator」 snippet generator snippet generatorはVSやSublime Text、Atom等のエディタで使えるコードスニペットを登録する為のタグを生成してくれるジェネレーターです。最近はSublime Tex...2017.05.06 | 10時30分08秒