Webページにドローツールを埋め込むためのスクリプト・「Drawingboard.js」 Drawingboard.js Drawingboard.jsはWebページにおえかきツールを埋め込むためのスクリプトです。Canvasベースで出来ており、コントロールに必要な機能も一通り揃っている印象です。ある程度他のライブラリにも...2016.02.05 | 10時39分41秒
モバイルアプリ向けのランディングページテンプレート・「Takeoff」 Takeoff Takeoffはモバイルアプリ向けのランディングページのテンプレートです。よく配布されているような、いわゆるWebページのテンプレは使わないのですけど、こちらはスタイルを初期化すれば使いやすそうだったので備忘録として。...2016.02.04 | 11時00分45秒
レスポンシブWebデザイン対応のシンプルなイベントカレンダーを実装出来るスクリプト・「monthly.js」 monthly.js monthly.jsはシンプルなイベントカレンダー実装の為のスクリプトです。jQueryに依存しています。レスポンシブWebデザインにも対応しており、デイトピッカーとして利用する事も可能となっています。少し触って...2016.02.03 | 9時36分58秒
FlexboxベースのモダンなCSSフレームワーク・「Bulma」 Bulma BulmaはFlexboxベースのモダンなCSSフレームワークです。レスポンシブWebデザインに対応しており、オープンソースとして公開されています。カラースキームもいいセンスしてますね。これはなかなか使いやすそうです。 ...2016.02.01 | 10時57分22秒
GeoJSONをブラウザ上で作成できるOSS・「geojson.io」 geojson.io geojson.ioはGeoJSONをブラウザで編集、作成出来るWebツールです。オープンソースとしてもコードが公開されています。GeoJSONはGoogle Map APIでもサポートされている規格ですので馴染...2016.01.31 | 11時34分49秒
Instagramライクな画像フィルターを簡単に設定可能でCSSコードも出してくれる・「cssFilters」 cssFilters cssFiltersはInstagramライクな画像加工をCSSで施せるWebアプリです。画像はUnsplashから引っ張るか任意の画像をアップロードします。CSSgramが使用されており、プレビューを見ながらス...2016.01.30 | 10時36分44秒
任意の画像をレスポンシブに対応したHTMLタグや画像を生成するジェネレーター・「Responsive Image Breakpoints Generator」 Responsive Image Breakpoints Generator Responsive Image Breakpoints Generatorは任意の画像をRWD対応にする為のジェネレーターです。srcset属性による画像...2016.01.28 | 10時00分41秒
JavaScript製のオープンソースなCMS・「CMS.js」 CMS.js CMS.jsはJavaScript製のCMSです。オープンソースとして公開されています。サーバーサイド・スクリプトの援助なしにクライアントサイドでWebアプリケーションを構築する事が出来る、との事です。jekyllを意識...2016.01.27 | 11時00分23秒
CSSのみで縦の年表のようなタイムラインを作れる・「Timelined」 Timelined TimelinedはJavaScript不要でタイムラインを作成出来るスタイルシートです。CSSのみで縦の年表を作成出来ます。カスタマイズ性も優秀で、アイコンの有無や吹き出し、アイコンのサークルカラー、タイムライン...2016.01.25 | 10時22分49秒
自動でアクセシビリティのチェックを行うオープンソースツール・「pa11y」 pa11y pa11yは自動で任意のWebサイトのアクセシビリティチェックを行ってくれるツールです。OSSとして公開されています。監視したいWebサイトを設定すると毎日チェック、スコアを出してレポートを作成してくれます。30日間のレポ...2016.01.23 | 11時14分32秒
RubyやPython、Node.js、PHPやGoなど様々なコードスニペットをブラウザで実行テストできる・「BitRun」 BitRun BitRunは様々なプログラミング言語のコードスニペットを実行テスト出来るWebアプリです。対応言語はタイトルで上げたものの他にElixir、bash、Rust、C、Swift、Dart、CoffeeScroptなどなど...2016.01.22 | 10時34分37秒
シンプルなスプレッドシート実装の為のスクリプト・「ipgrid」 ipgrid ipgridはシンプルなスプレッドシート実装の為のスクリプトです。jQueryに依存しています。Googleスプレッドシートのように扱えるそうですが、まだ関数はいくつかしかテストしていませんのでクローンと言えるかどうかは...2016.01.20 | 10時46分31秒
Codepenで2015年に話題になった投稿TOP100をまとめた・「MOST The HEARTED 2015」 MOST The HEARTED 2015 MOST The HEARTED 2015はCodepenで話題になった投稿TOP100をランキング化したWebページです。最もグッと来た投稿、コードを紹介しています。心に来たコード=実際に...2016.01.19 | 10時17分20秒
Web標準の16色を綺麗なカラーパターンにする為のCSS・「COLORS」 COLORS COLORSはCSS2.1で設定されている標準カラーを少し変えて綺麗なカラーパターンにする為のCSSです。17色のうち、whiteを除く16色に手を加えてみたよ、みたいなの。W3Cが標準とするには理由があると思いますので...2016.01.18 | 10時26分18秒
MarkdownやLessにも対応したオープンソースのjsFiddleライクな軽量コードテストツール・「Jotted」 Jotted JottedはjsFiddleライクにブラウザでJSやHTML、CSSのコードを実行テスト出来るツールです。OSSとしてソースコードが公開されています。動作は非常に軽量でMarkdownやLess、CoffeeScrip...2016.01.17 | 9時16分54秒
Hacker Newsライクなオープンソース専門のニュースサイト・「OSwatch」 OSwatch OSwatchはHacker NewsライクなOSS専門のニュースアグリゲーションサイトです。Hacker Newsライクというか、厳密にはHacker Newsクローン(だと僕は思ってる)のOSSであるLobster...2016.01.16 | 10時23分28秒
安否確認の為のシンプルな見守りメールアプリを構築出来る国産WordPressテーマ・「pigeon」 pigeon pigeonは、いわゆる「見守りメール」をWebアプリとして構築できるWordPressテーマ。日本国産で作りも簡単ですので利用ハードルは高くなさそうです。WordPressテーマですが、特にブログ機能やCMS機能は無く...2016.01.15 | 11時24分25秒
色覚異常の方やプリンターによる印刷を意識したGoogle謹製のカラーパレットジェネレーター・「palette.js」 palette.js palette.jsはGoogle謹製のカラーパレットジェネレーターです。生成されるカラースキームは色覚異常の方への配慮だけでなく、プリンターフレンドリーにも設計してあるそうです。生成されたパレットはマウスホバー...2016.01.14 | 10時51分29秒
オープンソースのシンプルなモックアップ作成ツール・「QuickMockup」 QuickMockup QuickMockupはシンプルなモックアップ作成ツールです。Webサービスとしてではなく、あくまでオープンソースソフトウェアとして公開されていますのでフォントやエレメントは変更しないとアレな感じです。とは言え...2016.01.13 | 9時56分53秒
ブラウザのサポート状況をチェックする1KBの軽量スクリプト・「Feature.js」 Feature.js Feature.jsはブラウザのサポート状況をチェックしてくれる高速且つシンプル、軽量なブラウザの特徴検出スクリプト。他ライブラリへの依存も無く、わずか1KB程度で動作してくれます。Modernizrライクに利用...2016.01.12 | 9時48分48秒
軽量且つクリーン、ミニマルなUIフレームワーク・「Milligram」 Milligram Milligramは軽量でミニマルなUIフレームワークです。必要最低限のコードでクリーン、圧縮版で2KBと軽量な設計ながら欲しいUIコンポーネントは一通り揃っていて使いやすそうな印象でした。大きな特徴がこれといって...2016.01.11 | 10時20分07秒
モダンブラウザ向けのjQuery代替な軽量スクリプト・「cash」 cash cashはモダンブラウザ向けのjQuery代替スクリプトです。と言っても100%代替を目指すつもりは無いようで、あくまで軽量さを保ちつつ、ある程度jQueryで出来ることをカバーしていく、というもののようですね。cashのコ...2016.01.10 | 10時25分55秒