Webデザイナー向けに収集されたカラーとフォントのツールやリソースをまとめている・「Colors & Fonts」 Colors & Fonts Colors & FontsはWebデザイナー向けに収集されたカラーとフォントのツールやリソースをまとめているWebサイトです よくあるキュレーションサイトのように様々なアプリや記事をたんたんと纏め...2020.02.26 | 9時58分03秒
CC0で配布されている、髪型や顔などのパーツの組み換え可能な人物イラストを配布するプロジェクト・「Open Peeps」 Open Peeps Open Peepsは髪型や顔などのパーツの組み換え可能な人物イラストを配布するプロジェクトです CC0で配布されており、商用でも個人でも無料で自由にクレジット不要で利用する事が出来ます イラストは全...2020.02.25 | 10時16分34秒
プレビューを見ながら任意の平面充填を描画できるユニークなタイリング専用ドローツール・「EscherSketch」 EscherSketch EscherSketchはプレビューを見ながら任意の平面充填を描画できるドローツールです いわゆるタイリングを、結果を見ながら作成可能で、作ったタイル絵はタイル単位で保存したり描画する様子をSVGで保存...2020.02.20 | 10時02分29秒
Webページの各所の役割等をユーザーに伝えるページツアーを実装するスクリプト・「GuideChimp」 GuideChimp GuideChimpはWebページの各所の役割等をユーザーに伝えるページツアーを実装するスクリプトです 使い方も手軽で簡単、既存のWebページにも組み込む事が出来ます。nextはカーソルキーにも対応してあり...2020.02.10 | 10時07分49秒
ソフトなCSS Shadowを作れるシンプルなWebアプリ・「Neumorphism.io」 Neumorphism.io Neumorphism.ioはソフトなCSS Shadowを作れるシンプルなWebアプリです 上記や下部のような柔らかい印象の影を直感的な操作で作る事が出来ます ツールバーや背景のカラーピ...2020.02.09 | 9時58分59秒
軽量で非依存な、ダーク/ライトモード切り替えスクリプト・「DarkModeJS」 DarkModeJS See the Pen VwLYLzd by kachibito (@kachibito) on CodePen. DarkModeJSは軽量で非依存なダークモード/ライトモードの切り替えスクリプ...2020.02.08 | 9時49分37秒
JavaScriptライブラリやフレームワークを使わずHTML5、CSS、バニラなJSだけで作られたプロジェクト集・「Web Projects With Vanilla JavaScript 」 Web Projects With Vanilla JavaScript Web Projects With Vanilla JavaScriptはフレームワークやライブラリ等を使わずに純粋なHTML5+CSS+VannilaなJSで...2020.02.05 | 10時03分35秒
Webサイト開発の際にあると地味に便利なミニツールをまとめている・「Tiny helpers」 Tiny helpers Tiny helpersはWebサイトやアプリ開発の際にあると地味に便利なミニツールを集めているWebサイトです 1つのツールにつき1つの目的のために作られたミニツールをカテゴライズしている、みたいなも...2020.01.29 | 9時52分54秒
都市名を入力すると、その都市の道路のみを線画で抽出するオープンソースの地図アプリ・「city-roads」 city-roads city-roadsは任意の都市名を入力すると、その都市内の道路だけを線画で抽出、色などを変更してSVGなどでダウンロードできる地図アプリです OSSとしてソースコードが公開されています。企業や店舗の地図作...2020.01.27 | 9時40分47秒
任意のグラデーションカラーで色付けてダウンロードできるSVGアイコンパック・「Gradientify」 Gradientify Gradientifyは任意のグラデーションカラーで少し色付けた状態でダウンロードできるSVGアイコンのセットです 多種多様な沢山の線画アイコンに少しだけグラデーションで色付けて使えるようにされたもの。珍...2020.01.24 | 10時26分17秒
既存のCSSフレームワーク等と併用も可能な軽量CSSライブラリ・「sscaffold」 sscaffold See the Pen BayGXYV by kachibito (@kachibito) on CodePen. sscaffoldは既存のCSSフレームワークと併用も可能な軽量CSSライブラリで...2020.01.22 | 9時58分40秒
CC0で配布のゆるい手書き風の絵文字フォント・「beedii」 beedii beediiはゆるーい手書き風の絵文字フォントです。CC0で配布されています フォントをインストールして絵文字を入力すると手書き絵文字になってくれます。個人的に割と好きなので種類が増えてくれると嬉しいですね ...2020.01.21 | 10時30分38秒
手書き風のダイアグラムを作成出来るOSSのWebアプリ・「excalidraw」 excalidraw excalidrawは手書きライクなダイアグラムを直感的なUIで作成できるOSSのWebアプリです 上図のようなシンプルなダイアグラムを手書き風の背景、ボーダー、テキストで作成、ダウンロードできる、というも...2020.01.19 | 9時58分34秒
オープンソースで公開されているブラウザベースのシンプルなメモ用ピンボードアプリ・「manifest」 manifest manifestはオープンソースで公開されているブラウザベースのシンプルなメモ用ピンボードアプです グリッドがあるので綺麗にそろえられる、自動保存、メモをドラッグで移動、PWAになっているくらいしか機能はありま...2020.01.18 | 9時52分11秒
中小規模のWebアプリを構築するためのオープンソースの軽量PHPフレームワーク・「Wolff」 Wolff Wolffは中小規模のWebアプリを構築するために開発されたシンプルで軽量なPHPフレームワークです。小さい、スケーラブル、簡単で速い、がコンセプトのようです 大きなフレームワークを使うことなく構築可能で、シンプル故...2020.01.15 | 10時15分49秒
Codepenのようにブラウザでコードを書いて実行テストできる・「Blnq Studio」 Blnq Studio Blnq StudioはCodepenのようにブラウザ上でコードを書いて実行テストを行えるWebアプリです 同じようにHTML、CSS、JavaScriptの動作テストが可能なのですが、少し違う点はJSO...2020.01.14 | 9時51分16秒
デザイナー向けに作られた長文パスワードジェネレーター・「Design Password」 Design Password Design Passwordはデザイナー向けに開発された長い文字でパスワードを作ってくれるジェネレーターです どこがデザイナー向けなのか、ですが、こちらで生成されるパスワードはある程度意...2020.01.10 | 9時54分01秒
ツールやグラデーション、パレットやブランドカラーサンプルなど、色に関する様々な大量のリソースを集約した・「Colorsinspo」 Colorsinspo Colorsinspoは色に関する様々な大量のリソースを集約しているプロジェクトサイトです グラデーションやカラーツール、パレットサンプルやブランドカラーサンプル、インスピレーションの為の情報など、色に関...2020.01.08 | 10時02分35秒
共同編集も可能、データは暗号化されるセキュアな分散型ドキュメント作成OSS・「Graphite」 Graphite Graphiteはチームで共同編集も可能なドキュメント作成、共有ツールです。Blockstackが使われており、作成したドキュメントは全て暗号化されます UIや機能は概ねGoogleドキュメントと同じタイプ...2019.12.30 | 9時52分22秒
CSSだけで作られた500以上ものカスタマイズ可能なミニマルアイコン・「css.gg」 css.gg css.ggはCSSだけで出来た500以上のミニマルなアイコンを使えるCSSライブラリです スケーラブルでカスタマイズ性のある設計で非常に使いやすい印象です。個人的にはアイコンフォントよりも軽量で好みな感じ ...2019.12.29 | 10時10分49秒
MarkdownでLaTeXを使えるようにするスクリプト・「TeXMe」 TeXMe See the Pen rNazLQa by kachibito (@kachibito) on CodePen. TeXMeはMarkdownでLaTeXを使えるようにするスクリプトです。ちょっと語弊ある...2019.12.28 | 9時51分11秒
コントラストの比率と実際に背景とテキストカラーを使用した状態を確認できるカラーコントラストチェックツール・「Color Contrast Checker」 Color Contrast Checker Color Contrast Checkerは指定したテキストカラーと背景カラーの2つのカラーのコントラストの比率を確認しながら確認出来るWebアプリです コントラストはWCAGのガ...2019.12.26 | 10時06分15秒