スマフォアプリの良質なデザインパターンを収集しているギャラリーサイト・「Mobbin」 Mobbin Mobbinはスマフォアプリで良質なデザインパターンを手作業でコレクションしているデザインギャラリーサイトです。一つのアプリにつき、かなりの量のスクリーンショットを撮っているようです。収集しているアプリの種類もかなりあり...2018.03.30 | 10時09分28秒
任意のキーワードを元に、AIがキャッチーでシンプルな名前を複数提案してくれる命名ジェネレーター・「Business Name Generator」 Business Name Generator Business Name Generatorは任意のキーワードから人工知能がキーワードを連想できる製品やプロジェクトの名前を提案してくれるネーミングツールです。上スクションはTokyo...2018.03.29 | 10時39分56秒
HTML、CSS、JavaScriptの機能をシンプルに教えてくれる・「simpl.info」 simpl.info simpl.infoはHTML、CSS、JavaScriptの機能をシンプルに教えてくれるプロジェクトサイトです。よくあるスニペットコードの紹介ではなく、標準でこんなAPIあるよ、このAPIでこんなこと出来るよ、...2018.03.28 | 11時08分47秒
Web制作の開発スピード向上を目的とした軽量なCSSライブラリ・「Flat Remix CSS Library」 Flat Remix CSS Library Flat Remix CSS Libraryは開発スピード向上をサポートするCSSライブラリです。基本的な要素のスタイルが施されているので開発に専念できる、みたいな流れを期待したもののよう...2018.03.27 | 10時19分36秒
料金表やランディングページ、製品紹介ページなど、コンバージョンに関わるWebデザインのみをコレクションする・「Pages」 Pages Pagesは製品やサービスの料金表ページやLP、プロダクトの紹介ページ、アプリ紹介ページなど、コンバージョンに大きく関わるWebページのみに焦点を絞った良質なWebデザインのみをコレクションしたギャラリーサイトです。以前ご...2018.03.25 | 10時52分01秒
スライドをチームで手軽に作成、公開できるプレゼンツール・「Paste」 Paste Pasteは手軽にチームでスライドを作成、シェアできるオンラインのプレゼン支援ツールです。ログインはGoogleかSlackアカウントでログイン可能で、デッキの各ページの編集も簡単に作成できます。テキストの挿入はもちろん、...2018.03.24 | 10時40分26秒
Vue.jsで作れるオープンソースのUIデザインツール・「Vue Design System」 Vue Design System Vue Design SystemはVue.jsベースのUIデザインシステムです。チームで使う事を想定されているようで、使用者がHTML、SCSS、JavaScriptを扱ったWebアプリ開発の基礎...2018.03.23 | 11時02分20秒
シンプルでオープンソースなRSSフィードリーダー・「Sismics Reader」 Sismics Reader Sismics ReaderはシンプルでOSSなRSSフィードリーダーです。はっきりと明言はされていませんが故Gopogleリーダーの機能をほぼ含んでいるとの事で、クローンに近い印象です。OPMLインポー...2018.03.22 | 10時22分54秒
シンプルで直感的なSCSSフレームワーク・「FICTOAN」 FICTOAN FICTOANは直感的に使えるシンプルなSCSSフレームワークです。horizontal-center-thisなどといった分かりやすさ重視のclass命名、モジュール式で必要なものを必要な時に読み込むことでライトに使...2018.03.21 | 11時40分34秒
BootstrapベースのシンプルなUIのオープンソース管理画面テンプレート・「tabler」 tabler tablerはBootstrap 4ベースのシンプルなUIの管理画面テンプレートです。多くの場合は左カラムにメニューを配置するケースが多かった気がしますが、こちらは上部に配置されていますので操作性よりは視認性に優れている...2018.03.20 | 10時33分55秒
エキセントリックなエフェクトを付与できるユニークなCSSアニメーションライブラリ・「Woah.css」 Woah.css Woah.cssはエキセントリックなエフェクトを要素に付与できるCSSアニメーションライブラリです。ちょっとネタに近いというか多分ネタだと思う程度には奇抜な動作をします。用途は・・個人的にはなさそうです。ただ、CSS...2018.03.18 | 10時07分25秒
モックアップ等に使える人物の顔写真を提供する・「UI Faces」 UI Faces UI Facesは顔写真を提供するWebサービスです。モックアップ等に使える顔写真を提供するのが目的のようです。画像は年齢や性別、表情や髪の色でソートできるほか、引用元に絞る事も出来ます。SketchのプラグインやA...2018.03.17 | 10時55分21秒
ElectronベースのオープンソースなMarkdownエディタ・「Mark Text」 Mark Text Mark TextはElectronベースのオープンソースなMarkdownエディタです。CommonMarkやGitHub Flavored Markdownもサポートされています。リアルタイムプレビューにはsn...2018.03.16 | 12時11分14秒
軽量でモバイルファーストなCSSフレームワーク・「Beauter」 Beauter Beauterは軽量でモバイルファーストなCSSフレームワークです。従来品と異なるのはBOLという実験的な命名規則を導入している点です。BOLは.base(基本クラス)、.-object(オブジェクトクラス)、._la...2018.03.15 | 11時00分23秒
非依存で軽量の、Webサイト内をハイライトで案内するWebサイトツアー実装スクリプト・「Driver」 Driver DriverはWebページを案内するページツアーを実装するスクリプトです。たまに見かける、任意の場所をハイライトしてユーザーにWebページの使い方等を教える、というもの。単純にハイライトするだけ、ハイライトせずツール...2018.03.13 | 10時09分19秒
デフォルトのスタイルを最小限に抑えられたシンプルなclassで管理する事を目指したCSSフレームワーク・「InvisCss」 InvisCss InvisCssはデフォルトのスタイルを最小限に抑えた、シンプルな命名規則で付けられたclassで管理できるCSSフレームワークです。Bootstrapを意識し、スタイルを作りこまないようにしつつもテーマを用意、cl...2018.03.12 | 10時50分47秒
スクロールに応じて任意のCSSアニメーションを要素に付与するスクリプト・「Delighters.JS」 Delighters.JS Delighters.JSはページスクロールに応じて要素に任意のCSSアニメーションを付与できるスクリプトです。よく見かけるやつです。個人的には多くの場合、嫌でも目にしっかり入ってくるくらいの派手なエフェク...2018.03.11 | 10時28分36秒
複雑なグラデーションも直感的に作成、CSSのコードも発行できるグラデーションジェネレーター・「CSS Gradient」 CSS Gradient CSS Gradientは複雑なグラデーションも直感的に作成、コードを発行できるジェネレーターです。バーの上でダブルクリックするだけで色を追加、左右に動かして調整できます。コードはそのまま表示されるのでコピー...2018.03.09 | 13時51分42秒
Go製のPocketクローンとして公開されたオープンソースのブックマークマネージャ・「shiori」 shiori shioriはGoで書かれたPocketクローンです。Pocket同様に任意のWebページをブックマーク及び管理、さらにPocketの特徴でもあるオフラインでの確認も可能、というもの。Netscape Bookmarkフ...2018.03.08 | 10時36分32秒
絵文字を検索🔎、コピーできる絵文字検索エンジン・「Emojiers」 Emojiers Emojiersは絵文字を探せる検索エンジンです。face😎やclock⏰など、特定のキーワードで関連する絵文字を探すことができます。検索したら即出てくるのでなかなか便利ですが、探してみたら日本でもLet's EMO...2018.03.07 | 12時40分47秒
オープンソースのプロジェクトのみを探せる検索エンジン・「OpenKube」 OpenKube OpenKubeはOSSなプロジェクトのみを探せる検索エンジンです。基本的にはGithubから引っ張ってきてるようです。大量のOSSから探せる点を特徴としてあげていますが、数年前に止まっていたり、プロジェクトそのもの...2018.03.06 | 11時00分03秒
DribbbleのカラーパレットをSketch用に変換してダウンロードできるブラウザ拡張・「Dribbble Color Generator」 Dribbble Color Generator Dribbble Color GeneratorはDribbbleに投稿されたショットに付与するカラーパレットをSketch用としてDL出来るようにするブラウザ拡張です。Firefox...2018.03.05 | 10時08分15秒