Resource - Archives

テンプレートをカスタマイズして手軽にSVGの背景を作成できる・「SVG Backgrounds」

SVG Backgrounds SVG Backgroundsは好みのテンプレートを選んで簡単にカスタマイズ、SVG背景として利用できるジェネレーターです。30種ほどのテンプレートが用意されており、それぞれ色やサイズを変更する事ができ...

350ほどの様々な計算機を公開、Webサイトに埋め込みも出来る計算機検索サイト・「Omni Calculator」

Omni Calculator Omni Calculatorは様々な計算機を探せる計算機検索サイトです。埋め込み用のコードも発行してくれます。計算機はビジネス向け、建築関係向け、数学や物理、ファイナンス、フィットネス等のカテゴリに分...

CSS Gridを使ったWebサイトのギャラリーサイト・「Grid Examples」

Grid Examples Grid ExamplesはCSS Gridを実際に使用してレイアウトを組んでいるWebサイトのギャラリーサイトです。実例を見て学ぼう、みたいな趣旨みたいです。が、まだほとんど集まってないみたいなですね。自...
Ads

必要なものだけ揃えられたベーシックなCSSのboilerplate・「roolith」

roolith roolithは必要最低限のものだけ揃えたCSSのboilerplateです。タイポグラフィやボタン、カラースキーム、グリッドやRWDの為のブレークポイント、各ナビゲーションやフォームからヘルパークラスまで、分かりやす...

請求書を作成できるオープンソースのデスクトップアプリ・「Manta」

Manta MantaはOSSの請求書作成ツールです。手軽に作成可能で、テンプレートのカスタマイズも出来るみたい。Electronが使われているので各OSで動作します。多言語化対応しており、日本語化も可能です。本ツールでは翻訳プラット...

旧Windowsのペイントツールを再現したWebベースのペイントアプリ・「JS Paint」

JS Paint JS Paintは旧WindowsのペイントツールのUIを再現したペイントアプリです。95~XP時代のものだったと思いますが違ったらごめんなさい。特に何か大きな目的があったりプロジェクトだったりというわけではなく、単...

超ミニマルなオープンソースのテキストエディタ・「Left」

Left Leftは超ミニマルなテキストエディタです。オープンソースとして公開されています。機能もUIも非常にシンプルに作られており、保存含め、主な操作はショートカットキーで行います。#や-を使えば左ペインにページ内リンクを作成する事...

手軽にランディングページを作成できる・「Launchaco」

Launchaco Launchacoはスタートアップの為のLPビルダーです。ランディングページを手軽に作成、公開できる、というもの。作成時にユーザー登録せずに作成する事が可能で、公開する時にユーザー登録する形となるのでお試しで作成で...

品質の高めな写真をCC0で無料配布するストックフォト・「mmt」

mmt mmtは高品質な写真素材を著作権放棄(CC0)で配布するストックフォトサービスです。今ではあまり珍しくなくなってしまいましたが、いくらあっても困らないのでどんどん出てほしいところですね。色とカテゴリから探せるようになっています...

MarkdownもサポートのOSSな同期機能付きノートアプリ・「Joplin」

Joplin JoplinはMarkdown記法もサポートしたオープンソースの同期機能付きノートアプリです。各OSで動作するようです。また、Evernoteのエクスポートデータもサポートしているそう。これはよさげ。ライセンスはMIT。...

Product Huntで投票の多かったコンテンツからカラースキームを作成、公開している・「COLORWISE」

COLORWISE COLORWISEはコンテンツの投票サイト、Product Huntで投票数の多かったコンテンツが使っているカラースキームを公開しているプロジェクトです。投票が多い=人気が出たコンテンツからカラーインスピレーション...

3本線のメニューアイコンのアニメーションパターンをいろいろ集めたサンプル集・「Half Second Hamburger Helper」

Half Second Hamburger Helper See the Pen Half Second Hamburger Helper by Kurt Petrek (@KPCodes) on CodePen. Half Sec...

iPhone Xや8、Galaxy S8、MacBookやApple Watchなど様々なデバイスのモックアップを作れるスタイルシート・「Devices.css」

Devices.css Devices.cssはiPhone Xや8、Galaxy S8、MacBookやApple Watch、Surfaceなどモダンなデバイスのモックアップを表現できるCSSのセットです。かなり大昔にご紹介したの...

リンク集単位で共有するブックマークサービス・「Linqes」

Linqes Linqesはリンク集ごとに共有できるブックマークサービスです。1つのテーマに沿ってリンクをまとめて、そのリンク集を共有する、みたいなもの。最初はキュレーションの共有サービスみたいな感じかと思ったんですけど、説明を見ると...

使いやすそうな太線のSVGアイコンのセット・「Heroicons UI」

Heroicons UI Heroicons UIは使いやすそうな太線のSVGアイコンのセットです。104のアイコンが用意されているようです。見た目も柔らかで見やすい気がします。アプリのUI用に作ったそうです。本アイコンはGithub...

BootstrapやFoundationに対応の高性能テーマビルダー・「Gridbox」

Gridbox GridboxはBootstrapやFoundationに対応のテーマビルダーです。無料で利用可能で、ドラッグ&ドロップでコンテナを追加、index以外の別ページの作成、細かなデザイン設定、RWDのプレビュー確認機能、...

Webサイトのmetaタグをチェックし、OGPタグ等のコードを生成してくれる・「HEY META」

HEY META HEY METAはWebサイトのmetaタグをチェックし、生成してくれるWebサービスです。SNS等でシェアされた際にどのようなソーシャルカードが表示されるか、サムネイルの設定やタイトルは適切かどうかをチェックし、コ...

様々なデバイスのモックアップ画像を配布するWebサイトをまとめている・「The Mockup Club 」

The Mockup Club The Mockup Clubはデバイスのモックアップ画像を配布するWebサイトを収集しているWebサイトです。ライセンスは個々に依存します。合成サービス等ではないのはなんとなく珍しい気がしたのでメモ的...

カンバンツールを作成する為のスクリプト・「jKanban」

jKanban See the Pen jKanban - Javascript plugin for Kanban boards by kachibito (@kachibito) on CodePen. ※ドラッグ&ドロップが動...

沢山のコンポーネントを持ったVue.js向けのUIツールキット・「Fish-UI」

Fish-UI Fish-UIはVue.js向けのUIコンポーネント集です。グリッドやボタン、メニュ-、ポップアップ、フォームなどの基本的なUIやカレンダー、日付ピッカー、時間ピッカー、タイムラインなどのコンポーネントも備えられていま...

他のミニマルなCSSフレームワークを参考にして作られた超軽量CSSフレームワーク・「lit」

lit litはSkeletonやMilligramなど、他のミニマルなCSSフレームワークの良い点を参考に作られたCSSフレームワークです。現段階で世界最小(398 bytes)だそうです。良い点を持った、というのは僕の勝手な解釈な...

スクロールに応じて指定した要素に任意のclassを付与できるスクリプト・「scrollClass」

scrollClass scrollClassはスクロールの挙動に応じて任意の要素にclassを付与するためのスクリプトです。jQueryに依存しています。上に動作サンプルを用意しました。初期は文字が赤、下にスクロールすると途中で...
Ads