TwitterやYoutubeチャンネル、Facebookなどのカバー画像やフライヤー、ポスター等のグラフィックをデザイン出来るオンラインツール・「Crello」
Crello Crelloはさまざまなグラフィックデザインを手軽に作成出来るオンラインツールです。TwitterやYoutubeチャンネル、Facebookなどのカバー画像やInstagram、Twitterにポストする用の加工ツール...
Resource - Webディレクター向け
シンプルで使いやすいスタイルのCSSボタンのセット・「beautons」
beautons beautonsはシンプルで使いやすいスタイルのCSSボタンのセットです。csswizardry謹製みたいです。classを付与すればそのスタイルになってくれます。フレームワークをベースとしている場合は使いにくいケー...
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...
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...
JavaScriptのライブラリを検索できる・「searchlibs」
searchlibs searchlibsはJavaScriptライブラリを探せる検索エンジンです。animationやchartといったキーワードで検索出来ます。結果表示も高速で非常に使いやすい印象です。ノイズはかなり少ない感じしま...
ホバーエフェクトが綺麗なグラデーションカラーの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を解析、実装してくれる、というもの。割とシンプルにできて...
スタイルガイドを作成する為のテンプレート・「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ギャラリーサイトです。ブランドといってもいろいろ解釈が分かれそうですが、本ギャラリーでは「世界で成功しているブラ...
CSSやMicrodata、Open Graphなどのシンプルなコードジェネレーターを沢山公開している・「Web Code Tools」
Web Code Tools Web Code Toolsはさまざまなコードジェネレーターを公開しているWebサイトです。CSSやHTML、Microdata、Open Graphなどなどのコードとパパッと作成出来るものがずらりと並び...
AndroidやiPhone、iPad等でのデバイスで表示確認が出来る・「Sizzy」
Sizzy Sizzyはモバイルやタブレットでの表示確認が出来るWebサービスです。よくあるRWDに対応してるかどうか、みたいな幅を狭くするだけのものではなく、それぞれのUAでアクセス、狭い幅で表示してくれます。 縦横での確認も...
レスポンシブで軽量なflexboxベースのCSSフレームワーク・「griddd」
griddd gridddはレスポンシブで軽量なflexboxベースのCSSフレームワークです。カスタマイズ性を重視しておりclassもシンプルにされています。大きな特徴はないけどそれ故の使いやすさがある印象でした。MITライセンスの...
ECサイトに必要なUI構築をサポートするライブラリ・「Shop.js」
Shop.js Shop.jsはECサイトに必要になるカートやチェックアウトのUI構築をサポートするライブラリです。カートニ追加する、チェックアウトのフォーム、カートをスライドインさせるなどなど。そういえばありそうでなかったかも。ライ...
ボタンのスタイルを大量に集めたスタイルシート・「Buttons」
Buttons Buttonsはボタンのみを集めたスタイルシートです。少し前の、影のある立体的なものや、ベーシックなもの、丸みのあるもの、フラットなものなどさまざまなボタンのスタイルかなり大量に揃えられています。どこかで役に立つ・・か...
classを使わないミニマルなCSSフレームワーク・「Sakura」
Sakura Sakuraはclassを使わないミニマルなCSSフレームワークです。カラーテーマはいくつか用意されていますが、コンポーネント等は基礎的なもののみとなっています。それでも、デモを見る限りしっかりとWebコンテンツとして機...
WordPressのカスタムタクソノミーやカスタム投稿、ショートコードを作れるジェネレーター・「Hasty」
Hasty HastyはWordPressのカスタム分類やカスタム投稿タイプ、ショートコードやカスタムメニューなどのコードを発行してくれるジェネレーターです。もろもろの設定やオプションを決めて作成すればコードが発行されるのでfunct...