並べられたアコーディオンパネルを開くと幅が可変して可読性を高める・Jquery Animated Grid 横に並べられたアコーディオンパネル を開くと、幅がアニメーションで広がり つつ、隣のアコーディオンが狭くなる ので、全体のレイアウトを維持できる というプラグイン。幅を気にしなくて いいのは場合によっては助かるかも。2011.06.29 | 15時42分15秒cssやプログラミングjQueryWebデザイン
最近よく使ってる、Web制作に役立つWebサービス的なやつ 少し前に聞いてくれた方がいたのでついで にシェアしてみます。個人的に最近よく好ん で使っている、Web制作に役立つWebサー ビスみたいなものをご紹介。全部既出で 珍しいものは無いんですけど、一覧にする のもたまにはいいかもですね...2011.06.28 | 10時58分23秒WebサービスWebツール
Youtube動画を透過(opacity)できるjQueryプラグイン・YTPLAYER あまり見かけないタイプのライブラリだった のでメモ。Youtubeの動画を透過させる事 が出来るjQueryプラグインです。インター フェースもクールにされて全画面に配置した りオート再生させたりも可能でIE6や7でも 一応は動作...2011.06.27 | 10時44分00秒cssやプログラミングjQueryWebデザイン
全画面をダイナミックなイメージギャラリーとして使う事が出来るjQueryプラグイン・JQUERY.MB.BGNDGALLERY 全画面をダイナミックにイメージギャラリー として使えるようにするjQueryプラグイン JQUERY.MB.BGNDGALLERY。同じ ようなライブラリは沢山あるので選択肢 の一つとして覚えておこうかなと思いま す。Flikcr...2011.06.25 | 10時39分47秒cssやプログラミングjQueryWebデザイン
グリッドに配置された画像にマウスオーバーした際に十字ハイライトさせるjQueryプラグイン 個人的に好きなタイプのjQueryの使い方 だったのでメモ。イメージギャラリーは、こ ういったエフェクトも大事な要因ですし、 参考にしておきたい所です。なかなかイン パクトもあって素敵ですね。尚、グリッドは Masonryを使って...2011.06.23 | 10時40分13秒cssやプログラミングjQueryWebデザイン
手軽にデザインを変更できるCSS3ボタンを作る為のフレームワーク・CSS3 Buttonize Framework CSS3のみで作るボタンのフレームワーク。 以前にも似たようなものがありましたけど、 CSS3 Buttonize Frameworkは軽量で、 使いやすそうだったのでメモがてらご紹介 します。やはり管理が楽なのは魅力ですね・・2011.06.22 | 12時24分53秒cssやプログラミングWebデザイン
国内のWeb制作に役立ちそうな無料の写真素材やフォント、Webデザインギャラリー等のリソースサイトいろいろ・2011 写真素材の配布サイトや、アイコン、 Webデザインギャラリー、フォントなど など、しばらく貯めてたブックマークを 整理したので、メモ的にリンク集にして おきます。内容はWeb制作に役立つ、 日本のリソースサイトのまとめです。2011.06.20 | 10時36分21秒cssやプログラミングWebデザインインスピレーションメディア関連
WPShowerから、いろいろと完成度の高いWordPressフリーテーマ・Imbalance 2がリリースされたみたい クオリティ重視でフリーのWPテーマをリリース してくれるWPShowerから新作がリリースされ たようです。相変わらず完成度の高いテーマ なので思わずメモ。このままでも普通に使えそう ですが、いつもどおり、デザインを割と変更しや ...2011.06.15 | 15時36分34秒WordPressテーマ
画像を使わず、CSS+jQueryで絵文字を作れる・JQuery CSS Emoticonsがちょっと素敵だw これはちょっと面白いw画像を使わず、cssとjQueryだけで顔文字を作ってしまったみたいです。発想が単純だったのでうまく応用出来れば楽しいものが出来あがりそうな予感もしますな。面白い事考える人がいますね・・w2011.06.15 | 10時36分15秒cssやプログラミングjQueryWebデザイン
パブリックドメインで配布されている、クロスブラウザ対応を意識したHTML5+css3製のフレームワーク・Gridless いくつも似たようなのはあるのですが、 複数覚えておいて損は無いのでメモ がてらご紹介・・・クロスブラウザ対応 を意識したHTML5+CSS3フレームワ ーク・Gridlessです。装飾を施さない、 とてもシンプルなものになっていま...2011.06.14 | 10時55分04秒cssやプログラミングWebデザイン
フォームのselect要素で複数選択を簡略化できるjQueryプラグイン・jquery.multi-select フォームのselect要素で、直感で複数選択 出来るようにするjQueryプラグイン。複数 選択できるようにしたい場合は多くの場合は 選択項目が多く、Ctrlを使わせるのはあまり ユーザーフレンドリーとは言えませんので、 簡単に選...2011.06.10 | 15時08分48秒cssやプログラミングjQueryWebデザイン
日本の良デザインなWebサイトのみを集めているシンプルなデザインギャラリー・81-web とっても見やすかったのと、コンセプト が良かったのでご紹介。日本の良デ ザインなWebサイトに特化したWeb デザインギャラリーサイト・81-web。 大分知られてる様ですが、もっと知られ て欲しいなと思ってシェアしてみます。2011.06.10 | 12時26分34秒Webデザインインスピレーション
少しのjQueryコードでHTMLテーブルの列にリンク先を指定できるようにする シンプルでいいアイデアだったのでメモ。 HTMLテーブルの列そのものにリンクを 指定できるようにする、というもの。jQuery でサクッと出来るようですね。ちょっと思 いつきませんでしたけど・・テーブルまわり は使いやすさを向上し...2011.06.09 | 11時15分45秒cssやプログラミングjQueryWebデザイン
画像を使った視差アニメーションを簡単なjQueryのコードで実装するTips マウスの動きに応じて重ねた複数の画像 が動きその動きを使って視差効果を与える、 というjQueryプラグイン。ユニークでいいで すね。ソースも軽量です。こういうの実装され てるだけで、ちょっと味のあるデザインに なりますよね。2011.06.08 | 10時39分34秒cssやプログラミングjQueryWebデザイン
美しい写真を参考にしたい時に見て回りたいコミュニティサイトやブログいろいろ 写真は構図やインスピレーション、Web 制作素材としても、大きく貢献してくれます。 加工や構図など、まだまだ勉強不足です。 多少でも参考にできるように出来るだけ クオリティの高いフォトグラフィを見ておきたい のでそれ系のコミュニテ...2011.06.07 | 10時44分02秒カメラ
自分で撮った写真を電子書籍にするって発想いいですね(今更 すごく今更な話題で申し訳無いんです けど、自分で撮った写真を電子書籍化 して配布するっていう発想がなかなか いいなぁと思ったのでちょっと紹介して みようかなと・・今なら簡単に書籍化 出来ますし、こういうの使わない手は ないですよ...2011.06.05 | 13時38分58秒iPhone / iPadプライベート個人的な日記
iPadなどのタブレット専門のCMS「PadCMS」なるものがオープンソースで公開される予定らしい これはちょっと覚えておきたいかも。 まだ公開されてないので触ってもな いですけど、iPadやAndroidタブレット などのデバイス向けのコンテンツを 構築出来るCMS「PadCMS」という ソフトウェアがオープンソースで公開 ...2011.06.04 | 11時10分04秒iPhone / iPadオープンソースソフトウェア
グリッドレイアウトでWebサイト構築したい時にはGrid calculator and generatorが手軽で良さそう なかなか手軽で自分向きだったのでメモ。 グリッドレイアウトを意識したWebサイトの 構築の際に、希望の幅を入れれば、その 幅に応じたグリッドレイアウト用のcssが 生産されます。ファイルはフレームワークの Blueprint cs...2011.06.03 | 12時45分07秒cssやプログラミングWebデザインジェネレーター
はてブやBuzzurlなど日本のブックマークサイトの無料アイコン配布サイト・sbm-garden なかなか珍しいなと思ってご紹介。 はてブやLivedoorクリップ、Buzzurl などなど、国産のソーシャルブック マークサイトのアイコンを専門に配布 するsbm-gardenというサイト。個人 でも商用でも利用可能だそうです。...2011.06.02 | 9時57分03秒Webデザインメディア関連
複数並べられたコンテンツをまとめてスライドさせるjQueryプラグイン・Grid Slide Plugin ちょっとうまい説明が思いつかなかった んですけど、複数並べられた画像など を同時にスライドさせるjQueryプラグイン。 省スペースに多くのコンテンツを表示 させる事が出来るのはちょっといいかも 知れません。2011.06.01 | 10時30分32秒cssやプログラミングjQueryWebデザイン
fieldset要素単位で横スライドするバリデーション付きの入力フォーム用jQueryプラグイン・jQuery Stepy 縦長になるような入力フォームにいいかな と思ってメモ。fieldsetでグループ化された 要素単位でスライド化してくれます。下部 までスクロールする必要が無くなるのと、 どこが誤入力か分かりやすい、場所を取ら ないなどのメリットが...2011.05.27 | 10時23分34秒cssやプログラミングjQueryWebデザイン
ノンプログラマー向けのWordPressカスタマイズハック用プラグイン・WP Total Hacks 昨日Twitterにも情報流れてましたけど やっぱり便利なプラグインなので、改め てご紹介。僕やほかのブログでもよく 見かける、functions.phpにコードを追加 して行うカスタマイズを1つのプラグインで 管理できるようにし...2011.05.25 | 13時52分24秒WordPressプラグイン