スマホ対応の告知サイトのHTMLテンプレート
OSHIRASEは告知サイトを簡単に作ることが出来るHTMLテンプレートです。 レスポンシブでスマホにも対応しています。 デモ
コーディング
気持ちの良いページ内スクロールを実現するjQueryプラグイン Arbitrary Anchor
Arbitrary Anchorは気持ちの良いページ内スクロールを実現するjQueryプラグインです。 ページ内スクロール用のjQueryプラグインは色々ありま...
商用利用可能で無料のPSDテンプレート
REEN - Creative Portfolio Templateは、ドイツのデザイナーBen Schadeによる商用利用可能で無料のPSDテンプレートです。...
グルーピングやレスポンシブにも対応した高さを揃えるjQueryプラグイン jquery.matchHeight.js
jquery.matchHeight.jsはコンテンツの高さを揃えるjQueryプラグインです。 よくあるプラグインですが、marginやborderなどのスタ...
無料で安定したHTML5ベースの動画プレイヤーなら SublimeVideo
SublimeVideoはHTML5ベースの動画プレイヤーです。高機能で安定しています。 動画プレイヤーのソース自体はSublimeVideo側のサーバーでホス...
ページ上部にスクロールしても消えないお知らせエリアを表示する jQuery Sticky Alert
jQuery Sticky Alertはページ上部に表示される、スクロールしても消えないお知らせエリアを実装できるjQueryプラグインです。 レスポンシブにも...
CSSから自動でブレークポイントを探して表示確認できるブックマークレット BreakpointTester
BreakpointTesterはCSSから自動でブレークポイントを探してレスポンシブデザインの表示確認ができるブックマークレットです。 Media Queri...
HTML、CSS、Jacascript、XML、JSONなどのコードを綺麗にしてくれる Code Beautify
Code BeautifyはHTMLやCSS、Javascript、XML、JSONのコードを綺麗にしたり、圧縮したりできるオンラインサービスです。 よくあるサ...
JPG、PNG画像を圧縮できるWebサービス JPEG & PNG Image Compression – Media4x
JPEG & PNG Image Compression - Media4xはJPG、PNG画像を圧縮できるWebサービスです。 画像ファイルをアップロードする...
CSS3をシミュレーションしてプロパティをジェネレートできる CSS3.0 Maker
CSS3.0 MakerはCSS3のプロパティを設定してコードをジェネレートできるWebサービスです。 見た目をプレビューしながら値をいじれるので、値を設定して...
CSS3のアニメーション transition」の動作を確認できる「CSS3 Transitions Collection 30
CSS3 Transitions Collection 30はCSS3のアニメーション「trasition」のサンプルを30個集めています。 おなじみの「Cub...
オンライン上でコードの差分(diff)を比較できるWebサービス Mergely
Mergelyはオンライン上でコードの差分を比較できるWebサービスです。 いわゆるdiff（ディフ）、2つのコードを比較して差分を取得できるプログラムです。
HTML、CSS、Javascriptをリアルタイム編集できるWebサービス Liveweave
LiveweaveはHTML、CSS、Javascriptをリアルタイムプレビューしながら編集できるWebサービスです。 一つの画面の中でHTML、CSS、Ja...
登録したWebサイトに変更があるとメールで通知してくれる VisualPing
VisualPingは登録したWebサイトに変更があるとメールで通知してくれるサービスです。 登録時点のキャプチャを取得して、見た目に変更があるとお知らせしてく...
スマホとタブレットの表示をサクッとチェック Screenfly
Screenflyはスマホやタブレットの各種端末での表示をサクッとチェックできるWEBサービスです。 Kindle Fire、iPad、Galaxy Tab、i...
自分のサイトの表示速度を測定できる Pingdom Website Speed Test
新しくリニューアルされたので、2016/06/16に改めて紹介しました。 自分のサイトの表示速度を測定できる Pingdom Website Speed Tes...
最強のレスポンシブ確認用ブックマークレット VIEWPORT RESIZER
VIEWPORT RESIZERはレスポンシブサイトの確認に使えるブックマークレットです。 レスポンシブデザインの確認用ツールやサイトは色々ありますが、たぶんこ...
CSSフレームワークのブラウザ対応状況が一目で分かる CSS Front-end Frameworks
CSS Front-end Frameworksは有用なCSSフレームワークをコレクションしているサイトです。 ブラウザ対応状況、レスポンシブ対応の可否などが一...
CSSフレームワークを使った 簡単なレスポンシブデザインの作成[スライド]
CSSフレームワークのKubeを使ってレスポンシブデザインを作成する際の流れ、特徴、注意点を解説しています。入門編としておすすめです。 CSSフレームワークを使...
コンテンツの高さと幅を揃えるなら eqaulize.js
equalize.jsはコンテンツの高さと幅を揃えてくれるjQueryプラグインです。使用方法も簡単です。 dviやpタグなどを揃えることができます。 導入 j...
MacでWindowsを動かすなら Parallels Desktop
Parallels DesktopはMacでWindowsを動かすためのアプリです。Windows XP、Windows 7、Windows8 すべて問題なく動...