FlexboxベースのレスポンシブなWebサイトを構築するプロジェクトの開発をサポートするCSSフレームワーク・「Frow CSS」 Frow CSS Frow CSSはFlexboxベースのRWDなWebサイト構築の開発スピードを上げるためのフレームワークです。様々なグリッドに対応、フォームやユーティリティも揃えられています。npmやBower、CDNも対応、SA...2018.03.02 | 11時15分22秒
商用利用OK、クレジット不要で使える、量よりも質を重視したストックフォト・「Reshot」 Reshot Reshotは商用でも無料でクレジット不要で使える写真素材を提供するストックフォトサイトです。量よりも質を重視しているそう。人物を中心にまとめられている印象です。ライセンス形態の明記はなく、オリジナルを採用していますが、...2018.03.01 | 10時30分39秒
Bootstrap 4向けのオープンソースなダッシュボード用テンプレート・「Now UI Dashboard」 Now UI Dashboard Now UI DashboardはBootstrap 4向けのOSSなダッシュボード用テンプレートです。目に優しいカラースキーム、見やすいUI等を意識して作られたそうです。OSSですが、有償プランも用...2018.02.27 | 11時05分53秒
スマフォやタブレット向けのプロトタイピングツール・「MockingBot」 MockingBot MockingBotはスマフォやタブレット向けのプロトタイピングツールです。使いやすさに拘って開発したそうで、頭痛がおきない使い勝手の良さが特長だそうです。触った感想は、頭痛が起きるかどうかは個人によりけりでしょ...2018.02.25 | 10時21分28秒
マルチレベルに対応したドリルダウンのハンバーガーメニューを実装できるスクリプト・「mlStackNav」 mlStackNav mlStackNavはマルチレベルに対応したハンバーガーメニューです。jQueryに依存します。ドリルダウンでマルチレベルナビゲーションに対応していますので省スペースに大量のナビゲーションを詰め込むことができます...2018.02.24 | 12時20分15秒
すっきりしたデザインのランディングページをコレクションしたギャラリーサイト・「Hyperpixel」 Hyperpixel HyperpixelはすっきりしたデザインのLPをコレクションしたWebデザインギャラリーサイトです。そういったもの中心に集めているという説明はありませんので個人的な主観ですが、見やすいものばかりが集められている...2018.02.23 | 11時14分01秒
プログラマーの為のブログプラットフォーム・「Boostlog」 Boostlog Boostlogはプログラマーの為のブログプラットフォームです。非常にシンプルなUIでストレスなく書くことができます。ログインはGithubアカウントを使います。提供元はプログラマー向けのオープンソースなメモアプリ、...2018.02.21 | 10時27分08秒
CSSグラデーションを直感的な操作で作成できる・「GradPad」 GradPad GradPadは直感的な操作でCSSグラデーションを作成できるツールです。よくあるジェネレーターと言われればそれまでなんですが、個人的には使用感が凄く良いと感じたので備忘録的に書いてます。2つのボタンを動かすことでグラ...2018.02.20 | 10時47分27秒
解析機能も付いたオープンソースの短縮URLツール・「Kutt」 Kutt Kuttは解析機能も付いたOSSのURL短縮ツールです。短縮されたURLの管理と解析が可能で、パスワード付きでの発行も出来るようです。p.tlやtr.imのように、いつサービスが終了するか分からない、終了したらデッドリンクと...2018.02.19 | 10時47分24秒
Webサイトで未使用のCSSセレクタを教えてくれるツール・「Unused CSS」 Unused CSS Unused CSSはWebサイトで未使用のCSSセレクタを抽出してくれるWebサービスです。内部リンクをたどって複数ページを一括で解析、抽出してくれる、というものですが、現在ベータ版の為か100ページの解析に制...2018.02.17 | 10時41分41秒
CSS変数を利用したパララックスエフェクトをサポートするライブラリ・「basicScroll」 basicScroll See the Pen basicScroll Default Demo by Tobias Reich (@electerious) on CodePen. basicScrollはCSS変数を利用して...2018.02.16 | 11時17分09秒
無料で使えるシンプルなマインドマップツール・「MapsOfMind」 MapsOfMind MapsOfMindは無料で使えるマインドマップ作成ツールです。マップは無料版でも無制限に作ることができます。1つのボックス内にはTodoリストやコメント等が追加可能で、テキストはリッチテキストエディタが利用でき...2018.02.15 | 10時58分53秒
項目数が多くなったリストやテーブルを自動で複数ページに分割し、ページネーションを加えるスクリプト・「paginathing.js」 paginathing.js paginathing.jsは長くなったリストやテーブルを複数ページに分割するスクリプトです。jQueryに依存します。ページネーションも自動で付与します。オプションで1ページに表示するアイテム数やリ...2018.02.13 | 10時42分45秒
開発者向けのツールやリソースのリストをコレクションしている・「Pretty Awesome Lists」 Pretty Awesome Lists Pretty Awesome Listsは開発者向けのツールやリソースのリストをコレクションしているプロジェクトサイトです。開発者といっても様々ですが、Pretty Awesome Lists...2018.02.12 | 11時16分27秒
フォームのHTML/CSSのboilerplateとして提供する・「Boilerform」 Boilerform See the Pen Boilerform: Card payment example by Andy Bell (@hankchizljaw) on CodePen. Boilerformは送信フォームの雛...2018.02.11 | 10時08分06秒
LateXやiframeのプレビューにも対応したオープンソースのデスクトップMarkdownエディタ・「Abricotine」 Abricotine AbricotineはOSSなデスクトップ用Markdown(GFMもサポート)エディタです。ベータ版ではあるものの、WindowsやOS X、Linuxなど各OSで動作するようです。非常にシンプルなUIで使いや...2018.02.10 | 11時22分23秒
圧縮ツールやCSVコンバーター等、シンプルなツールをいくつか公開している・「hreftools.com」 hreftools.com hreftools.comは地味に便利なツールを公開するWebサイトです。先発のツール集サイトよりも数は圧倒的に少ないですが、個人的には結構気に入ったのでメモとして。おいてあるツールはHTML、CSS、Ja...2018.02.09 | 10時43分04秒
画像を一瞬で任意の色のツートンカラーに変換する・「Duotone」 Duotone Duotoneは任意の画像、またはunsplashの画像を任意の2色トーンに変換してダウンロードできるWebサービスです。画像はアップロードした瞬間に変更、即DLが可能です。動作はかなり軽い、というか待ち時間ほぼ0で変...2018.02.08 | 10時06分13秒
テンプレートをカスタマイズして手軽にSVGの背景を作成できる・「SVG Backgrounds」 SVG Backgrounds SVG Backgroundsは好みのテンプレートを選んで簡単にカスタマイズ、SVG背景として利用できるジェネレーターです。30種ほどのテンプレートが用意されており、それぞれ色やサイズを変更する事ができ...2018.02.06 | 11時38分21秒
350ほどの様々な計算機を公開、Webサイトに埋め込みも出来る計算機検索サイト・「Omni Calculator」 Omni Calculator Omni Calculatorは様々な計算機を探せる計算機検索サイトです。埋め込み用のコードも発行してくれます。計算機はビジネス向け、建築関係向け、数学や物理、ファイナンス、フィットネス等のカテゴリに分...2018.02.05 | 10時49分37秒
CSS Gridを使ったWebサイトのギャラリーサイト・「Grid Examples」 Grid Examples Grid ExamplesはCSS Gridを実際に使用してレイアウトを組んでいるWebサイトのギャラリーサイトです。実例を見て学ぼう、みたいな趣旨みたいです。が、まだほとんど集まってないみたいなですね。自...2018.02.03 | 11時37分08秒
必要なものだけ揃えられたベーシックなCSSのboilerplate・「roolith」 roolith roolithは必要最低限のものだけ揃えたCSSのboilerplateです。タイポグラフィやボタン、カラースキーム、グリッドやRWDの為のブレークポイント、各ナビゲーションやフォームからヘルパークラスまで、分かりやす...2018.02.02 | 11時46分24秒