CSSのみで縦の年表のようなタイムラインを作れる・「Timelined」 Timelined TimelinedはJavaScript不要でタイムラインを作成出来るスタイルシートです。CSSのみで縦の年表を作成出来ます。カスタマイズ性も優秀で、アイコンの有無や吹き出し、アイコンのサークルカラー、タイムライン...2016.01.25 | 10時22分49秒
大量のパブリックドメインな写真素材を探せる・「FindA.Photo」 FindA.Photo FindA.PhotoはCC0な写真素材を探せるWebサービスです。色やシーン、配布元サイトなどからもコマンド検索可能みたい。動作も割と軽いので結構使いやすい印象でした。素材のページではその写真のカラースキーム...2016.01.24 | 10時43分35秒
自動でアクセシビリティのチェックを行うオープンソースツール・「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秒
任意の画像からカラースキームを生成する・「ColorFavs」 ColorFavs ColorFavsは任意の画像からカラースキームを生成するツールです。画像はアップロードとURLの選択肢がある他、ベースカラーと色相、明度を指定してランダムに生成する事も出来ます。生成されたカラースキームはシェアも...2016.01.21 | 11時37分41秒
シンプルなスプレッドシート実装の為のスクリプト・「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秒
軽量且つクリーン、ミニマルな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秒
ブレンドモードにも対応のオープンソースなダミー画像生成ツール・「Placemat」 Placemat Placematはブレンドモード対応のダミー画像生成サービスです。よくあるダミー画像サービス同様に、URLでダミー画像を利用する事が出来ますがほかと違ってシンプルなURLとは言えないかも。URLは上記デモのHTMLソ...2016.01.09 | 10時37分43秒
CSSのフィルターを手軽に扱えるようにするスクリプト・「Philter」 Philter PhilterはCSSのfilterを手軽にコントロールできるようにする為のスクリプトです。jQuery版とvanilla.JS版があります。CSSを書かずとも、例えばdata-philter-grayscale="1...2016.01.08 | 10時33分09秒
品質重視のフォトグラファー向け写真投稿型コミュニティサイト・「Fotoblur」 Fotoblur Fotoblurは品質を重視したフォトグラファー向けの写真投稿型コミュニティサイトです。500pxや1x.comっぽい感じですね。一応プリント購入も出来るみたい。写真投稿サイトは数多に有りますので選択肢の一つとして。...2016.01.07 | 11時01分54秒
Githubで公開されているjQueryのプラグインと詳細をまとめている・「jQuery Cards」 jQuery Cards jQuery CardsはGithubで公開されているjQueryのプラグインと詳細をまとめているWebサイトです。詳細はREADME.md等を引っ張ってきてるみたいです。また、全てではありませんが、動作デモ...2016.01.06 | 10時26分21秒
シングルページのWebアプリケーションエンジン・「Senna.js」 Senna.js Senna.jsはオープンソースのシングルページなWebアプリケーションエンジンです。軽量で他ライブラリに依存しないフレームワークとなっており、高速ブラウジング可能なWebアプリ構築をサポートしてくれるとの事。ライセ...2016.01.05 | 11時28分54秒
ブレンドモードを利用したカラフルなフィルタの為のCSS・「Colofilter.css」 Colofilter.css Colofilter.cssはcssのblend modesを使用したカラフルなフィルタの為のCSSです。mix-blend-modeプロパティを予め設定し、classでフィルタをかけられるようにしたCS...2016.01.04 | 11時01分02秒
CSSで変更できるカーソルとコードの一覧・「CSS Cursor」 CSS Cursor CSS CursorはCSSで変更できるカーソルとそのプロパティ、対応ブラウザの一覧ページです。思いの外しらないものもあったので備忘録的に。HTML製のWebアプリも増えているので以前よりも需要は高くなっているか...2015.12.30 | 10時12分04秒