色を指定すると、トーン表や同系色など、その色に関連した情報を抽出してくれるカラー提案サービス・colllor ちょっと便利そうだったので備忘録的に。 色を指定すると、その色に沿ったトーン表 や同系色などを提案してくれるWebツール。 こういうの便利だけど結局あんまり使わな い事も多いんですけど、、色は苦手なので 飛びついちゃいますねw2012.02.10 | 10時44分20秒WebサービスWebツールWebデザイン
どんな要素でも全画面表示に出来るFullscreen APIをブログの記事に使ってみる ※動作サンプル有 どんな要素でも全画面表示に出来る Fullscreen APIというものがありま して、主に動画で使われている事が 多いですが、今回はブログコンテン ツのリーダビリティに貢献させる 目的で使って見ます。2012.02.07 | 11時09分03秒cssやプログラミングjQueryWebデザイン
HTML5製のWebサイト向けUIフレームワーク・Kendo UIモバイル版の日本語サンプル作った 以前ご紹介した、HTML5製のWebサイト 向けUIフレームワーク・Kendo UIの モバイル版に触ってみたついでに 日本語化してサンプルにしました。 まだベータ版みたいなので、実用 段階では無さそうですが。2012.02.06 | 11時01分51秒iPhone / iPadjQuery
ページ内に「しおり」を付けられるシンプルなjQueryプラグイン・youRhereで「後で読む」ユーザーに配慮する 便利そうだったのでご紹介。ページ内に栞 を付けられるjQueryプラグインです。栞は 行単位で付けられて、次アクセス時には自動 でスクロールしてくれます。長文コンテンツ やドキュメントサイトなんかには積極的に 導入して欲しいなぁ、...2012.02.03 | 11時14分17秒jQueryWebデザイン
連続した要素を分割してページネーションを実装、移動時にエフェクトを加えるjQueryプラグイン・jPages ちょっと珍しいタイプでしたので備忘録。 連続した要素を、指定した数に達したら 分割して、ページネーションを自動で 生成し、移動時にエフェクトが加わえる、 というもの。大量のリストをコンパクト に、という方に向いてそうですね。2012.02.02 | 11時01分11秒jQueryWebデザイン
[書評]jQuery Mobile スマートフォンサイト デザイン入門 ASCII様よりご献本頂きました。書評を 持って御礼とさせていただきます。よ うやく正式版がリリースされたjQuery Mobileですが、まだまだ実践向けの 情報の書かれたブログ記事なども少な いですが、こちらはかなり実践向け...2012.01.31 | 10時59分35秒cssやプログラミングiPhone / iPadjQueryプライベート個人的な日記
jQueryによる背景のスライドショーを手軽に実装出来るWordPressプラグイン・Site Background Slider Webサイトの背景に画像をいっぱいに 広げて、jQueryでスライドショー化、 というのを手軽に実装出来るWordPress のプラグインです。jQueryとWPでよく 困ってる方を見かけますのでプラグイン に頼るのも手かなと思い...2012.01.30 | 11時14分04秒jQueryWordPressプラグイン
ユニークなボックスタイプのナビゲーションメニューを実装するjQueryプラグイン・BoxyMenu いろいろとアイデアが参考になった ので備忘録。ボックスタイプのナビ メニューで、ユニークなUIです。こ ういうアイデアというか、発想が出 てくるようになりたいです。2012.01.29 | 10時26分30秒jQueryWebデザイン
テキストのサイズを自動調整して幅一杯に広げるレスポンシブWebデザイン対応のjQueryプラグイン・SLABTEXT テキストの幅にあわせてテキストの サイズを自動調整してくれる、という jQueryプラグイン。Fittextという、 同じようなライブラリがあるんですが、 このライブラリに影響を受けている みたいです。2012.01.28 | 12時55分14秒jQueryWebデザイン
iPhoneやiPadのホーム画面向けアイコン作成用のPSDテンプレート・App Icon Template iPhoneやiPadなどのホーム画面に表示 させるアイコンを作るためのPhotoshop 用テンプレート・App Icon Template をご紹介。そんなに多用するものじゃ 無いと思うんですけど、便利っちゃ 便利でした。2012.01.27 | 10時05分26秒iPhone / iPadWebデザインメディア関連
ゲーム感覚で楽しく学べる系Webサービスいくつか ちょこちょこ見かけるので最近に なって見かけた、ゲーム感覚で 楽しく学べるWebサービス的なもの をご紹介。Webアプリのアイデア の参考にもなればなぁとの気持ち も込めて。2012.01.26 | 11時15分25秒WebツールWebデザイン
ホタルの光をイメージさせるようなエフェクトを実装するjQueryプラグイン・firefly ちょっと適切なタイトルが思い浮かばな かったのですが、指定した要素を沢山 配置してアニメーションでランダムで 移動させる、というjQueryプラグイン。 デモでは、よく見かけるパーティクルで 作成したホタルっぽいエフェクトを用意 ...2012.01.23 | 11時04分56秒jQueryWebデザイン
Webサイトの制作スピードを、より向上させる目的で作られたスターターキット・99lime 結構参考になったので備忘録がてら ご紹介。Webサイトの制作スピードを より向上させるために、汎用的なUI を集めて、マークアップも綺麗な状態 で済むように設計されたスターター キット、というかフレームワークです。2012.01.21 | 9時57分30秒cssやプログラミングjQueryWebデザイン
スマフォのHTML5環境向けに作られたjQueryライクな軽量フレームワーク・jQ.Mobiの日本語サンプル作った なかなか良さそうだったので備忘録。iOSやAndroidなど、スマートフォンでのHTML5環境に合わせて作られた軽量モバイルフレームワークです。jQuery互換なので慣れてる方は使い方もすぐに覚えられると思います。特に軽量なのが嬉しいですね...2012.01.18 | 10時52分02秒cssやプログラミングiPhone / iPadオープンソースソフトウェア
Photoshopで作成したかのようなクオリティのボタンやナビゲーションをCSSで作ってみた!的なものだけを集めたギャラリー・CSSDeck CSS3でこんなクオリティのボタンが作れる! みたいな記事をよく見かけると思うんですが、 そういったものだけを集めたデザインギャラ リーがありましたのでシェア。CSSの勉強に 如何でしょう。さもPhotoshopで作ったかの よう...2012.01.16 | 14時40分32秒cssやプログラミングWebデザインインスピレーション
Media Queriesのように、モニターサイズに応じてスタイルを変更可能にする非依存型で1KBの軽量jsライブラリ・syze シンプルで良さそうだったので一応備忘録。 Media Queriesライクにブレークポイントに 応じてスタイルを変更できるライブラリです。 非依存型で1KBと、超軽量スクリプトなので 簡単なキャンペーンサイトとかならこれでも いい...2012.01.16 | 10時49分38秒cssやプログラミングiPhone / iPadWebデザイン
画像やボックス要素にhoverするとエフェクト付きで別のボックス要素を表示するjQueryプラグイン・ContentHover 画像やボックス要素にマウスホバーすると 別のボックス要素をフェードエフェクトや スライドアニメーションで表示させる事が 出来るjQueryプラグインです。昔は色々と これ系を見かけましたけど最近は全然無い ですね。2012.01.14 | 11時10分51秒jQueryWebデザイン
impress.jsライクなダイナミックなプレゼンテーションを作成するjQuery依存タイプのライブラリ・jmpress.js なかなか斬新なプレゼンを作成出来る事で ちょっと話題になった impress.jsという jsライブラリがあるんですが、これのjQuery 依存型があったのでご紹介します。元々 jQueryを使用しているサイトならこちら のほうが...2012.01.12 | 11時04分16秒jQueryWebデザイン
jQueryで動かすアニメーションエフェクトが素敵なプリローダー・CUSTOM PRELOADER EFFECT ちょっとお洒落なプリローダーを探してた という方の参考になるかな・・と思ったの と、自分でも使いたかったので備忘録です。 アニメーションエフェクトが素敵なプリ ローダー・CUSTOM PRELOADER EFFECTの ご紹介です...2012.01.11 | 11時30分45秒cssやプログラミングjQueryWebデザイン
WordPressでjQueryを使うときに、問題なく動作させる為の基礎知識やTipsと、動かない場合の対処例 WordPressを使っていてjQueryの導入で結構つまづいてしまう、という意見をちらほら見かけるので、無理やり入れずに、しっかりした形で導入すれば今後も動かない、などの混乱を生じにくくなると思って記事にします。2012.01.10 | 11時04分34秒jQueryWebデザインWordPressその他カスタマイズ
jQueryのカルーセル系プラグイン・Caroufredselだけで「こんな事も出来るよ!」をまとめたサイト・Cool Carousels Caroufredselという、結構人気なプラグイン があるんですが、このプラグインの開発者が 応用例をサンプルソース付きでまとめてくれ ていましたのでご紹介。1つのプラグインで ここまで出来るってちょっと凄いですね。 もう少し軽...2012.01.08 | 9時46分35秒jQueryWebデザイン
スクロールに応じてパララックス効果を出せるjQueryプラグイン・scrolloramaを使ったプレゼンテーションサンプル あけましておめでとう御座います。 今年も何卒宜しくお願い致します。 さて、新年初記事です。正月の間 にパララックス効果を出せるjQuery プラグインを見かけたんですが、 その派生のプレゼンが良かったので メモ。2012.01.04 | 9時50分50秒jQueryWebデザイン