タグ

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

  • ReTweet(Twitterに投稿)ボタンをつけました♪ – creamu

    気分が乗ったので、前からつけようかなと思っていたReTweet(Twitterに投稿)ボタンをつけました♪ よぅし。いい感じにできたぞ。 気分が乗ったのはiPhoneの発売前だからかもしれないし、ひまわりの開花のような電話の後だからかもしれない。あるいはビールを飲みすぎているせいかもしれない。それは僕にはよくわからない。 ともかく以下のように書きました☆ <a href=”http://twitter.com/home?status=<$MTEntryPermalink$>” target=”_blank”><img src=”/mt/img/retweet.jpg” alt=”Twitterに投稿♪” /></a> ?statusにパーマリンクを渡せばいけるんですね。思ったよりちょー簡単だったぞ。 あらかじめRTとか@usernameをつけるとかいろいろあるかもですが、何か一言 + UR

  • かっこいいPhotoshopブラシ集 – creamu

    91827587, iStockphoto/ Thinkstock Photoshopのブラシを探している。 そんなときにおすすめなのが、『Ultimate Roundup With Thousands Of Cool Photoshop Brushes』。かっこいいPhotoshopブラシ集です。 いくつかご紹介しますね。 250 Hi Res Splatter, Spray, & Watercolor Photoshop Brushes スブレーが飛び散ったようなブラシ250 500+ Space Brushes for Photoshop 宇宙の惑星等を描くブラシ集 350+ Retro and Vintage Photoshop Brushes レトロ&ビンテージな効果を与えるPhotoshpブラシ350+ 200+ Paper Brushes for Photoshop 紙のテク

  • HTML5 / CSS3のソースがダウンロードできるサンプル – creamu

    HTML5 / CSSでできることをざっくり掴みたい。 そんなときに参考になるのが、『Create An Elegant Website With HTML 5 And CSS3』。HTML5 / CSS3のソースがダウンロードできるサンプルです。 HTML5で使われる<section>や<aside>、<header>、<footer>などの各タグの解説と、CSSにおける「RGBa」、「box-shadow」、「border-radius」、「text-shadow」などのプロパティーの解説がされています。 デモは以下から。 Download Source ソースのダウンロードも提供されているので、参考に見てみてはいかがでしょうか? Touch The Future: Create An Elegant Website With HTML 5 And CSS3 あることが一つ決まった。と

  • あなたが知らないかもしれないPhotoshopの使い方10 – creamu

    Photoshopをもっと使いこなしたい。そんなあなたにおすすめなのが、『10 Photoshop Interface Features you Didn’t Know Existed』。あなたが知らないかもしれないPhotoshopの使い方です。 なかなかいい感じのが揃っていますよ。 背景色をグレー以外の色に変更する グレーがぼんやりしているなら、ウィンドウの背景色を黒に変えてみよう。右クリックで可能だ。他の色も選べる 描画色と背景色を簡単に変更する スポイトツールで、altを押しながら色を選択すると、背景色を変更できる シェイプや選択範囲の位置を変更する シェイプや選択範囲を描いている途中で、位置を変更したい場合、スペースバーを押しながら描いたり選択範囲を作成することで移動できる 選択範囲を復活させる 選択範囲を失ってしまった場合、「Ctrl + Shift + D」でもう一度選択範囲

  • サイト内リンクでページ遷移するAjaxサイトの作り方 – creamu

    yensdesignというサイトで、サイト内リンクでページ遷移するAjaxサイトの作り方が公開されています。 ↑がナビゲーションになっていて、クリックすると、「#home」や「#tutorials」という形でパラメータがついて、ページ遷移します。 リロードが必要ないので、ページ移動がスムーズで気持ちいいですね。 デモは以下から。 Try the tutorial! XHTMLCSSJavaScriptソースが載っているので、一度見てみてください。 Creating AJAX websites based on anchor navigation Amebaとロクナナのイベントが発表されました。友人がイベントに興味を持っていたので、以前打ち合わせにきてもらったのです。その後実現に至ったようでうれしいですね。 名村くんと浦野くんも出ますね。興味のある方はぜひ!12/8正午から申し込み開始と

  • WebデザイナーのためのユーザビリティーTips10選 – creamu

    ユーザビリティーの高いサイトが作りたい。 そんなあなたにおすすめなのが、『10 Usability Tips for Web Designers』。WebデザイナーのためのユーザビリティーTips10選だ。 以下にご紹介。 Tagline(キャッチフレーズ)を書く Taglineとは、会社やサイトのフィロソフィー、ミッションを表したもの。トップページの一番わかりやすい場所に置いてあげる 検索ボックスを置く 検索ボックスは重要な要素。ユーザが何かを探している時、テキストを入力できるフィールドをまず探すため、検索ボックスはサイトの上部に置くべき。ユーザの視線はF型に進むからだ グラフィックを使いすぎない 過剰なグラフィックはユーザを迷わせる。ユーザビリティーの観点からは、グラフィックは少ないほどよい サイトマップを設置する サイトのナビゲーションとSEOにも効果的なのがサイトマップ ユーザの動

  • TwitterとWordPressを連携するツール7 – creamu

    makeuseof.comで、TwitterWordPressを連携するツールが紹介されています。 ざっといくつかご紹介。 Twitter Avatars in Comments メールアドレスからTwitterのアイコンを調べてアバターとして表示してくれる Twitip ID コメント投稿者の項目にTwitterアカウントを追加するプラグイン Autolink to Username WordPressで@usernameという風に書くと、自動でTwitterのユーザーページへのリンクを付けてくれるプラグイン WordPressユーザーの方は一度見てみてください♪ 7 Tools To Integrate Twitter With Your WordPress Blog よぅし挽回終了。作業再開しようかな。

  • jQueryで作るランダム表示・ローテーションするコンテンツ – creamu

    css globeで、jQueryで作るランダム表示・ローテーションするコンテンツの作り方が紹介されています。 デモは以下から。 リロードごとにランダム表示 ランダムローテーション どちらもJavaScriptは短くてシンプルになっていますね。 一度見てみてください。 Simple Way to Random Display or Rotate Content Using JavaScript and CSS そろそろ雨が降るみたいですね。移動するぞ。

  • デベロッパーなら知っておきたいCSSテクニック – creamu

    ExtraTutsというサイトで、デベロッパーなら知っておきたいCSSテクニックが紹介されています。 いくつかご紹介しますね。 CSS Browser Selector OS・ブラウザごとにCSSを切り替えられる1行のJavaScript adding a CSS StyleSheet to your RSS feeds RSSフィードにCSSを適用させる方法 CSS Watermark Effect CSSで作るウォーターマーク(透かしテキスト) Forming Tooltip using CSS3 JavaScriptで作る必要があったツールチップをCSS3で簡単に実装する方法 ソースが載っているので、一度見てみてください。 CSS techniques web developer should use 中目で飲みまくり。ある方と会えたし楽しかったぞ。CREAMUをiGoogleに入れ

  • 高解像度の紙のフリーテクスチャ80+ – creamu

    もうかなり知られてるけど構わずエントリー。 The Roxorというサイトで、高解像度の紙のフリーテクスチャが紹介されています。 いくつかご紹介。 ↑はOld Ages Paper 2。 Grungy Paper Textures by Bittbox High Res Brown Paper Textures by Spoongraphics Crumpled Paper Paper Texture リンク先がそれぞれ違うので、ライセンスについては確認してください。 » 80+ Free High Res Paper Textures ブログ書きたい熱が、、ようやく収まってきたかな。でもまだ書くぞ♪

  • サムネイルをスムーズに拡大するjQuery – creamu

    Build Internet!で、Elastic Thumbnail Menuというサムネイルをスムーズに拡大するjQueryが紹介されています。 これはかなりいいですね。マウスオーバーすると、うにゅ、うにゅっとサムネイルが拡大します。動きがとても気持ちいい。 デモは以下から。 » LIVE DEMO imgを覆うアンカーにクラスを指定して、CSSでスタイル、そしてjQueryで動きをつけているようです。 IEのfixについても書かれていますね。以下のソースをCSSに書くことで問題ないようです。 img { -ms-interpolation-mode: bicubic; } ぜひ見てみてください☆ » Sproing! – Make An Elastic Thumbnail Menu 無性にWPが触りたくなってきたぞ。ちょいいじってみようかな。

  • デザイナーのための便利なジェネレータ55+ – creamu

    Balkhisというサイトで、デザイナーのための便利なジェネレータがまとまっています。 ざっといくつかご紹介。 » Pattern Cooler » Dotted Background Generator » ColourLovers ↑のキャプチャはこちら » Stripe Designer » Create a Graph 他にも、カラージェネレータ、Flashジェネレータ、CSSジェネレータ、フォームジェネレータ、テキストジェネレータ、バーコードラベルジェネレータなど、たくさんありますね。 一度見てみてください。 » 55+ Extremely Useful Online Generators for Designers emobile修理中。早く戻ってきてほしーなー。mobilepointでがんばっております。

  • デザイナーのための素材サイト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

  • 1