タグ

ブックマーク / blog.creamu.com (15)

  • jQueryとPHPで作るサムネイルがスライドするギャラリー – creamu

    サムネイル表示のあるフォトギャラリーを作りたい。 そんなときに参考になるのが、『Fresh Sliding Thumbnails Gallery with jQuery and PHP』。jQueryとPHPで作るサムネイルがスライドするギャラリーです。 マウスオーバー状態でカーソルを動かすことで、サムネイルをスライドさせることができます。クリックすると、大きくプレビュー表示されますね。 右上のドロップダウンで、アルバム管理もできるようなので、複数のセットを見せることができます。 デモは以下から。 View demo ソースもダウンロードできるので、一度見てみてください。 Fresh Sliding Thumbnails Gallery with jQuery and PHP iPhone版も作られています。 Awesome Mobile Image Gallery Web App やっと

  • Web制作者のためのGoogle Chromeエクステンション15 – creamu

    Web制作に使えるChromeのエクステンションを探している。 そんなあなたにおすすめなのが、『15 Google Chrome Extensions for People Who Build Websites』。Web制作者のためのGoogle Chromeエクステンション集です。 またいろいろと増えているようですね。 Web Developer Firefoxで便利なWeb DeveloperのChrome版 Resolution Test 解像度別の表示テストができるアドオン Pendule Web Developerに似た、デベロッパーのためのツール。マークアップのバリデーションや、画像を非表示にするなど Image Cropper スクリーンショットが撮れるアドオン。座標とサイズの表示もあります Webpage Screenshot 見ているページの全体のスクリーンショットが撮れ

  • WordPressで構築された美しいサイト40 – creamu

    サイトをWordPressで作りたい。 そんなときに参考になるのが、『40 WordPress-Powered Websites With Awesome Designs』。WordPressで構築された美しいサイト集です。 かなりかっこいいサイトが揃っています。 Theme Garden WordPressのテーマを配布しているTheme Garden Aaron Irizarry テクスチャとタイポグラフィーが美しいデザイナーのブログ kazuhide fukuyama 日フリーランスデザイナー、Kazuhide Fukuyama氏のポートフォリオサイト UpThemes メニューやスクリーンショットの置き方、ボタン等、洗練されたデザインのUpThemes Awesem 反応の速いドロップダウンメニューと、スライドショーが美しいAwesem WordPressユーザの方は、一度見て

  • 新しいjQueryのプラグイン25 – creamu

    86501330, Jupiterimages/ Goodshoot/ Thinkstock かっこいい動きが実装できるjQueryプラグインを探している。 そんなときにおすすめなのが、『25 Amazing and Fresh jQuery Plugins』。新しいjQueryのプラグイン集です。 既出のものがありますが、動きの洗練されたものがまとまっています。 YoxView – jQuer Image Viewer Plugin lightbox系のかっこいいスライドショー Uniform – Sexy forms with jQuery ラジオボタンやファイル選択ボックス、チェックボックスをjQueryでデザイン。ホワイト、グレー+ブルー、ブラックの3タイプがダウンロードできる jQuery Form Wizard Plugin フェードイン&アウトで遷移するバリデーション付きのフ

  • モックアップのユーザビリティーをテストできるサイト – creamu

    モックアップ作成時に、ユーザビリティーを検証したい。 そんなときに使えそうなのが、『navflow』。モックアップのユーザビリティーをテストできるサイトです。 画像をアップロードすることで、サイトを訪れたユーザにテストしてもらうことができます。 「Recent tests」からすでに上がっているサイトをテスターとしてテストできますね。表示されたら最初にどこをクリックするか、というのを保存しているようです。 レポートが綺麗な棒グラフで表示されます。ちょっとやってみるのは面白いかもしれないですね。 一度見てみてください。 navflow 金曜日ですね〜。寒いし雨降るし大変ですが。。作業が盛りだくさんすぎて週末がなくなりそうです。。 先ほど、hazatさんとsumitoさんの記事をUPさせていただきました。ライターの第二弾がsumitoさん、ということで、こちらもインテリアの記事になっています(

  • アイコンがふわっと拡大するjQuery – creamu

    マウスオーバー時に気持ちのいい効果をつけたい。 そんなときにおすすめなのが、『BubbleUP』。アイコンがふわっと拡大するjQueryです。 アイコンにマウスオーバーすると、ふわっとサイズが大きくなりますね。動きが滑らかで気持ちいいです。 デモは以下から。 jQuery Menu Plugin: BubbleUP 実装方法も詳しく解説されているので、ぜひ見てみてください。 Learning jQuery: Your First jQuery Plugin, “BubbleUP” ブログ遅くなりました。。昨日は書けなかった。すんまへんm(_ _)m 急いで作業しているところでOSが起動しなくなり、ここ数年で一番大変な日を過ごしました。。。 セキュリティーについて深く考えさせられたので、心機一転してがんばります。

  • WordPressのコーディングテクニック10 – creamu

    Smashing Magazineで、WordPressのコーディングテクニックが紹介されています。 これは自分的にもタイムリー。ざっとご紹介しますね。 エントリーごとのスタイルを変える post_class()を使って、「.henry」「.sticky」「.category-tutorials」「.tag-wordpress」といったクラスにCSSを指定できるようにする。post IDでは例えば「#post-876{} 」にCSSを適用できる 関連するエントリーをサムネイル付きで表示する PHPの画像リサイズスクリプトであるTimbThumbを使って、画像を40 x 40pxにリサイズ トップページの見せ方を変える 新着3件のエントリーを、他と違ったデザインで見せるテクニック 複数のループを使う WPの標準機能である「rewind_posts()」を使って、1番目のループをリセットし、2

  • 有料のテーマに匹敵するフリーのWordPressテーマ20 – creamu

    遅いエントリーですが、Design Reviverで有料のテーマに匹敵するフリーのWordPressテーマが紹介されています。 ざっといくつかご紹介。 ↑はSubtly Made Phyto WP Premium Theme KeKo Zinmag Futura 背景やサイドバーのあしらいに気の利いたものが多いですね。 ぜひダウンロードして使ってみてはいかがでしょうか? » 20 free WordPress themes with premium-like functionalities 今日はバウムクーヘンとパンとハーゲンダッツしかべてないまま一日を終えそうです。おにぎりべたい。

  • WordPressをカスタマイズして自分のものにする10の方法 – creamu

    Pro Blog Designで、WordPressをカスタマイズして自分のものにする方法が紹介されています。 ざっとご紹介。 1. カスタムのgravatarを使う 2. コメントをスタイリングする 3. アバウトページを充実させる 4. フッターを効果的に使う 5. ユニークな404ページを作る 6. SNSのコンテンツを組み入れる 7. 著者のプロフィールを公開する 8. 読者に参加してもらう 9. 使いやすくて全体を網羅するアーカイブを用意する 10. ログインページを自分だけのデザインにする それぞれ、参考になるチュートリアルやツール、素材と、例となるサイトが紹介されています。 いろいろと参考になると思うので一度見てみてください。 » 10 Ways to Customize and Personalize your WordPress Blog snow leopardを勢いで

  • Webデザイナーのための美しいjQueryプラグイン22 – creamu

    Tutorial9で、Webデザイナーのための美しいjQueryプラグインが紹介されています。 ざっといくつかご紹介。 » jQuery.popeye – an inline lightbox alternative lightboxをギャラリーのようなインターフェースに代替したjQuery.popeye » jPlayer – jQuery mp3 player plugin jQueryで作るmp3ミュージックプレーヤー » jQuery form plugin jQueryで非同期通信のフォームを実装 » easyDrag jQuery plugin 簡単にコンテンツをドラッグ&ドロップできるようにするプラグイン » jQuery accordion plugin – vertical 垂直方向のアコーディオンメニュー » Switch stylesheets with jQuery

  • Webデザイナーなら知っておきたいFirefoxアドオン | CREAMU

    WebデザイナーでFirefoxをよく使っている。 そんなあなたにおすすめなのが、『22 Firefox 3 Plugins Web Designers Can’t Live Without』。Webデザイナーなら知っておきたいFirefoxアドオンだ。 以下にいくつかご紹介。 » iMacros for Firefox 6.0.7.2 繰り返し行う操作を記憶しておける » MeasureIt 0.3.8 サイトの要素のpxを測れるルーラ » Pencil 1.0.3 GUIのプロトタイプが作れるオープンソースのツール » FireShot 0.60 スクリーンショットが撮れるだけでなく、さっとテキストを追加したり、グラフィックの注意書きを追加できる » Window Resizer 1.0 ブラウザの解像度を変えてくれる。640×480, 800×600, 1024×768, 1280×

  • まじで使えるJavascriptライブラリ75選 | CREAMU

    Javascriptで優れたインターフェースを実装したい。 そんなあなたにおすすめなのが、『75 (Really) Useful JavaScript Techniques』。まじで使えるJavascriptライブラリ75選だ。 以下にいくつかご紹介。 » Lightview スムーズに画像を拡大してくれる » FancyUpload アップロード中のプログレスを表示してくれる » SWFObject Javascriptを使ったFlashプレーヤ » JavaScript tabifier 簡単にJavascriptで切り替えられるタブインターフェースが作れる » FancyZoom 1.1 簡単なエンベッドでスムーズに画像を拡大してくれる » SimpleModal オーバーレイするクールなモーダルダイアログ » A Mac OS X-style Dock In JavaScript

    syo-sa19820615
    syo-sa19820615 2008/09/16
    CSS
  • コーディングをさっと済ませるためのCSSテンプレート集 | CREAMU

    コーディングはさっと済ませたい。 そんなあなたにおすすめなのが、『Blank Themes, Frameworks and Templates: Resources to Speed Up Your Development Time』。コーディングをさっと済ませるためのCSSテンプレート集だ。 以下にいくつかご紹介。 ↑のキャプチャはDynamic Drive。2カラムや3カラム、固定幅、リキッドレイアウトなど、たくさんのCSSレイアウトを配布 » Code Sucks 90のフリーCSSレイアウト » Layout Gala 40のCSSレイアウト » CSS Creator 幅や背景色などを指定してXHTMLソースが生成できる » Whiteboard フリーのワードプレステーマフレームワーク » Yet Another Multi-Column Layout モダンで拡張性のあるレイ

  • 黄金比でカラムの幅を計算してくれる『Golden Ratio Calculator』 – creamu

    黄金比でレイアウトをしていきたい。 そんなあなたにおすすめなのが、『Golden Ratio Calculator』。黄金比でカラムの幅を計算してくれるサイトだ。 このサイトでは、約1:1.6である黄金比に従ってカラムの幅を計算してくれる。 綺麗に見えるサイトには必ず法則があると言われるから、レイアウトに黄金比を取り入れるのは有効だろう。 黄金比でカラムの幅を計算してくれるサイト、チェックしてぜひ使ってみていただきたい。 昨日は社内のクリエイティブ勉強会で佐野研二郎さんのお話を聞いた。 すごく勉強になったぞっと。あとでエントリーにしようかな。 » MR_DESIGN – Kenjiro Sano / 佐野研二郎

    syo-sa19820615
    syo-sa19820615 2008/07/08
    黄金比
  • あのサイトのAjax、Javascriptを実装するための方法60選『60 More AJAX- and Javascript Solutions For Professional Coding』 – creamu

    DiaryTechnology あのサイトのAjax、Javascriptを実装するための方法60選『60 More AJAX- and Javascript Solutions For Professional Coding』 あのかっこいいサイトのAjaxを取り入れたい。 そんなあなたにおすすめなのが、『60 More AJAX- and Javascript Solutions For Professional Coding』。あのサイトのAjax、Javascriptを実装するための方法60選だ。 ↑はCoda Popup Bubbles。 クールなポップアップメッセージが表示される。 » iCarousel carouselを作るためのオープンソース(フリー)Javascript » Product Slider スライダーで商品を選択できるインターフェース » Oversize

  • 1