タグ

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

  • WordPressで同じ日付が表示されない場合の対処法 – creamu

    ちょっとメモ。WordPressで同じ日付の投稿があった際に、ループしていると一つの投稿にしか日付が表示されない場合があります。原因はthe_dateを使っているためで、the_timeにすることで回避できます。 【修正前】 <?php the_date("Y年n月j日"); ?> 【修正後】 <?php the_time("Y年n月j日"); ?> これで以下のフォーマットで表示されます。 2010年9月20日 WordPress3.0.1で構築中。一気に終わらせる。

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

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

  • クールなjQueryのlightbox系スクリプト集 – creamu

    サイトのデザインに合うlightbox系スクリプトを探している。 そんなときにおすすめなのが、『The Best jQuery Lightbox Scripts』。クールなjQueryのlightbox系スクリプト集です。 知らないのもあったりでいい感じのものが揃っていますよ。 CeeBox アニメーションがかっこいいCeeBox。画像だけでなく、iframeやFlash、動画を読み込めて、カスタマイズが可能。Flashの表示にはswfobjectを使用 ColorBox おっと思うような動きをしてくれるColorBox。画像以外も読み込み可能 Facebox facebookスタイルで画像をオーバーレイ表示。これは有名ですね。シンプルでとてもいい Fancy Zoom 画像やFlashなどを読み込める。すーっと拡大してくる動き FancyBox 動きがとてもクールなFancyBox ほか

  • ロゴデザインをする時に参考になるサイト60+ – creamu

    DESIGNM.AGで、ロゴデザインをする時に参考になるサイトが紹介されています。 4つのカテゴリーに分かれてたくさんありますね。いくつかご紹介します。 ロゴデザインのインスピレーションが得られるサイト » Logo Faves » LogoGala » Logo of the Day ロゴをテーマにしたブログ » Logo Design Love » David Airey » Logo Designer Blog ロゴデザインチュートリアル » Zeeのロゴをillustratorで作る方法 » オバマ大統領のOのロゴの作り方 » レインボーカラーのロゴを作るチュートリアル ロゴに関する記事やケーススタディー » Henri Ehrhartのブランドデザイン » Miskeetoのブランドデザイン » Butterfield Photographyのロゴデザインプロセス よくまとまって

  • コーディングをさっと済ませるための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 モダンで拡張性のあるレイ

  • Webデザイナーのためのフリーイメージギャラリー20選 – creamu

    簡単に使える画像ギャラリーを探している。 そんなときにおすすめなのが、『20 Free & Open Source Image Galleries for Web Designers』。Webデザイナーのためのフリーイメージギャラリー20選だ。 以下にいくつかご紹介。 » Auto Slider かっこよくてコンパクトなギャラリー » Flash Gallery クールで見た目の修正も可能なギャラリー » Flickr Show Flickrセットからギャラリーにセットできる » Gallerific スタイルとレイアウトが簡単にいじれる。↑のキャプチャはこちら » Highslide lightbox効果でグレーアウト。スタイルのオプションもついている その他のリストは以下から。 » 20 Free & Open Source Image Galleries for Web Design

  • モダンCSSにおける黄金比とは? | CREAMU

    CSSでのレイアウトに黄金比を取り入れたい。 そんなときに参考になるのが、『Golden Ratio in modern CSS』。モダンCSSにおける黄金比だ。 このエントリーでは、960pxのdivがある場合、960 / 1.62 = 593px が左カラム、960 – 593 = 367pxが右カラムになるといったように、黄金比を取り入れたレイアウトの方法が解説されている。 その他にも、 line-height = font-size x 1.62 paragraph margin = paragraph line-height x 1.62 / 2 といったような設計の例が紹介されている。 結論としては、 Many people will argue, that this technic is an utopia and we cannot spend time coding ne

  • まじで使える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

  • 刺激的なドット絵アーティスト&チュートリアル20選 – creamu

    ドット絵が好きだ。 そんなあなたにおすすめなのが、『20+ Inspiring Pixel Artists, Tutorials, and Resources』。刺激的なドット絵アーティスト&サイト20選だ。 以下にいくつかご紹介。 ■デジタルアート EbOY Denise Wilton of Styledeficit ■チュートリアル Photoshop Skills: Pixel Art Isometric Building Tutorial ■記事&リソース Pixels Go Mad – The Celebration Of Pixel Art Habbo その他のリストは以下から。 » 20+ Inspiring Pixel Artists, Tutorials, and Resources 刺激的なドット絵アーティスト&チュートリアル、チェックしてぜひ見ていただきたい。 よぅし

  • 1