Resource - Archives

コーディング不要で簡易的なゲームアプリの制作が出来るOSS・「GDevelop」

GDevelop GDevelopはコーディングせずにゲーム制作が出来るオープンソースのゲームエディタです。8ビットゲームの制作をプレビューを見ながら作成できる、というもの。コーディングに比べれば楽ではありますが、それでもソフトウェア...

3つのドットで作れるCSSローディングアイコンをまとめた・「Three Dots」

Three Dots Three Dotsは3つのドットで作れるCSSのローダーをまとめたプロジェクトです。それぞれbeforeとafterを使って作られているので1つの空要素と指定のclassを与えるだけで実装出来ます。色やサイズの...

ポモドーロタイマー付きのオープンソースなシンプルTodoアプリ・「tasks」

tasks tasksはポモドーロタイマー機能付きのシンプルなTodoアプリです。OSSとして公開されています。タイトルと概要だけの単純なタスク追加と、タスクごとには25分でアラームを鳴らせるようになっている、という非常にシンプルなも...
Ads

グラデーションなダミー画像を提供する・「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ほどになると超軽量...

手書き風のUIコンポーネントを提供するライブラリ・「Wired Elements」

Wired Elements Wired Elementsは手書き風のUIコンポーネントを提供するライブラリです。UIはWeb Componentsとして実装されており、手書きライクな見た目はRough.jsが用いられていますので、よ...

textareaやinputで入力可能な残り文字数を表示する非依存のスクリプト・「short-and-sweet」

short-and-sweet short-and-sweetはフォームの入力エリアで、maxlength属性で文字数が制限された項目に残り文字数を表示するスクリプトです。非依存型で軽量、使い方も簡単です。表示文字列はカスタムデータ属...

オープンソースのポッドキャスト/RSSリーダーアプリ・「Winds」

Winds WindsはOSSで提供されるポッドキャスト/RSSリーダーです。各OSで動作する他、無料で利用できるWeb版もあるようです。OPMLにも対応しており、移行も容易に可能となっています。次々と消えていく主要なRSSリーダーに...
Ads