WordPressで人気のプラグイン用に作られたアイコンフォント・「wp-plugin-icons」
wp-plugin-icons wp-plugin-iconsはWordPressで人気のプラグイン用に作られたアイコンフォントです。よく使うプラグインなのだから管理画面内で分かりやすいようにアイコンで区別できるようにしよう、みたいな...
Resource - Webディレクター向け
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で全文検索に対...
ファミコン風のスタイルを提供してくれるCSSフレームワーク・「NES.css」
NES.css NES.cssはファミコン（NES）ライクなスタイルを提供してくれるCSSフレームワークです。ダーシノ(@bc_rikko)さんの作られた国産フレームワークで、あくまでスタイルの提供となっています。僕自身もファミコン年...
シンプルで軽量、扱いやすいベーシックなCSSフレームワーク・「minstyle.io」
minstyle.io minstyle.ioはシンプルで軽量、扱いやすいCSSフレームワークです。minstyleの頭文字をプレフィクスに、要素の名称を付与する命名規則となっており、ユニーク且つ分かりやすい、学習コストを低くしつつも...
任意のコンテンツを他言語に対応するための軽量なスクリプト・「Translater.JS」
Translater.JS See the Pen WYJevW by kachibito (@kachibito) on CodePen. Translater.JSはWebページ内の任意のコンテンツを他言語対応にするためのライブ...
超シンプルで軽量、見やすいRSSリーダー・「Enkel」
Enkel Enkelは超シンプルで軽量、見やすいRSSリーダーです。フィードは複数RSSをひとまとめにするタイプで名前を付けていくつかのフィードをまとめて読むような形となります。フィード名は日本語だと不可のようなのでローマ字入力とな...
ドラッグ&ドロップでWebページを作成できるスクリプト・「VvvebJs」
VvvebJs VvvebJsはWebページをD&Dで作成できるスクリプトです。jQueryに依存、bootstrap4をベースとしています。パーツやコンポーネント等を組み合わせて、コードを書かずにWebサイトを作成できる、というよく...
モバイルフレンドリーで軽量、高速なコンテンツスライダーを実装できるスクリプト・「Glider.js」
Glider.js Glider.jsはモバイルフレンドリーなコンテンツスライダーを実装できる軽量で高速なスクリプトです。使い方も簡単で動作も軽量(圧縮版で2.5kbほど)、マークアップもシンプルな状態を保てますので使い勝手も良い印象...
シンプルで見やすいフローチャートやワイヤーフレームを簡単に作成できる・「Whimsical」
Whimsical Whimsicalはシンプルで見やすいフローチャートやワイヤーフレームを作成、DLしたりシェアできるWebアプリです。よくあるやつですが最低限の機能を揃えつつも使いやすく分かりやすいUIという印象です。現在はフロー...
シンプルで見やすいBootstrapベースの管理画面テンプレート・「Lath」
Lath Lathはシンプルで美しく見やすいBootstrapベースのadminテンプレートです。スタイルも完成されている印象で、プロジェクトのキックスタートに使って欲しいとの事で、管理画面のスタイリングをしなくても済ませられる、とい...
レスポンシブなWebページを簡単に作成できるWebページビルダーを作るためのスクリプト・「GrapesJS」
GrapesJS GrapesJSはWebページを簡単な操作で作成できるWebページビルダーを構築する為のスクリプトです。CMS等に内蔵させて管理画面内で動作させるのが主な目的のようです。以前からありましたが、非依存型になる等かなり改...
シンプルなブログプラットフォームを構築するためのOSS・「Write Freely」
Write Freely Write Freelyはシンプルで高速なブログプラットフォームを構築する為のGoで書かれたブログ構築用ソフトウェアです。Webライターのコミュニティをセルフホスティングの元で管理できるようにするのが主な目的...
円や棒、折れ線などのグラフ毎のルールや作成法など、ダイアグラムを学べる・「Diagrammm」
Diagrammm Diagrammmは円や棒、折れ線やドーナツ、ベン図や散布図などなど様々なダイアグラムのルールや作成法などを学べるWebサイトです。各情報の参考文献として専門書籍も紹介されています。この手の知識を学べるWebサイト...
ベースにしたい色を指定するだけでカラーパレットを生成するOSSなカラーツール・「PALX」
PALX PALXはベースカラーを指定するだけでカラーパレットをジェネレートしてくれるカラーツールです。フルスペクトラムなカラーパレットとして生成、変数を使ったCSSやJSON、Sassなどで利用できるようになっています。ドメイン/カ...