Resource - Archives

FlexboxベースのレスポンシブなWebサイトを構築するプロジェクトの開発をサポートするCSSフレームワーク・「Frow CSS」

Frow CSS Frow CSSはFlexboxベースのRWDなWebサイト構築の開発スピードを上げるためのフレームワークです。様々なグリッドに対応、フォームやユーティリティも揃えられています。npmやBower、CDNも対応、SA...

商用利用OK、クレジット不要で使える、量よりも質を重視したストックフォト・「Reshot」

Reshot Reshotは商用でも無料でクレジット不要で使える写真素材を提供するストックフォトサイトです。量よりも質を重視しているそう。人物を中心にまとめられている印象です。ライセンス形態の明記はなく、オリジナルを採用していますが、...

Bootstrap 4向けのオープンソースなダッシュボード用テンプレート・「Now UI Dashboard」

Now UI Dashboard Now UI DashboardはBootstrap 4向けのOSSなダッシュボード用テンプレートです。目に優しいカラースキーム、見やすいUI等を意識して作られたそうです。OSSですが、有償プランも用...
Ads

スマフォやタブレット向けのプロトタイピングツール・「MockingBot」

MockingBot MockingBotはスマフォやタブレット向けのプロトタイピングツールです。使いやすさに拘って開発したそうで、頭痛がおきない使い勝手の良さが特長だそうです。触った感想は、頭痛が起きるかどうかは個人によりけりでしょ...

マルチレベルに対応したドリルダウンのハンバーガーメニューを実装できるスクリプト・「mlStackNav」

mlStackNav mlStackNavはマルチレベルに対応したハンバーガーメニューです。jQueryに依存します。ドリルダウンでマルチレベルナビゲーションに対応していますので省スペースに大量のナビゲーションを詰め込むことができます...

すっきりしたデザインのランディングページをコレクションしたギャラリーサイト・「Hyperpixel」

Hyperpixel HyperpixelはすっきりしたデザインのLPをコレクションしたWebデザインギャラリーサイトです。そういったもの中心に集めているという説明はありませんので個人的な主観ですが、見やすいものばかりが集められている...

プログラマーの為のブログプラットフォーム・「Boostlog」

Boostlog Boostlogはプログラマーの為のブログプラットフォームです。非常にシンプルなUIでストレスなく書くことができます。ログインはGithubアカウントを使います。提供元はプログラマー向けのオープンソースなメモアプリ、...

CSSグラデーションを直感的な操作で作成できる・「GradPad」

GradPad GradPadは直感的な操作でCSSグラデーションを作成できるツールです。よくあるジェネレーターと言われればそれまでなんですが、個人的には使用感が凄く良いと感じたので備忘録的に書いてます。2つのボタンを動かすことでグラ...

解析機能も付いたオープンソースの短縮URLツール・「Kutt」

Kutt Kuttは解析機能も付いたOSSのURL短縮ツールです。短縮されたURLの管理と解析が可能で、パスワード付きでの発行も出来るようです。p.tlやtr.imのように、いつサービスが終了するか分からない、終了したらデッドリンクと...

Webサイトで未使用のCSSセレクタを教えてくれるツール・「Unused CSS」

Unused CSS Unused CSSはWebサイトで未使用のCSSセレクタを抽出してくれるWebサービスです。内部リンクをたどって複数ページを一括で解析、抽出してくれる、というものですが、現在ベータ版の為か100ページの解析に制...

CSS変数を利用したパララックスエフェクトをサポートするライブラリ・「basicScroll」

basicScroll See the Pen basicScroll Default Demo by Tobias Reich (@electerious) on CodePen. basicScrollはCSS変数を利用して...

無料で使えるシンプルなマインドマップツール・「MapsOfMind」

MapsOfMind MapsOfMindは無料で使えるマインドマップ作成ツールです。マップは無料版でも無制限に作ることができます。1つのボックス内にはTodoリストやコメント等が追加可能で、テキストはリッチテキストエディタが利用でき...

項目数が多くなったリストやテーブルを自動で複数ページに分割し、ページネーションを加えるスクリプト・「paginathing.js」

paginathing.js paginathing.jsは長くなったリストやテーブルを複数ページに分割するスクリプトです。jQueryに依存します。ページネーションも自動で付与します。オプションで1ページに表示するアイテム数やリ...

開発者向けのツールやリソースのリストをコレクションしている・「Pretty Awesome Lists」

Pretty Awesome Lists Pretty Awesome Listsは開発者向けのツールやリソースのリストをコレクションしているプロジェクトサイトです。開発者といっても様々ですが、Pretty Awesome Lists...

フォームのHTML/CSSのboilerplateとして提供する・「Boilerform」

Boilerform See the Pen Boilerform: Card payment example by Andy Bell (@hankchizljaw) on CodePen. Boilerformは送信フォームの雛...

LateXやiframeのプレビューにも対応したオープンソースのデスクトップMarkdownエディタ・「Abricotine」

Abricotine AbricotineはOSSなデスクトップ用Markdown(GFMもサポート)エディタです。ベータ版ではあるものの、WindowsやOS X、Linuxなど各OSで動作するようです。非常にシンプルなUIで使いや...

圧縮ツールやCSVコンバーター等、シンプルなツールをいくつか公開している・「hreftools.com」

hreftools.com hreftools.comは地味に便利なツールを公開するWebサイトです。先発のツール集サイトよりも数は圧倒的に少ないですが、個人的には結構気に入ったのでメモとして。おいてあるツールはHTML、CSS、Ja...

画像を一瞬で任意の色のツートンカラーに変換する・「Duotone」

Duotone Duotoneは任意の画像、またはunsplashの画像を任意の2色トーンに変換してダウンロードできるWebサービスです。画像はアップロードした瞬間に変更、即DLが可能です。動作はかなり軽い、というか待ち時間ほぼ0で変...

テンプレートをカスタマイズして手軽に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サイトのギャラリーサイトです。実例を見て学ぼう、みたいな趣旨みたいです。が、まだほとんど集まってないみたいなですね。自...

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

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