タグ

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

  • モバイルサイトを作るときに参考になるサイト – creamu

    Mashableで、モバイルサイトを作るときに参考になるサイトが紹介されています。 いくつかご紹介しますね。 Mippin RSSを使ってサイトのモバイル版が作れるサービス WPtouch WordPressiPhoneAndroid携帯に対応させてくれるプラグイン Mobify デバイスごとの表示をリアルタイムに確認しながらCSSを編集できる。A List Apartがこれで作られた iPhone Compatible CSS Layouts iPhoneに対応したCSSレイアウトを配布 Smashing Magazines’s Mobile Design Showcase 9月にSmashing Magazineがまとめた、iPhoneデザインまとめ CSSiPhone iPhoneサイトのCSSギャラリー A List Apartの例はとてもいいですね。 一度見てみてください。

    U-8
    U-8 2009/11/28
  • かっこいいデザインのナビゲーションメニュー40 – creamu

    VANDELAY DESIGNで、かっこいいデザインのナビゲーションメニューがたくさん紹介されています。 ざっといくつかご紹介。 ↑は、Utah Travel。 MailChimp Michael Dick Mission Community Church Southern Media サイト自体もかっこいいものが多いので、一度見てみてください。 40 Beautifully-Designed Navigation Menus 気づいたら遅くなってしまった。すんまへんm(_ _)m 今日もとても充実した一日でした。鍋でしゃぶしゃぶべたし満足だ。今日は早目に寝ようかな。

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

    AjaxLineで、素晴らしいjQueryチュートリアルがまとまっています。 ざっといくつかご紹介。 » Animated Menu Using jQuery jQueryを使ったアニメーションするメニュー » How to create tab with JavaScript シンプルなタブ切り替えコンテンツの作り方 » Animated Navigation with CSS & jQuery マウスオーバー時にくるっくるっと切り替わるかっこいいメニュー » 5 Sliding Content Techniques, Examples & jQuery How to’s 画像をスライドで切り替える超クールなテクニック » jQuery FAQs: Scroll To and Highlight Tutorial ページ内リンクのスクロール後、対象のコンテンツをハイライトしてくれる »

    U-8
    U-8 2009/09/27
  • illustratorでどんなフォントもスケッチフォントに変える方法 – creamu

    vectipsで、クールなTipsが紹介されています。illustratorでどんなフォントもスケッチフォントに変える方法ですね。 ↑みたいなフォントが作れます。 1. テキストツールでテキストを入力 2. 塗りと線をなしにする 3. アピアランスパネルで、新規塗りを追加 黒を選択 4. 効果 > スタイライズ > 落書き で以下のように設定 5. 2ptの黒で線を追加 6. 線を選択した状態で 効果 > パスの変形 > ラフ で以下のように設定 以上ですね。 さらに、1クリックでこの効果が適用できるように、グラフィックスタイルパネルで新規グラフィックスタイル登録しておけば、1発で効果を適用できますね。 詳しくは以下からどうぞ。 » Turn Any Font Into a Sketch Font MacのDockを自動的に隠す設定にしてウィンドウが広くなりました☆表示するの好きだったんだ

  • ドラッグでスクロールできるjQuery – creamu

    jQuery for Designersというサイトで、ドラッグでスクロールできるインターフェースが紹介されています。 マウスで水平方向にドラッグしてスクロールできますね。 説明とデモ、コードが公開されているので、ぜひ見てみてはいかがでしょうか。 サイトのデザインとインターフェースがとても素敵で、クリックするとスクロールするCarousel系のギャラリーがついていたり、メニューをクリックするとそのコンテンツだけ表示されるインターフェースもすごくいい感じです。これだとあまりすくろーるしなくていいから、コメントもとても見やすいですね。 ぜひ見てみてくださいー。 » Fun with Overflows 六木でビールを飲みながらブロギング中♪これから映画を見てくるぞ。

    U-8
    U-8 2009/06/14
  • これからのデザインのためのアイコンセット50 – creamu

    Smashing Magazineで、これからのデザインのためのアイコンセットがたくさん紹介されています。 ざっといくつかご紹介。 ↑はChalkwork HTML Royalty-free Icons。 個人利用・商用利用ともに無料 On Stage Icons Set フリーのベクターアイコン49。psdファイルつき。個人利用・商用利用ともに無料 Coquette 4 Icons Set 角丸でカラフルなクオリティーの高いアイコンが50個 Coquette 5 Icons Set 32bit、透過PNGのかわいいアイコンが50個 Chalkwork Payments (Free) Icons Eコマース系のアイコン集。個人利用・商用利用ともに無料 Finance Icons Set 個人利用・商用利用ともに無料だがサイトへのリンクが必要 Free Vector Icons Pack 0

    U-8
    U-8 2009/06/12
  • リストをデザインするためのCSSプラクティス20+ – creamu

    devSnippetsで、リストをデザインするためのCSSプラクティスが紹介されています。 ざっといくつかご紹介。 » Elastic Calendar Styling with CSS CSSでデザインしたカレンダー。↑のキャプチャはこちら » Simulating a Table Using an Unordered List ul,liでテーブルレイアウトを作る » How to Create a Block Hover Effect for a List of Links リンクのリストにブロックのhoverエフェクトをつける » Turning a list into a navigation bar リストをナビゲーションバーに » FORM elements design using CSS and list (ul and dl) ulとdlを使ってフォームを作成 » Pr

  • とてもかわいいケーブルクリップ『CableDrop』 – creamu

    とてもかわいいケーブルクリップを見つけました。iPhoneのケーブルや電源ケーブル、イヤホンを2通してまとめておいたり、いろいろな使い方ができるようです。 すごい使いやすそう。 6つで$9.95。値段もいい感じですね。ほしくなってきたぞ。 一度見てみてくださいー。 » CableDrop 面白い記事がいっぱいだー。

    U-8
    U-8 2009/06/07
  • SEOの順位を上げるためのWordPressプラグイン10 – creamu

    WebDesignBoothというサイトで、SEOの順位を上げるためのWordPressプラグインが紹介されています。 ざっとご紹介。 » All in One SEO Pack ページごとにtitle、description、タグを設定できる » Broken Link Checker リンク切れをチェックしてくれる » Google XML Sitemaps Generator Googleサイトマップを作ってくれる » SEO Friendly Images 画像に適切なaltをつけてくれる » No Self Pings 自サイトへのpingbackを削除してくれる » Enforce www. Preference wwwありなしを統一してくれる » Platinum SEO Pack All in One SEO Packと同じ機能を持ち、さらにオプションを設定できる。しかし、

  • ロクナナに入社しました。 – creamu

    遅くなりましたが、4月1日から、株式会社ロクナナで働いています。 独立とかフリーも考えたんだけど、まだ力をつけたいと思って、縁あって入社させてもらいました。 制作環境はこんな感じ。MacBookは持ち込み!Parallelsも入っているのでWinはほとんど使いませんが、Macのデュアル、Winもデュアルでデュアルデュアルな感じです。 とても働きやすい環境で、充実した日々を過ごしています。場所は原宿だから、クロスバイクで通っているし(明治通り走るの超気持ちいい♪)、すごく自由に仕事ができています。 事業は、Web制作事業とイベント事業になります。67WS(ワークショップ)やイベントで知っている方はいらっしゃるかな、と思います。 クリエイティブディレクターとして、メインでWeb制作のディレクションをしています。今まで制作をやっていたので学ぶことが多いですが、企画、情報設計等、とても楽しくやって

    U-8
    U-8 2009/05/24
  • ベクターの世界地図データ集 – creamu

    WEB DESIGN LEDGERで、ベクターの世界地図データがたくさん紹介されています。 ざっといくつかご紹介。 ↑はDotted world map vector resource。 9 Vector Globes Download World Map Vector Graphic Free Vector World Maps World Globe その他のリストは以下からどうぞ。 » Extremely Useful Geography Vectors: Maps and Globes アバクロきた!12月に銀座にお店ができますね〜〜。超楽しみだ。 » 米カジュアルブランド「アバクロ」、銀座にアジア初の旗艦店?12月開業へ

  • FlashとAction Script3.0のチュートリアル30 – creamu

    noupeで、FlashとAction Script3.0のチュートリアルが紹介されています。 ざっといくつかご紹介。 » Create an Impressive Magnifying Effect with ActionScript 3.0 displacementMapFilterを使って拡大鏡のエフェクトをかける » Creating Gradients in Flash Flashでグラデをかける基操作を動画で学ぶ » Infinite Gallery / Menu Flash,AS3でギャラリーやメニューを作る方法 » Using the Timer Class to animate rotation タイマークラスを使って、シンプルなシェイプを回転させるチュートリアル » Flash Mouse Trailer with Stars マウスに星がついてくるエフェクト » C

  • あなたの生活を刺激するインテリアショップ10選『10 interior shops exciting your life』

    Diary あなたの生活を刺激するインテリアショップ10選『10 interior shops exciting your life』 自分の部屋の空間デザインがしたい。 そんなあなたにおすすめなのが、『10 interior shops exciting your life』。あなたの生活を刺激するインテリアショップ10選としてまとめてみました。 以下にご紹介。 » CIBONE CIBONE公式サイト。ショップは↓のAoyama Bell Commonsに入っていますね。自由が丘にもあります。 » 青山ベルコモンズ シボネ それにしてもサイトがかっこいいな。。 » CASSINA 青山のカッシーナ。オンラインショップもやっていますね。 » hhstyle.com 原宿のキャットストリート沿いにあるお店。僕も時々行くんですが、とても雰囲気のいいお店です。 青山にもあり、オンラインショップ

    U-8
    U-8 2009/01/15
  • 軽量なCSSライブラリ『Malo』 – creamu

    クロスブラウザなCSSでサイトを素早く作りたい。 そんなときにおすすめなのが、『Malo』。軽量なCSSライブラリだ。 『Malo』は、2〜5カラムのCSSライブラリ。 なぜMaioを使うのか?という問いに対して、 ・超軽量(0.25kbのものや8行のものまで!) ・%, px, emでwidthを指定 ・超フレキシブル ・簡単に使える と答えている。 対応ブラウザは以下の通り。 IE:5.5,6,7,8(beta)、Firefox3、Opera 9.23、Safari 3.1(Win)、Chrome 0.3 サンプルも10個用意されている。 ライセンスはGNU General Public License v2。 軽量なCSSライブラリ、チェックしてぜひ使ってみてはいかがだろうか。 久々にブログを書きまくってみよう。

  • アニメーションするタブ&アコーディオンメニュー集 – creamu

    Javascriptでアニメーションして遷移するメニューが作りたい。 そんなときにおすすめなのが、『30+ Animated Tab-Based Interface and Accordion Scripts』。アニメーションするタブ&アコーディオンメニュー集だ。 以下にいくつかご紹介。 » Ajax Drop down Tab Menu… scriptaculousのプラグインであるe24TabMenu » JQuery Tab Skin フェードイン&アウトするjQueryタブメニュー » Sliding Tabs PanicのCodaのサイトに見られるmootoolsを使ったスライドするタブ » Coda Slider 上記と同様、Codaのサイトにインスパイアされたスライドタブ » Tab Accordian タブの中でアコーディオン風にコンテンツが切り替わるスクリプト その他のリ

  • Webデザインで最も愛されているフォント16選『16 Best-Loved Font Bits In Web Design』 | CREAMU

    Diary Webデザインで最も愛されているフォント16選『16 Best-Loved Font Bits In Web Design』 Webデザインでよく使われるフォントはなんだろう。 そんなときにおすすめなのが、『16 Best-Loved Font Bits In Web Design』。Webデザインで最も愛されているフォント16選だ。 以下にご紹介する。 1.Helvetica, Helvetica Neue, Arial 2.Verdana 3.Georgia 4.Trebuchet MS 5.Century Gothic 6.Lucida Sans Unicode, Lucida Grande 7.Palatino 8.Garamond, Baskerville, Caslon 9.Univers Condensed, Linotype Univers 10.Myriad

  • 無料で使えるPhotoshopプラグイン20選『Free Photoshop Plugins』 | CREAMU

    Photoshopをもっと簡単に使いたい。 そんなあなたにおすすめなのが、『Free Photoshop Plugins』。無料で使えるPhotoshopプラグイン20選だ。 以下にご紹介。 » virtualPhotographer ワンクリックでクオリティの高い、プロのスタイルを適用できる。 » Richard Rosenman 無料のPhotoshopフィルターやプラグインをたくさん紹介しているサイト。(無料でないものもある) » Filter Forge 自分のフィルターを作成できるソフト。 » Harry’s Filters 69もの画像エフェクトをもったプラグイン。 » Auto FX Mosaic モザイクのタイルのようなエフェクトをかけられるプラグイン。 » Auto FX Dreamy Photo 画像に柔らかいロマンティックな効果を与えるプラグイン。 » Telegra

  • 2007年のロゴデザイン11のトレンド『logo orange』 – creamu

    2007年のロゴデザインはどうなっていくのだろうか。 そんなときにこの特集はとても参考になる。 『logo orange』では、2007年のロゴデザイン11のトレンドを紹介してくれている。 ■Talk Boxes 吹き出しのデザイン。感じのいいアクセントになるしポップなデザインになりますね。 ■Clouds 雲のデザイン。草むらに寝転がって見たあの頃の雲を連想するかもしれません。 ■Reflections 反射のデザイン。単色のベタ塗りとは違って動きが出て、デザイン性が増しますね。 ■Rectangle 矩形のデザイン。白の背景と区別がはっきりして映えますね。 ■3d Puffies 円形のデザイン。これから増えていきそうな予感。。 ■Hot Dogs ホットドッグ(びっくり?)のデザイン。アクセントで目をひきますね。 ■Transmission beam ビームのデザイン。動きと発信性が

  • ミルクが体によくない4つの理由『The reason why milk isn’t good for our health.』 – creamu

    Diary ミルクが体によくない4つの理由『The reason why milk isn’t good for our health.』 昨日のエントリー、『女性に教えてもらった生活習慣病を改善するコツ photo by NIKON S50c』で「ミルクは飲まない」と書いたのですが、わかったつもりになっているところがあったので調べてみました。 「ミルクは来牛の飲み物で、人間には適していないの。牛よりも人間の方が体温が高くて、ミルクを飲むと人間の体の中では固まっちゃうの。」 確かこう教えてもらって(間違っていたらすみません)おぉーなるほどーーと思ったのですが、うまく人に説明できなかったので↓に書かせていただきます。 ミルクが体によくない4つの理由です。 1.牛乳に含まれるカルシウムは「カゼインタンパク」と言われるもので、人間の消化吸収には適していない。 そもそも牛乳というのは牛の赤ちゃん

    U-8
    U-8 2008/09/15
  • 完璧なレイアウトの商用サイト11選『11 Almost Perfect Business Layouts』 – creamu

    レイアウトのいいデザインのサイトを参考にしたい。 そんなあなたにおすすめなのが、『11 Almost Perfect Business Layouts』。SMASHING MAGAZINEによる、完璧なレイアウトの商用サイト11選だ。 完璧とは何を意味するのか? という項目で、以下のように説明している。 ・クリーンであること。コード、テキスト、グラフィック全てに配慮されていること。 ・バランスのいいレイアウトであること。 ・ディテールにまで配慮が行き届いていること。(テキストリンクの色など) ・空白をうまく使っていること。 ・今の空気感のあるデザインエレメントを使っていること。(過剰なグラフィックの使用はNG) ・派手すぎないこと。 紹介されている11サイトは↓。 1.Sumagency (USA / Paraguy) 2. ReachGroup Consulting (USA) 3. E