タグ

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

  • CSSだけでJavaScriptのような動きを実装するサンプル30 – creamu

    96332132, iStockphoto/ Thinkstock CSSでかっこいいUIを実装したい。 そんなときにおすすめなのが、『30 Pure CSS Alternatives to Javascript』。CSSだけでJavaScriptのような動きを実装するサンプル集です。 なかなかいい感じのものが揃っています。 Valid Non-Javascript Lightbox JavaScriptを使わずに、libhtbox系の動きを実装。反応が速くていい感じです Create a Content Slider Using Pure CSS さくさくと切り替わるコンテンツスライダー Pure CSS speech bubbles CSSで作る吹き出し型のデザイン Accordion Using Only CSS CSSを使ったアコーディングメニュー CSS-Only Tabbed

    wackey
    wackey 2010/05/01
  • WordPressを魅力的にするプラグイン9 – creamu

    woorkupで、WordPressを魅力的にするプラグインが紹介されています。 ざっといくつかご紹介。 I Like This クリックで記事に対して「気に入った」投票をすることができる Quick Adsense Googleアドセンスのコードを簡単なコードで貼付けられるプラグイン WP-PageNavi シンプルでかっこいいページネーション Preserve Code Formatting ソースコードを貼付ける時にスペースや実体参照を適切に表示してくれる WordPress Related Posts 関連するエントリーを表示するプラグイン。タグ機能を使用。特定のカテゴリーを除外したりカスタマイズできる Comment Rating コメントに対してdiggのような投票機能をつけられる TwitterFollowers Twitterのフォロワーを表示できるプラグイン かなり便利そ

  • コーポレートロゴデザインに使える素晴らしいフォント60選『60 Brilliant Typefaces For Corporate Design』

    Diary コーポレートロゴデザインに使える素晴らしいフォント60選『60 Brilliant Typefaces For Corporate Design』 ロゴデザインに使えるフォントを探している。 そんなあなたにおすすめなのが、『60 Brilliant Typefaces For Corporate Design』。コーポレートロゴデザインに使える素晴らしいフォント60選だ。 以下にいくつかご紹介。 ↑のキャプチャはMuseo。 セミスラブセリフ書体 Gloriola TDC2 2008で表彰されたフォント Marat 優しく親しみのあるフォント Candy Script 窓のペインティングデザインからきているフォント Sloop 手書きフォント、セクシーで優雅で女性らしく視線を引きつけるフォント その他のリストは以下から。 » 60 Brilliant Typefaces For

  • WordPressをCMSにする方法 – creamu

    noupeで、WordPressをCMSにする方法が紹介されています。 ざっといくつかご紹介。 ・静的なトップページを作る ・ナビゲーションバーに表示させるものを制御してカスタマイズする ・編集できない部分を作る ・WordPress Widgetsを使ってサイドバーをカスタマイズする ・パーマリンクをカスタマイズする ・サイトマップを作成する ・コメントやトラックバックを拒否する 「How To » 」にそれぞれ方法が書いてありますね。 一度見てみてください。 » 101 Techniques for a Powerful CMS using WordPress いろいろやることがあるのでブログ書く手を止めたい。。

    wackey
    wackey 2009/05/23
    CMS化
  • いいデザイナーになるために参考になる50サイト – creamu

    dzineblogで、いいデザイナーになるために参考になるサイトがたくさん紹介されています。 ざっといくつかご紹介。 チュートリアル » Tutorial9 » Photoshop Lady » HV Designs » Tutorial Dog デザインフォーラム » Designers Talk » Graphic design forum コミュニティー » Humble Voice » Deviant Art » Carbonmade デザインブログ » Design Melt Down » A list Apart » Design Mag 有名なものからちょっとマイナーなものまで、よくまとまっていますね。 ぜひ見てみてください。 » 50 Sites That Will Help You To Become a Better Designer MacBookのスピーカーの音がよ

  • 同一色相配色のWebデザイン50 – creamu

    「Webdesigner Depot」で、同一色相配色のWebデザインがまとまっています。 以下にざっとご紹介。 ↑はAaron J. Shapiro。かっこいいですよね。 Stlye Division Henry Hoffman Citizen Fly Guy Designs Mint The Invoice Machine 「青・オレンジ・ブラウン・緑・紫・赤・無彩色」といったカテゴリーにわかれてたくさん紹介されていますね。 その他は以下からどうぞ。 » 50 Monochromatic Website Designs サーバ移行中。FTPが全然終わらん。。。んー早く出かけたいのにな。

  • デザイナーのための素材サイト13選 – creamu

    デザインに使える素材を探している。 そんなときにおすすめなのが、『13 Most Desirable Collection Of Free Resources For Every Designer』。デザイナーのための素材サイト13選だ。 以下にいくつかご紹介。 » フリーのデザインテンプレート&PSDファイル45選 » フリーのさびた金属のテクスチャ50選 » クオリティの高いWordPress2.7のテーマ15選 » あなたのブログを魅力的にするWordPressのプラグイン15選 » フリーのPhotoshopパターン集 » Webデザインに使えるフリーアイコンやPSDファイル45選 » 無料で使える背景パターンジェネレータ12選 その他のリストは以下から。 » 13 Most Desirable Collection Of Free Resources For Every Desi

  • 素晴らしいjQueryのチュートリアル45選 – creamu

    jQueryでクールなインターフェースを実装したい。 そんなときにおすすめなのが、『40+ Excellent jQuery Tutorials』。素晴らしいjQueryのチュートリアル45選だ。 以下にいくつかご紹介。 » デザイナーのためのjQueryチュートリアル » Facebookスタイルのlightbox » ソートできるポートフォリオの作り方。↑のキャプチャはこちら » フェードインするメニュー » jQueryとPHPで投票システムを作る方法 » PHPとjQueryで編集できるギャラリーを作る方法 » jQueryとXMLでAmazonのウィジェットを作る方法 » WordPressのコメント欄にjQueryのバリデーションをつける方法 » Appleのサイトのメニューを作るチュートリアル » タブインターフェースを作るチュートリアル » スライドするアコーディオンメニュ

  • 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

  • ブログパーツの作り方『How to make blog parts』 – creamu

    かなり簡単な話題ですが。。メモ的にエントリー。 ブログパーツを作りたいとき、Flashなどで動的に作ったものをユーザに貼付けてもらうとすると、以下のようなソースを提供すればいいですね。 <script language=”JavaScript” type=”text/javascript” src=”test.js” ></script> そして「test.js」の中身は以下のようになります。 document.writeln(‘<object classid=”clsid:…” “(省略)” /></object>’); objectタグはFlashのソースですね。つまり、「document.writeln(”);」の中にFlashのobjectタグを入れればいいですね。 そしてHTMLで「test.js」を呼び出すと、document.writelnでHTMLの中にソースが書かれると。

    wackey
    wackey 2009/01/22
    jsはPHPで作られててもいいんだ。なるほどー
  • Photoshopのスキルを上げるための10のステップ – creamu

    Photoshopのスキルを上げたい。 そんなあなたにおすすめなのが、『10 Steps to Improving Your Photoshop Skills』。PSDTUTSによる、Photoshopのスキルを上げるための10のステップだ。 以下にご紹介。 チュートリアルに従う Tutorial9などのチュートリアルに従う 手を動かしてデザインしてみる チュートリアルで学んだことを実際にやってみる 基を身につける How to Master Photoshop in Just One Weekなどを参考にPhotoshopの基操作を身につける(日語ならPhotoshopの参考書でいいと思います) グループに参加してフィードバックをもらう PSDTUTSはPSDTUTS Flickr groupというプールを持っている。そこに投稿してフィードバックを得るのも手だ Photoshopや

  • 1