Resource - Archives

スマフォアプリの良質なデザインパターンを収集しているギャラリーサイト・「Mobbin」

Mobbin Mobbinはスマフォアプリで良質なデザインパターンを手作業でコレクションしているデザインギャラリーサイトです。一つのアプリにつき、かなりの量のスクリーンショットを撮っているようです。収集しているアプリの種類もかなりあり...

任意のキーワードを元に、AIがキャッチーでシンプルな名前を複数提案してくれる命名ジェネレーター・「Business Name Generator」

Business Name Generator Business Name Generatorは任意のキーワードから人工知能がキーワードを連想できる製品やプロジェクトの名前を提案してくれるネーミングツールです。上スクションはTokyo...

HTML、CSS、JavaScriptの機能をシンプルに教えてくれる・「simpl.info」

simpl.info simpl.infoはHTML、CSS、JavaScriptの機能をシンプルに教えてくれるプロジェクトサイトです。よくあるスニペットコードの紹介ではなく、標準でこんなAPIあるよ、このAPIでこんなこと出来るよ、...
Ads

Web制作の開発スピード向上を目的とした軽量なCSSライブラリ・「Flat Remix CSS Library」

Flat Remix CSS Library Flat Remix CSS Libraryは開発スピード向上をサポートするCSSライブラリです。基本的な要素のスタイルが施されているので開発に専念できる、みたいな流れを期待したもののよう...

料金表やランディングページ、製品紹介ページなど、コンバージョンに関わるWebデザインのみをコレクションする・「Pages」

Pages Pagesは製品やサービスの料金表ページやLP、プロダクトの紹介ページ、アプリ紹介ページなど、コンバージョンに大きく関わるWebページのみに焦点を絞った良質なWebデザインのみをコレクションしたギャラリーサイトです。以前ご...

スライドをチームで手軽に作成、公開できるプレゼンツール・「Paste」

Paste Pasteは手軽にチームでスライドを作成、シェアできるオンラインのプレゼン支援ツールです。ログインはGoogleかSlackアカウントでログイン可能で、デッキの各ページの編集も簡単に作成できます。テキストの挿入はもちろん、...

Vue.jsで作れるオープンソースのUIデザインツール・「Vue Design System」

Vue Design System Vue Design SystemはVue.jsベースのUIデザインシステムです。チームで使う事を想定されているようで、使用者がHTML、SCSS、JavaScriptを扱ったWebアプリ開発の基礎...

シンプルでオープンソースなRSSフィードリーダー・「Sismics Reader」

Sismics Reader Sismics ReaderはシンプルでOSSなRSSフィードリーダーです。はっきりと明言はされていませんが故Gopogleリーダーの機能をほぼ含んでいるとの事で、クローンに近い印象です。OPMLインポー...

シンプルで直感的なSCSSフレームワーク・「FICTOAN」

FICTOAN FICTOANは直感的に使えるシンプルなSCSSフレームワークです。horizontal-center-thisなどといった分かりやすさ重視のclass命名、モジュール式で必要なものを必要な時に読み込むことでライトに使...

BootstrapベースのシンプルなUIのオープンソース管理画面テンプレート・「tabler」

tabler tablerはBootstrap 4ベースのシンプルなUIの管理画面テンプレートです。多くの場合は左カラムにメニューを配置するケースが多かった気がしますが、こちらは上部に配置されていますので操作性よりは視認性に優れている...

エキセントリックなエフェクトを付与できるユニークなCSSアニメーションライブラリ・「Woah.css」

Woah.css Woah.cssはエキセントリックなエフェクトを要素に付与できるCSSアニメーションライブラリです。ちょっとネタに近いというか多分ネタだと思う程度には奇抜な動作をします。用途は・・個人的にはなさそうです。ただ、CSS...

モックアップ等に使える人物の顔写真を提供する・「UI Faces」

UI Faces UI Facesは顔写真を提供するWebサービスです。モックアップ等に使える顔写真を提供するのが目的のようです。画像は年齢や性別、表情や髪の色でソートできるほか、引用元に絞る事も出来ます。SketchのプラグインやA...

ElectronベースのオープンソースなMarkdownエディタ・「Mark Text」

Mark Text Mark TextはElectronベースのオープンソースなMarkdownエディタです。CommonMarkやGitHub Flavored Markdownもサポートされています。リアルタイムプレビューにはsn...

軽量でモバイルファーストなCSSフレームワーク・「Beauter」

Beauter Beauterは軽量でモバイルファーストなCSSフレームワークです。従来品と異なるのはBOLという実験的な命名規則を導入している点です。BOLは.base(基本クラス)、.-object(オブジェクトクラス)、._la...

非依存で軽量の、Webサイト内をハイライトで案内するWebサイトツアー実装スクリプト・「Driver」

Driver DriverはWebページを案内するページツアーを実装するスクリプトです。たまに見かける、任意の場所をハイライトしてユーザーにWebページの使い方等を教える、というもの。単純にハイライトするだけ、ハイライトせずツール...

デフォルトのスタイルを最小限に抑えられたシンプルなclassで管理する事を目指したCSSフレームワーク・「InvisCss」

InvisCss InvisCssはデフォルトのスタイルを最小限に抑えた、シンプルな命名規則で付けられたclassで管理できるCSSフレームワークです。Bootstrapを意識し、スタイルを作りこまないようにしつつもテーマを用意、cl...

スクロールに応じて任意のCSSアニメーションを要素に付与するスクリプト・「Delighters.JS」

Delighters.JS Delighters.JSはページスクロールに応じて要素に任意のCSSアニメーションを付与できるスクリプトです。よく見かけるやつです。個人的には多くの場合、嫌でも目にしっかり入ってくるくらいの派手なエフェク...

複雑なグラデーションも直感的に作成、CSSのコードも発行できるグラデーションジェネレーター・「CSS Gradient」

CSS Gradient CSS Gradientは複雑なグラデーションも直感的に作成、コードを発行できるジェネレーターです。バーの上でダブルクリックするだけで色を追加、左右に動かして調整できます。コードはそのまま表示されるのでコピー...

Go製のPocketクローンとして公開されたオープンソースのブックマークマネージャ・「shiori」

shiori shioriはGoで書かれたPocketクローンです。Pocket同様に任意のWebページをブックマーク及び管理、さらにPocketの特徴でもあるオフラインでの確認も可能、というもの。Netscape Bookmarkフ...

絵文字を検索🔎、コピーできる絵文字検索エンジン・「Emojiers」

Emojiers Emojiersは絵文字を探せる検索エンジンです。face😎やclock⏰など、特定のキーワードで関連する絵文字を探すことができます。検索したら即出てくるのでなかなか便利ですが、探してみたら日本でもLet's EMO...

オープンソースのプロジェクトのみを探せる検索エンジン・「OpenKube」

OpenKube OpenKubeはOSSなプロジェクトのみを探せる検索エンジンです。基本的にはGithubから引っ張ってきてるようです。大量のOSSから探せる点を特徴としてあげていますが、数年前に止まっていたり、プロジェクトそのもの...

DribbbleのカラーパレットをSketch用に変換してダウンロードできるブラウザ拡張・「Dribbble Color Generator」

Dribbble Color Generator Dribbble Color GeneratorはDribbbleに投稿されたショットに付与するカラーパレットをSketch用としてDL出来るようにするブラウザ拡張です。Firefox...
Ads