商用でも無料でクレジット表記も不要の、人物イラストを中心に使いやすそうなイラストを大量に公開している・「イラストマン」
イラストマン イラストマンは商用/非商用でも無料且つクレジット表記無しで利用可能なフリーのイラスト配布サイトです。国産サービスで量も結構な量が公開されています。人物イラストが多く、汎用的なものも多いので使いやすい印象でした。やや少しク...
Resource - Archives
350以上あるWebフレンドリーでオープンソースなSVGアイコンセット・「BoxIcons」
BoxIcons BoxIconsはWebフレンドリーなオープンソースのSVGアイコンセットです。350以上のアイコンが用意されています。使い方はfont-awesomeライクでCSSを読み込み、classを付与すればいいだけです。 ...
CCライセンスで商用でも無料で使える旅行専門のストックフォト・「BucketListly Photos」
BucketListly Photos BucketListly PhotosはCC-BYで配布する旅行写真専門のストックフォトです。指定のリンクのみで商用でも無料で利用可能となっています。今の時代ではCC0でも多くのクオリティの高い...
コーディング不要で簡易的なゲームアプリの制作が出来るOSS・「GDevelop」
GDevelop GDevelopはコーディングせずにゲーム制作が出来るオープンソースのゲームエディタです。8ビットゲームの制作をプレビューを見ながら作成できる、というもの。コーディングに比べれば楽ではありますが、それでもソフトウェア...
3つのドットで作れるCSSローディングアイコンをまとめた・「Three Dots」
Three Dots Three Dotsは3つのドットで作れるCSSのローダーをまとめたプロジェクトです。それぞれbeforeとafterを使って作られているので１つの空要素と指定のclassを与えるだけで実装出来ます。色やサイズの...
ポモドーロタイマー付きのオープンソースなシンプルTodoアプリ・「tasks」
tasks tasksはポモドーロタイマー機能付きのシンプルなTodoアプリです。OSSとして公開されています。タイトルと概要だけの単純なタスク追加と、タスクごとには25分でアラームを鳴らせるようになっている、という非常にシンプルなも...
グラデーションなダミー画像を提供する・「Gradient Joy」
Gradient Joy Gradient Joyはグラデーションなダミー画像を提供してくれるサービスです。従来のダミー画像サービス同様、URLだけで表示可能な他、APIも公開されており、JSONで色の指定も可能です。ダミー画像サービ...
60という数値を中心に設計された実験的なCSSグリッドシステム・「60GS」
60GS 60GSは60と言う数値を元にCSS Gridベースで設計された軽量なCSSグリッドシステムです。CSS Gridベースで、基本的には以下の1classのみを必須としています。 60列用意したのは、60が2、3、4...
スクロールに応じてCSS keyframesライクな書き方でアニメーションを付与できる・「Motus」
Motus Motusはスクロールに応じて任意の要素にアニメーションを付与する為のライブラリです。非依存なので単体で使えます。アニメーションはCSS keyframesライクな書き方ができますのでCSSの知識がある方なら扱いやすいと思...
ミニマルなflexboxベースのCSSグリッドシステム・「Katana」
Katana KatanaはミニマルなflexboxベースのCSSグリッドシステムです。calcを使用して軽量化を実現しているみたいです。非圧縮でも1kbほど、.scssなら20行ほどです。clac便利ですねぇ。ライセンスはMITです...
非依存で使いやすいカラーピッカー実装スクリプト・「Flat color picker」
Flat color picker Flat color pickerは他スクリプトに依存せず使えるシンプルでフラットなカラーピッカーです。排出されるコードも3種あり、透過にも対応しています。また、タッチデバイスもサポート。ライセンス...
GitHubスタイルのシンプルなオンラインMarkdownエディタ・「Devpen」
Devpen DevpenはGithubスタイルのオンラインMarkdownエディタです。シンプルに、左カラムで書けば右カラムに反映される、というもの。エディタである事以外に特殊な機能等はほぼ皆無だけど見やすくていいんじゃないでしょう...
ログイン/ユーザー登録不要で使える超シンプルなコードスニペット管理ツール・「copycoding」
copycoding copycodingはログインやユーザー登録不要で使えるコードスニペット管理ツールです。メニューからadd snippetへ進み、タイトルや概要を入力して灰色の箇所にコードを貼って保存すれば完了。スニペット保存ペ...
すっきり見やすいスタイルのBootstrapベースなオープンソースの管理画面テンプレート・「Sing App」
Sing App Sing AppはBootstrapをベースとしたオープンソースの管理画面テンプレートです。すっきりとしていて見やすい印象でした。基本的なコンポーネントは揃えられており、すぐに管理画面として機能してくれるみたいです。...
Nimで書かれたDiscourseライクなフォーラムを実装できるOSS・「NimForum」
NimForum NimForumはnimで書かれたDiscourseライクなフォーラムです。OSSとしてソースコードが公開されています。Nim公式で使われているフォーラムを公開しているみたいです。軽量でシンプル、使いやすく個人的には...
ミニマルで軽量なFlexboxベースのCSSフレームワーク・「Flexy」
Flexy Flexyはミニマルで軽量なFlexboxベースのCSSフレームワークです。圧縮版で0.33KBほどになるとの事。IEにも対応させる場合はflexy-old.cssも読み込むhつ用があるようです。UIコンポーネント等の用意...
コードスニペットやプレーンテキストを保存可能なスニペット管理ツール・「PasteCloud.net 」
PasteCloud.net PasteCloud.netはコードスニペットやプレーンテキストを保存、管理できるツールです。Gistとかpaste.inみたいなツールです。対応言語は多くありませんが一応embed、フォーク、印刷も出...
イベント日までのカウントダウンページを手軽に作成、公開できる・「TimeTaco」
TimeTaco TimeTacoはイベントやサービスローンチ等の日までのカウントダウンページを手軽に作成、公開できるWebサービスです。タイトルと日時、背景画像を入力すればカウントダウンページが作成されますのでURLを告知する、みた...
高解像度で綺麗に任意のWebページやTwitterの投稿のスクリーンショットを撮れる・「Screenshot Guru」
Screenshot Guru Screenshot Guruは任意のWebページやTwitterのつぶやきページのスクショを高解像度で撮ってくれるWebサービスです。URLを指定してCAPTCHAにチェックを入れるだけのシンプルなも...
プロフィールページやフォーム、ランディングページなど、ペラサイトに特化したWebサイト制作ツール・「Carrd」
Carrd Carrdはプロフィールページやローンチ前のユーザー登録等のフォームページ、LPやポートフォリオなど、ペラサイトの作成に特化したWebサイトのビルドツールです。テンプレートを使用してカスタマイズも可能ですが、コンテナを追加...
BootstrapにMicrosoft提唱のデザインシステム、Fluentを取り入れたツールキット・「Nespero Fluent Kit 」
Nespero Fluent Kit Nespero Fluent KitはMicrosoftが新たに提唱したデザインシステム、FluentをBootstrapに導入したツールキットです。Bootstrapを使って手軽にFluentの...
簡易的なDOM操作をjQueryライクに行える超軽量ライブラリ・「nanoJS」
nanoJS nanoJSは簡単なDOM操作をjQueryライクに行える軽量ライブラリです。同じような構文でDOMを操作する事が出来る、というもので完全互換ではありませんが、非圧縮で100行ほど、圧縮すると0.6kbほどになると超軽量...