印刷用の方眼紙や楽譜、ノート等を作成できる・「Gridzzly」
Gridzzly Gridzzlyは印刷用の方眼紙や楽譜、罫線ノートなどを、作成できるシンプルでユニークなWebサービスです。わざわざ買いに行かなくても自分好みのものを作成、必要な分だけ印刷すれば効率的だよね、みたいなコンセプトなんだ...
Resource - Webディレクター向け
静的Webサイト構築の為のより良いワークフローを提供するオープンソースのBoilerplate・「Static Site Boilerplate」
Static Site Boilerplate Static Site Boilerplateは静的Webサイト構築の際のワークフローを提供するOSSのBoilerplateです。開発環境を整えたり、各ファイルの最適化、Webサイト公...
HTMLメール用の署名をプレビューを見ながら作成できる・「MySigMail」
MySigMail MySigMailはHTMLメール用の署名をプレビューで確認しながら作成できる署名ビルダーです。メール末尾によく用いられる、いわゆるSignatureを作れる、みたいなやつです。 以下はサンプル。 ...
様々な企業やWebサービス等のブランドSVGロゴを探せる・「Vector Logo Zone」
Vector Logo Zone Vector Logo Zoneは様々な企業ブランドのロゴをSVGで検索できるWebサービスです。現在でも1000以上のロゴから検索出来るようになっています。また、Wikipedia等から探せるように...
Webサイトに訪問したユーザーの行動を記録し、再生できるライブラリ・「rrweb」
rrweb rrwebはWebサイトに訪問したユーザーの行動を記録、再生する為のWebセッションリプレイライブラリです。主に行動分析やバグの再現によるフィードバック向上、Webサイト上におけるユーザーとの対話(チャット等)の記録などを...
任意のWebサイトのシンプルなスクリーンショットをフレーム付きで撮れる・「Screen Guru」
Screen Guru Screen Guruは任意のWebサイトのSSを撮影できるツールです。SSはブラウザ枠への合成もへこうして行われ、背景の有無の設定やブックマークレットの利用も可能です。よく見かけるブラウザ拡張機能のように性能...
flexboxベースの軽量なCSSマイクロフレームワーク・「Strawberry」
Strawberry Strawberryはflexboxベースの軽量なCSSフレームワークです。圧縮版で30kbほどのようです。グラフィックに関わるスタイルは無く、各classにはプリフィクスが付いているので既存CSSに組み込んでも...
様々なWebアプリ等のwelcomeメールやthank youメールなどの内容をまとめている・「Just Good Copy」
Just Good Copy Just Good Copyは様々なWebアプリでユーザー登録後に送るメッセージ等の内容をまとめているWebサイトです。他にも謝罪の文章やメンテナンスの知らせなどいろいろ。スタートアップ向けでしょうか。ユ...
シンプルで高速なパスワードジェネレーター・「Getpass」
Getpass Getpassはシンプルで高速なパスワードジェネレーターです。特別な機能はなく、通常のものと強力なものの選択が可能で、クリックするたび生成されます。軽くて余計な機能も無いので個人的には嫌いではありませんが、個人的にはD...
ミニマルを意識しつつ、出来る限り使いやすいCSSフレームワークを目指した・「boba」
boba bobaはミニマル設計を意識しつつも、必要最低限ではなく、出来る限り使いやすさを追求した、バランスの取れたCSSフレームワークです。有名なCSSフレームワークは肥大化しすぎ、敬遠したフレームワークはミニマルすぎる等、世にある...
直感的に使える高性能で無料なオンラインプロトタイピングツール・「Draftium」
Draftium Draftiumは直感的でわかりやすいプロトタイピングツールです。ブロックの追加等を行い、ブロックごとにテキストや画像等を編集するタイプ。編集ツールも非常に分かりやすく、アニメーションエフェクトなども設定可能です。ま...
画像内の人物のみを自動で綺麗に切り取ってくれるWebアプリ・「remove.bg」
remove.bg remove.bgは画像内の人物のみを自動で綺麗に切り取ってくれるWebアプリです。画像をアップロードするか画像URLを指定するだけでその画像内の人物だけを切り取り、背景を透過してpngでダウンロードできる、という...
WordPressで人気のプラグイン用に作られたアイコンフォント・「wp-plugin-icons」
wp-plugin-icons wp-plugin-iconsはWordPressで人気のプラグイン用に作られたアイコンフォントです。よく使うプラグインなのだから管理画面内で分かりやすいようにアイコンで区別できるようにしよう、みたいな...
Webサイト制作におけるワークフローを邪魔しない超シンプルなCSSデバッグ・「DebuCSSer」
DebuCSSer See the Pen DebuCSSer by Lucagez (@lucagez) on CodePen. DebuCSSerは超シンプルなCSSデバッグツールです。Webサイト制作時のワークフローを邪魔しな...
Webサイトをダークテーマに切り替えるオープンソースのブラウザエクステンション・「Darkness」
Darkness DarknessはWebサイトでダークテーマを適応させるためのブラウザエクステンションです。オープンソースとしてソースコードが公開されていますので開発者さんなら自分用を作った方が良さそうです。機能の目的は自身にあった...
PageSpeedやAnalytics、Search Consoleなどの機能を追加できるGoogle公式のWordPressプラグイン・「Site Kit」
Site Kit Site KitはGoogleの主要サービスをWordPressに統合出来る公式プラグインです。追加できる機能はSearch Console、Analytics、AdSense、PageSpeed Insightsの...
様々なWebサービスの代替やクローンを探せる・「Clone Scripts」
Clone Scripts Clone Scriptsは様々なWebサービスの代替ツールやクローンを紹介するWebサイトです。FacebookやYouTube、Dropboxなどよく目にするWebサービスの代替やクローンが有料/無料/...
写真のメタデータを表示、画像化してダウンロードできる・「ExifShot」
ExifShot ExifShotは任意の写真からExifを解析してメタデータをカードデザインで表示、画像としてダウンロードできるWebアプリです。カードの幅やフォントサイズ、アスペクト比などの調整は可能ですが、メタデータの編集は出来...
CSSやHTMLのコードサンプルを収集している・「FREE FRONTEND」
FREE FRONTEND FREE FRONTENDはCSSやHTMLを使ったUIコンポーネントやエフェクトなどのコードサンプルをまとめ記事にして収集しているWebサイトです。モダンなスタイルのフォームやホバーエフェクトのサンプル、...
NES.cssにインスパイアされたPlaystation 1スタイルのCSSフレームワーク・「PSone.css」
PSone.css PSone.cssは先日ご紹介したNES.cssにインスパイアされたCSSフレームワーク。こちらはPlaystation 1スタイルとなっています。NES.cssは現在Githubでもすごく話題になっているので他に...
多機能なカラーピッカーを使えるChromeエクステンション・「Color by Fardos」
Color by Fardos Color by Fardosは多機能なカラーピッカーを使えるChrome拡張です。通常のカラーピッカーやカラー検索ツール、グラデーションツール、スポイトツールをコンパクトなエリアで使える、というもの。...
Markdownで書けるシンプルなナレッジベース構築の為のソフトウェア・「Raneto」
Raneto RanetoはMarkdownで書けるシンプルなナレッジベースです。軽量で高速、DB不要で動作します。レイアウトはBootstrapベースでRWDにも対応、Highlight.jsによるハイライト、Lunrで全文検索に対...