マウスのホバー時に、光源がカーソルに追従するエフェクトがかっこいいスクリプトをcoders.meから紹介します。
[JS]ホバー時に光源が移動するエフェクトがかっこいいスクリプト
マウスのホバー時に、光源がカーソルに追従するエフェクトがかっこいいスクリプトをcoders.meから紹介します。
ポップでかわいらしい高品質なフリーのデザインフォント -Fontfabric
ウェブをはじめ、印刷やTシャツなどに無料で利用できる高品質なフリーのデザインフォントをFontfabricから紹介します。
結局、一番使いやすくて高機能なSEOツールはSEOチェキ！だった - かちびと.net
Firefoxのアドオンやよく言われる 海外のSEOエキスパートみたいな 方々の作成したSEOツールも凄いけど 結局僕が一番使いやすくて高機能 だと思ったSEOツールは国産の SEOチェキ！でしたので機能をご紹介。 使い方次第なのかもしれませんが、結局一番使うのはSEOチェキなので紹介します。アライグマかレッサーパンダか未だにその正体を教えてくれない友達のロプロスさんの作ったツールですが、贔屓なしに現時点で最高のSEOツールです。 ※書いてある順番は適当です。書かないと分からないようなので追記しました。 Ajaxで動くのでとにかく軽快 国産なので開発者と連絡が取れる 無料で広告も無い 調査できる必要項目がほぼ全て揃ってる やたら見やすい といった感じで重宝しています。とにかく動作の軽快さ。これが大きいです。SEOツールなのに動作が重いってユーザビリティ的にどうなの？って気がしますのでいくら
WEBサイトの構成図を作成できるオンライン ソフト「SlickPlan」HTML、PDFで共有可能 - WEBマーケティング ブログ
WEB サイトの構成図 を作成するソフトとして使えるのはマインドマップ作成ソフトですが、多機能なだけに重かったり、サイトマップを作成するのにオプションの設定が必要だったり、毎度テンプレートを探したりと、あまり手軽ではないと思います。 そんなサイト 構成図 をサクッと作って提示、共有したい時に便利なオンライン ソフトをご紹介します。 2009/12/25追記：今日現在、日本語が文字化け、PDF形式でのエクスポートが行えなくなっています。この件につきまして、@kira88が運営元へフィードバックをしてくださいました。お知らせいただき、ありがとうございますｍ（＿ ＿）ｍ 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! サイトの構成図をサクッと作れるオンライン ソフト「SlickPlan」「SlickPl
Photoshopで人物を加工してアーティスティックにするチュートリアル集:phpspot開発日誌
Photoshopで人物を加工してアーティスティックにするチュートリアルを集めてみました。 人物を迫力あるものにしたい場合に色々と使えるかもしれません。 10Steps.SG ? Photoshop Tutorials and Resources - Creating an Abstract Watercolor Wallpaper 水彩画風にしてアーティスティックに加工 Amazing Watercolor Effect in Pixelmator | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials 写真を水彩画みたいにする凄いテクニック Create a nature-fantasy composition with 3d text and light effects | Best Photoshop Tut
これは楽しい！どんな画像もCDのアルバム風にできるCSSテクニック:phpspot開発日誌
Sexy Music Album Overlays Komodo Media これは楽しい！どんな画像もCDのアルバム風にできるCSSテクニック。 どんなサイズの画像も、次のようなジュエルケースに押し込んでしまえるCSSのテクニックです。 CSSが無い状態だと次のような殺風景な状態ですが、CSSとPNGのオーバーレイによって美しいジュエルケースに入った状態になってますね。 他にもスタイルが容易されていて、CDのディスク風にする例 同じようにレコード風にする例も紹介されています。 これはすばらしいですね。応用して、ゲームソフトのパッケージ風にしてみたり、色々できそうです。 関連エントリ CSSリストに関する5つのテクニック集 CSSとdivを使った画像先読みテクニック 便利なＣＳＳテクニック３０選 本の目次部分のようなリストをCSSでデザインするテクニック
HTML5 と CSS3 で 死にたい
CSS3の「変形・アニメーション関連」のプロパティは面白いですね。これらのプロパティの登場によって、CSSの持つ表現力が「どかーん」と拡大するように感じました。この記事では、WebKit Nightly Buildsでの表示を対象に、 CSS3で新たに定義されたプロパティを色々と使ったサンプルを作ったので、それを紹介したいと思います。 サンプルページは、CSS3のプロパティの練習として作っていたので、 表示の対象はこれらのプロパティを先行実装しているWebKitエンジンのブラウザーの中でも、 描写速度が激的に改善されている開発者向けのWebKit Nightly Buildsになります。 Safari4やGoogle Chromeでも見られますが、アニメーションはスムーズに再生されません。また、HTML5のaudio要素に対応していない場合は音が出力されないようです。非常に高負荷な処理が盛
Fireworks CS4を買ったのでチュートリアル資料まとめ - IDEA*IDEA ～ 百式管理人のライフハックブログ
ドットインストール代表のライフハックブログ
色々な用途に使えそうなベクターデータをまとめてみました:phpspot開発日誌
最近見つけた、色々な用途に使えそうなベクターデータをまとめてみました。 Photoshopなんかのブラシにしてみても面白いですし、背景パターンなんかにも使えるかもしれません。 皆さんのデザインワークに役立てば幸いです。 49 Vector Ornamental Stars 星型のシェイプ Vector Design Elements - Circular vectors | Grafpedia 円形のベクターデータ Code Geass Symbol Set by ~solwyvern on deviantART Vector leaves design elements 葉っぱのベクターエレメント Circular Floral Vectors Floral Banner Shape by ~eurochronix on deviantART Shapes - Letters - 2 b
写真を一瞬でクールに出来るPhotoshopアクションが色々:phpspot開発日誌
写真を一瞬でクールに出来るPhotoshopアクションが色々なエントリが公開されていたのでご紹介。 次のように、写真をクリック数回で素晴らしく加工できてしまうアクション配布サイトがまとまってます。 リンク先は以下のエントリから参照してください。 The Big Collection Of Amazing Photoshop Actions | Flash, Design, Vector, Photoshop, Adobe Tutorials | GraphicMania.net 関連エントリ １クリックで写真の印象を簡単に変えてしまうPhotoshopアクション集 デザインを高速に行える技巧的なPhotoShopアクション集 PhotoShopのアクションやシェイプなどリソース一杯「Ladyoak.com」
デザインに役立つ美麗サイトデザイン集やロゴデザイン・写真集:phpspot開発日誌
PHPからOffice・Photoshop・PDF等の各種ファイルを操作するためのライブラ... 次の記事 ≫：アプリケーションを有無を言わさず終了させるAlt+F4の強力版が使える... 最近話題になった、デザインに役立つ美麗サイトデザイン集やロゴデザイン・写真集をまとめてみました。 沢山にあるのですが、参考にできそうなものばかりです。 サイトデザイン・サイトの特定部分のデザイン集 15 Creative WordPress Header Designs | Web Design Tutorials | Creating a Website | Learn Adobe Flash, Photoshop and Dreamweaver クリエイティブなWordPressのヘッダーデザイン集。どれもインパクト大なものばかり 25 Inspiring Examples of Sign-Up P
【Fireworks】GIFで支給されたロゴを簡単に白抜きに加工する方法 | バシャログ。
例えば Web サイトのリニューアル案件では「ロゴのデータはありません。現サイトで使っている gif 画像を使ってください」というケースがよくあります。 「ロゴを白抜きにしたデザインパターンを作りたいんだけど…」という場合には、ロゴをトレース→パス化して使い勝手の良い素材を用意するのがベストな方法ではありますが、トレースする時間が取れない時は以下の方法がお手軽でオススメです。 使用した画像加工ソフトは Fireworks です。 ↑支給された（というか Web サイトからコピーした）ロゴの例。透明化もされていないし、切り抜くのも面倒。 STEP 1 ロゴ画像をグレースケールで保存します。 STEP 2 グレースケール化したロゴ画像を背景の上に配置。 STEP 3 ロゴ画像を選択して「フィルタ」→「カラー調整」→「カラーの塗り」を設定。 カラーは何色でも良いですが、ブレンドモードは「反転」に
そろそろTwitterに慣れてきた人にお勧めしたいTwitter連携サイト５つまとめ*二十歳街道まっしぐら（FC2ブログ時代）
今年に入り、日本でもTwitterがかなり流行ってきました。 いろんなニュースサイトにも「Twitter」の文字を見かけます。 政治家の方もTwitterを始めたり、テレビで紹介されたりとユーザ数はどんどん増えてきています。 ここ数カ月の間に自分もTwitter始めてみました！って方が たくさんおられるんじゃないかと。 いつも紹介するTwitter関連サイトは海外で人気のものばかりで、初心者の方にはあまりなじみにくいものかと思ってます。 今回は、Twitterユーザの人なら毎日利用しているような有名なTwitterサイトを紹介します。 そろそろTwitterに慣れてきた方は、これらのサイトも一緒に使ってみると さらに楽しくなりますよ！ Twitterやってます ⇒ http://twitter.com/kamekiti もしよければフォローしてください。 まず初めに紹介するのは「ふぁぼった
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブサイトで使用するものが一通り揃ったフリーのアイコン素材 -Primo
[CSS]日付の年の箇所だけを90度回転させて配置するスタイルシート
ロイヤリティフリーの高解像度のテクスチャ素材配布サイト -love textures
http://www.designwalker.com/2009/07/%E3%83%AD%E3%82%B4%E3%81%AB%E4%BD%BF%E3%82%8F%E3%82%8C%E3%81%A6%E3%81%84%E3%82%8B%E3%83%95%E3%82%A9%E3%83%B3%E3%83%88%E3%81%8C%E3%82%8F%E3%81%8B%E3%82%8B%E3%82%B5%E3%82%A4%E3%83%88%E3%81%84%E3%82%8D.html
パスワード認証
IDEA * IDEA
ペーパーデザインのWEBサイトを作るときに見るべきまとめ*ホームページを作る人のネタ帳
