テキストにCSS3のアニメーションエフェクトを付与するスクリプト・「txt.wav」 txt.wav txt.wavは上記のようにテキストにCSS3ベースのアニメーションエフェクトを付与するスクリプトです。非依存型で単体で動作しますが、基本的にJavaScriptは1文字ずつ包括するシンプルなもので、エフェクトはkey...2016.09.06 | 10時02分11秒
モバイルサイトの為の軽量でフレキシブルなCSSフレームワーク・「Mobi.css」 Mobi.css Mobi.cssはモバイルサイトの為のCSSフレームワークです。よくあるモバイルファーストよりもよりモバイルにフォーカスして作成されているようで、PCサイトではQRコードを表示するスペースを用意出来るclassが用意...2016.09.02 | 10時32分31秒
小規模なプロジェクトのための軽量でミニマルなCSSフレームワーク・「Siimple」 Siimple Siimpleは軽量、ミニマルなレスポンシブWebデザイン対応のCSSフレームワークです。フロントエンド開発のキックスタートに貢献出来るように作成したそう。フォームやテーブル、アラート、ボタンやグリッドなど必要最低限の...2016.08.31 | 10時45分38秒
Bootstrapでのtableにソートやページネーション、検索機能等を付与するスクリプト・「jQuery Bootgrid」 jQuery Bootgrid jQuery BootgridはBootstrap上でのtableを多機能にするスクリプトです。jQueryに依存します。thにカスタムデータ属性を与える必要がありますが、tableをthの内容毎にソー...2016.08.30 | 10時25分41秒
基本的な部分だけ抑えたモダンでミニマルなCSSリセット・「minireset.css」 minireset.css minireset.cssは基礎部分だけ抑えたモダンなCSSリセットです。各見出しのフォントサイズのリセット、ブロック要素のmargin、paddingリセット、全要素へのbox-sizingの導入、各メデ...2016.08.29 | 10時14分38秒
要素の背景に水面を指でなぞるようなエフェクトを付与できるスクリプト・「jQuery Ripples」 jQuery Ripples ※Resultを押せば別の画像が表示されます。 jQuery Ripplesは要素に揺れる水面っぽいエフェクトを付与できるスクリプトです。WebGLで任意の要素に指定した画像に上記のようなエフェクト...2016.08.19 | 10時14分40秒
スクロールに応じて要素をCSS3で手軽にアニメーションさせられるライブラリ・「Kissui.scrollanim」 Kissui.scrollanim Kissui.scrollanimはスクロールに応じて要素をアニメーションしながら表示させるためのライブラリです。オシャレ感ただようWebページに大抵あるあのエフェクトを手軽に付与しよう、という...2016.08.14 | 10時25分18秒
各ソーシャルサイトの共有ボタンを作成、コードをコピー出来るOSS・「Sharingbuttons.io」 Sharingbuttons.io Sharingbuttons.ioはTwitterやFacebook、Google+等のソーシャルサイトへの共有ボタンを作成、コードを吐き出してくれるツールです。これくらいならよく見かけますが、こち...2016.08.05 | 10時20分33秒
Web制作のスピードを早める為に作られたモジュール式の軽量CSSフレームワーク・「BlazeCSS」 BlazeCSS BlazeCSSはモジュール形式のモバイルファーストなCSSフレームワークです。Web製作スピードを早めるために設計、公開されたそう。各コンポーネントは必要なものだけ該当のCSSを読み込むモジュール式でモノリシックな...2016.07.30 | 10時41分54秒
オートコンプリートの住所検索の為のスクリプト・「Algolia Places」 Algolia Places Algolia Placesはオートコンプリートな住所検索の為のスクリプトです。上デモのようにOpenStreetMapを使って検索対象を世界にする事が可能です。高速さが売りのようですね。導入も割と簡単で...2016.07.29 | 9時30分12秒
リアルタイムにグラフを描けるチャートライブラリ・「Epoch」 Epoch Epochはリアルタイムにグラフを描くチャートライブラリです。頻繁に更新されるような時系列データをSVGを使って可視化する為の汎用ライブラリとして公開されています。D3.jsに依存するみたい。スタイリングもし易いように設計...2016.07.26 | 10時00分34秒
textareaを使ったMarkdownエディタライブラリ・「Markdown Text Editor」 Markdown Text Editor Markdown Text EditorはWebベースのMarkdownエディタです。textareaをMarkdownサポートのWYSIWYGにする、というJavaScriptライブラリで、...2016.07.24 | 9時33分27秒
非依存型で軽量、機能的なJavaScript製のモダンオーディオライブラリ・「howler.js」 howler.js howler.jsは非依存型のバニラなJavaScriptオーディオライブラリです。クロスプラットフォームで動作、多様なコーデックのサポート、オーディオのスプライトとコントロール、オートキャッシュによるパフォーマン...2016.07.22 | 10時25分22秒
TwitterやGoogle画像検索などで画像にマウスホバーするだけでその場で画像を拡大してくれるOSSのChromeエクステンション・「Hover Zoom+」 Hover Zoom+ Hover Zoom+はTwitterやGoogle画像検索、Amazonなどの画像をマウスホバーでその場で拡大してくれるChromeエクステンションです。画像を確認するのにわざわざクリックしてページ移動は非常...2016.07.17 | 11時08分03秒
Markdownでプレゼンテーションを作成出来る日本国産のオープンソースソフトウェア・「Marp」 Marp MarpはMarkdown記法でプレゼンテーションを作成出来るオープンソースのソフトウェアです。MacアプリのDecksetのようにMarkdownでプレゼンを作成できますが、こちらはWindows、Linux版も用意されて...2016.07.14 | 11時07分41秒
ピンチやスワイプ、タップなどのジェスチャーを検出するライブラリ・「zingtouch」 zingtouch See the Pen ZingTouch | Bubble Swipe by ZingChart (@zingchart) on CodePen. zingtouchはタッチデバイスのジェスチャーを検出するライ...2016.07.11 | 8時59分57秒
要素をシェイクさせるスタイルシート・「CSShake」 CSShake CSShakeは要素にシェイクするようなエフェクトを付与するスタイルシートです。小刻みに震えたり大きく揺れたり縦揺れ、横揺れなどいろいろ用意されていますが、これらのエフェクトをclassで管理しよう、というもの。多用す...2016.07.09 | 11時14分49秒
いろいろなオプション付きのツールチップ作成CSSライブラリ・「Tootik」 Tootik Tootikは色々なオプション付きのツールチップ実装CSSライブラリです。CSSのみでツールチップを作成、オプションとして位置の設定や「成功」「注意」などの通知用、表示遅延、テキストの複数行、矢印の有無、フェードエフェク...2016.07.05 | 11時17分25秒
h1やh2などの見出しに合わせてページの目次(TOC)を自動作成するスクリプト・「Tocbot」 Tocbot Tocbotはページ内の見出しを元に、目次(table of contents)を自動作成するスクリプトです。Tocifyに触発されて作成したそうですが、1つの違いはjQueryに依存せず、バニラなスクリプトで動作する点...2016.07.03 | 11時20分00秒
モバイルファーストなヘルプデスク構築のためのオープンソースソフトウェア・「Helpy」 Helpy Helpyはモバイルファーストなヘルプデスク構築のためのソフトウェアです。OSSとしてソースコードが公開されています。Zendeskやdesk.comのような有料サービスの代替として提供する事を目指しているとのことです。ヘ...2016.06.30 | 11時18分15秒
シンプルさを重視したオープンソースの小規模/個人向けプロジェクト管理ツール・「Kanboard」 Kanboard Kanboardはオープンソースのプロジェクト管理ツール。小規模チームまたは個人プロジェクト向けに作られています。最小限の機能に、最小限の装飾に抑え、プロジェクト管理という目的のみに絞ったシンプル、ミニマルなツールに...2016.06.29 | 11時05分22秒
動画をフルスクリーンで背景にするスクリプト・「Vidage.js」 Vidage.js Vidage.jsはフルクリーンで動画を背景にするスクリプトです。スマフォなどのモニタサイズが狭いデバイスなどでは画像が背景になるようにするようです。ファイルサイズは圧縮版で4.7kbほど。非依存型なので単体で動作...2016.06.28 | 10時33分01秒