色覚障害のあるユーザーに、Webサイトがどう見えているかをザックリと教えてくれるWebツール・Chromanope
日曜日ですが、良さ気なツールを 見かけたので備忘録的にご紹介。 色覚障害の方、俗に言う色弱の 人にとってWebサイトがどう見えて いるかを教えてくれる、という Webサービスです。
プログラミング
サーバー側のCSSの更新をファイル単位で読み込みなおすブックマークレット・SoFresh
使うかどうか分からないけど、慣れた ら楽かも、と思ったのでテスト的に 使っています。サーバー側にCSSの更新 があったら読み込みなおして最新の状 態にしてくれる、というブックマーク レット、SoFreshです。
Adobe kulerのカラースキームを使ってTwitter Bootstrap用のCSSを作成出来る国産Webサービス・PaintStrap
ご連絡頂いたのでご紹介。人気の Twitter Bootstrapのデザインを、 kulerを使ってサクッと作り出せ るWebサービスです。国産なので 英語が苦手な方でも安心して使用 出来ると思います。
Google Web FontのフォントをCSS3で装飾した状態で確認出来る・Best Google Web Fonts
Googleにホスティングされて いるWebフォントにCSS3等で 3Dやレタープレスなどのエ フェクトをかけた状態をサク サク確認できる、というWeb サービスのご紹介です。
クリーンなデザインのレスポンシブWebデザイン対応WordPressテーマ・Murmur
レスポンシブWebデザイン対応のWP テーマ、Murmurのご紹介です。デ ザインもクリーンで綺麗。このまま 使ってもいいかもしれません。イメ ージスライドショーも付いていま した。
タッチイベントにも対応のレスポンシブなカルーセルを実装するjQueryプラグイン・Responsive Carousel
レスポンシブWebデザイン対応の カルーセルを実装出来る、という jQueryのプラグイン・Responsive Carouselのご紹介です。どうでも いいですけど、ネーミングその まんまですね。
スクロールに応じてパララックス効果を表現できるスクリプト・jarallax
スクロールに応じて視差効果 を表現できるスクリプト・ jarallaxのご紹介。jQueryを 必要とするみたいです。よく 見かけるやつですが、デモが 良かったので備忘録的に。
Web制作時に地味に役立ちそうな様々なツールを一纏めにしてOSS化したツールセット・Effin Toolset
JavaScriptのコード整形や難読化、 リソースのリンク集などなど、Web 制作に地味に役立ちそうなツール を一纏めにしてOSSとして無償配布 しているツール郡、Effin Toolset のご紹介です。役に立つかどうか は...
CSSやJavaScriptでのEasing使用法を確認できるチートシート・Easing Functions Cheat Sheet
見やすかったのでメモ的に。 Easingの動作確認や実装法 などを完結に纏めてある チートシートサイトのご紹 介です。たまにしか利用し ないので覚えられない・・
WordPressで、現在閲覧中の記事をその場で削除できるボタンを作る・改
以前書いた記事がWordPress3.4で 動作しないとのコメントを頂いた ので改正版を書きます。あまり 需要は無さそうな気がしていまし たが、意外とあるものなんですね。
jQueryでラジオボタンを旧Diggのラジオボタンっぽくする
speckyboyの記事が参考になった のでメモ書き。ラジオボタンを jQueryで以前のDiggっぽくする という内容です。CSSによるスタ イルも楽に出来るのは魅力ですね。
ページ内の特定の要素を目次として生成出来るjQueryプラグイン・MagicNav.js
良さ気なプラグインだったので 備忘録。ページ内の特定の要素 を指定すると、その要素を目次 として生成出来る、というjQuery のプラグインです。長文のブロ グを書く方は楽できるのでは。
WordPressの管理画面をBootstrapっぽく変更するプラグイン・Bootstrap Admin
人気のBootstrapをWordPress の管理画面内で適応させる、 というプラグインです。この 手のプラグインは数多に存在 しますが、Bootstrapの見た目 は結構見やすいのでアリかなと。
要素全体にblur効果を与えられるjQueryプラグイン・Foggy
いい感じのエフェクトだったので メモ。画像だけでなく、テキスト なども含んだ要素全体にblur効果 を与えられる、というjQueryの プラグインです。なかなか面白い。
[書評] jQuery Mobileの基本から応用までを網羅「jQuery Mobileパーフェクトガイド」
jQuery Mobileに関する書籍をご献本 頂きました。記事を持って御礼とさせ て頂きます。スマフォの普及で需要 の高くなった印象のJQMについて、 基本から応用まで詰め込んだ一冊です。
シングルページのポートフォリオ向けレスポンシブWebデザイン対応のWordPressテーマ・OnePager
シングルページのポートフォリオ を作成する用のWPテーマです。レ スポンシブWebデザインにも対応 しています。シンプルで使いやす そうなので備忘録的にご紹介。
CSS3のFilter Effectsを使って画像にチルトシフト効果を与えるjQueryプラグイン・tiltShift.js
Webkit系で使えるFilter Effectsを 利用して、画像にチルトシフトっぽい エフェクトを与えられる、という jQueryのプラグインです。非常に 限られたシーンでしか利用できませ んがこういう加工がPs不要で出来る ...
コメント欄でoEmbed機能(自動メディアリンク)を使えるようにするWordPressプラグイン・oEmbed in Comments
WordPressのコメント欄でoEmbed機能 を使えるようにする、というプラグ インです。oEmbed機能とは、例えば Youtubeならアドレスを貼るだけで 動画に自動変換してくれるデフォル トの機能の事です。
パララックス効果を表現できる背景をオンラインで簡単に生成出来るWebサービス・Parallax Background Builder
去年よく話題に上った、マウスを動かす 事で視差効果（パララックス）を表現す るやつをオンラインで生成出来る、という Webサービス・Parallax Background Builder のご紹介。こういうのも簡単に生成出来る よ...
幅が異なる要素にも対応可能なカルーセルを実装するjQueryプラグイン・Lemmon Slider
以前やろうと思ったカルーセルを 実装できるプラグインが配布されて いたので備忘録。幅の異なる要素 にも対応できるカルーセルです。 多くのカルーセルやスライダーは サイズ固定ですよね・・・
ボックスを綺麗に並べてくれるMasonryライクなjQueryプラグイン・Freetile.js
サイズの異なるボックスを綺麗 に配置してくれるスクリプト、 MasonryっぽいjQueryプラグイン、 Freetile.jsです。似たような スクリプトは結構ありますので 参考までに。
シンプルさを求めて作られたレスポンシブWebデザイン対応のCSSフレームワーク・TOAST
よりシンプルに、を追求したCSS フレームワークだそうです。レス ポンシブWebデザインにも対応し ています。シンプルと言う言葉に どうも弱い・・・