【Photoshopメニュー｜和訳・英訳シリーズ】 今回は、Photoshop（フォトショップ）CS3のツールパレットを和訳⇔英訳しました。 Photoshopを使ってデザインする時に一番使う重要な部分なので、海外デザインチュートリアルを見る際に頻繁に出てきます。 詳細ページに、ツールパレットチャート表（ちょっと画像が大きくなりましたが）も作ったので見てください。

福岡の写真あります。 福岡市の魅力を伝える写真画像が、無料でダウンロードできます。福岡市のイメージアップにつながる素材としてぜひご利用ください。

This domain may be for sale!

This application needs Flash Player 8. Get Flash However, you can access the gallery here: bgMaker Gallery ADS: decoracion de tortas Search fonts

マツエクをつけているとオイルで出来ているクレンジングは基本ＮＧです。マツエクのグルー(接着剤)と油の相性が悪くマツエクが取れやすくなってしまうからなのですがマツエクを付けている人はどんなメイク落としを使っているのでしょう […]

Google のウェブログ公開ツールを使って、テキスト、写真、動画を共有できます。

お持ちの会員証をご覧の上、会員証の表記通りに会員IDとパスワードを入力してください。 ※ 詳細情報のご提供は会員の方に限らせていただいております。 ※本サイトは JavaScript と Cookie を使用しています。 ブラウザの設定で JavaScript と Cookie を有効にした上でご利用ください。 2007年4月1日以降にログインした場合、初回は必ず「パスワード更新」画面が表示されますので、お手数ですが内容をご確認いただき、更新手続きをお願いいたします。 更新手続きが完了しましたら、完了メールがお客様指定のメールアドレスに届きますので内容をご確認ください。 お問い合わせ パスワードに関するお問合せは、こちらまでお願いします。 回答は原則として平日10：00～18：00の間となります。(年末年始を除く) ※パスワードは会員ご本人よりお問合せ下さい。 お

ドコモ端末でCSSを利用するには Tweet 2008/4/3 木曜日 matsui Posted in DoCoMo | 9 Comments » ドコモ端末でCSSを表示しようとして、悩まれる方が多いようなのでご紹介しようと思います。 ドコモのiモード端末では、FOMA以降の機種でXHTML対応となりCSSが使えます。 ※厳密にいうと、ごく初期のFOMA21xxシリーズでは使えません。詳しくは下記一覧表からご確認ください。 →　iモード対応機種 対応コンテンツ・機能一覧 [nttdocomo.co.jp]　※PDFです ですが、PCと同じように普通に書くだけでは、CSSは認識されません。 下記の3点を守る必要があります。 iモード用のXML宣言、DOCTYPEを付ける CSSは外部ファイルにしない、ヘッダ部にも書かない 拡張子を「.xhtml」にする　※別の方法もあり まず1についてで

URL（ホームページのアドレス）のQRコード 「URL用QR」メニューをご利用いただくと、QRコードを作成すると同時にホームページの実在チェックも行われます。このため、URLの入力ミスによる誤ったQRコード作成を防ぐことが出来ます。 メールアドレスのQRコード 「メールQR」メニューをご利用いただくと、QRコードを作成すると同時にメールアドレスの体系チェックとメールサーバの実在チェックも行われます。このため、メールアドレス入力ミスによる誤ったQRコード作成を防ぐことが出来ます。 地図のQRコード 「地図QR」メニューをご利用いただくと、実際の地図を見ながら地図QRコードを作成することが出来ます。Googleマップなどの地図サイトの操作が苦手な方も簡単に地図QRコードを作成できます。 GPSの現在地からも地図のQRが作成できるようになりました。 作成したQRコードの保存 「作成済QR」メニュ

最近リリースされた高品質なフリーのデザインフォントを紹介します。 Melbourne 個人利用無料。 Ubuntu 個人・商用利用無料。 Oblik 個人・商用利用無料。 [ad#ad-2] PT S

最近リリースされた高品質なフリーのデザインフォントを紹介します。 Lintel Regular 個人・商用利用無料。 St Marie 個人・商用利用無料。 AW Conqueror Sans 個人・

Free Fonts for Every Project Style matters. As a creative designer, you understand exactly how important it is to use the right font for every project. The style of the words on the page influences the overall tone of the content, draws the eye to particular points, and affects readability. But with so many free downloadable fonts available on the web, it’s getting more and more difficult to find

調べたいフォントがある画像をアップロードします。ファイルはローカルでもオンライン上でも対応しています。 上記は、手元にあるローカルファイルを「Browse」ボタンで参照し、「Continue」ボタンをクリックします。 Step 2

31 Web Examples Creative And Inspiring of Using Illustration In Web Design Using the illustration in web designing give a unique design and distinctive character in your web, giving your website your own personality. Illustrations can be used as a visual communication in addition to photographs as part of any design or supporting elements. In this article you I collected 31 websites that use the b

7 Useful Tools for Mobile Website Testing | Tools スマートフォン用のサイト作成に役立つテスティングツールが７つ紹介されており、便利そうなものをピックアップしてみました。 サイトチェッカー W3C mobileOK Checker W3Cのモバイルサイトチェッカー。サイトのURLを入れるだけで、対応状態を〜％として表示してくれます。 何を改善すればポイントを上げられるか？についても詳細にレポートしてくれるところがいいですね。 mobiReady URLを入力するとサイトのモバイル対応状態をレポート結果として表示してくれる。 レポート結果は次のようになります 機種が微妙ですが、JAVAをつかったシュミレーターで動作確認できたりします Gomez Mobile Website Readiness Test URLのほか必要情報を入れるとサイトのモ

[dih-fawlt] [ahy-kon] is a repository of elegant, visually unified, minimal icons with crystal clear clarity, based on black color. It Can be used for UI design on web,  portable devices (iPhone, iPad, Android compatible devices, other smartphones etc) , desktop applications, and generally any kind of electronic or mechanic machinery interface. The set is completely customizable as it is available

Twitterでつぶやいたツイートをあなたのブログやサイトに簡単に設置できるjQueryのプラグインを紹介します。 jTweetsAnywhere デモページ [ad#ad-2] jTweetsAnywhereの設置は簡単で、数行のスクリプトで自分のブログやサイトにツイートを設置することができます。 jTweetsAnywhereの主な特長 指定したユーザー（複数可）のツイートを表示。 ユーザーのリストからツイートを表示。 Twitterの検索の結果を表示（パラメータは全対応）。 @Anywhereに対応。 エンドレススクロールを使ったページングをサポート。 自動更新でリアルタイムにツイートを表示。 ツイートボックスのカスタマイズが可能。 Follow me ボタンの設置が可能。 ネイティブのリツイートをサポート。 ユーザーのプロフィールを表示。 ツイート内のリンクを検出し、自動でリンク化

デモページ：2（テキスト版） 右側のパネルの切り替えは手動と自動に対応しており、スクリプトのオプションで設定が可能です。 スクリプトのオプションでは次のものなどが設定できます。 切り替えの自動と手動 パネルの表示時間 フェードの時間 ラベルの画像とテキスト ラベルに画像を使用した際、ロールオーバー時の変更はスクリプトの機能に含まれているため、ロールオーバー用の画像を用意するだけで実装されます。

1.simplelibとは simplelibとはjQueryを利用した様々なプラグインを動的にロードして、ウェブサイトを構築する上でよく使う機能を一元管理するためのツールです。 各プラグインを別ファイルにし、必要なファイルだけをロードします。ダウンロードはこのページの一番下にあります。 2.プラグイン一覧 現在以下のようなプラグインがあり、HTMLに１行追加するだけでこれら全ての機能を追加できます。 accordion

Here is a free icon collection ready to save and edit for your use. You can copy and paste the flat image with a white background in five colors by right-clicking on the image and saving it to your computer. Download an icon set image from this page, open in your photo editor, and crop … Read more The p-hat symbol, denoted as “p̂,” is a fundamental notation in statistics used to represent the prop

次の画像が何なのかが分かりやすいフルスクリーンのスライドショー実装jQueryプラグイン「SuperSized」 2010年11月28日- Supersized - Full Screen Background/Slideshow jQuery Plugin 次の画像が何なのかが分かりやすいフルスクリーンのスライドショー実装jQueryプラグイン「SuperSized」。 画像のスライドショーと言えば、次や前の画像はナビゲーションだけでわからないものがほとんどですが、このギャラリースクリプトを使えば次のように次・前の画像のサムネイルを表示しつつフルスクリーンでスライドショーを実現できます。 基本は$(element).supersized(); を呼び出すのですが、オプションを豊富に渡せて動きを自由にカスタマイズすることが可能です。 ナビゲーションのUIもなかなか秀逸なのでカッコイイ写真の

紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 bxSlider 多彩な表示方法に対応したコンテンツスライダー。 Sudo Slider 各パネルがブックマークできるコンテンツスラ

imgZoom デモ [ad#ad-2] imgZoomの主な特徴 lightbox風のインターフェイス（暗いオーバーレイ、次の画像へのスイッチ） CSS/HTMLベースでのカスタマイズ フェードや回転のアニメーションで画像を拡大 ズームイン、ズームアウトのAPIの提供 jQueryのプラグインとして動作する軽量（7KB）スクリプト imgZoomの実装方法 外部ファイル 下記の3ファイルを外部ファイルとして記述します。 <link rel="stylesheet" type="text/css" href="css/imgzoom.css" /> <script type="text/javascript" src="sc

HTML+JavaScript, HTML+swf, Flashで動作する、24種類の多彩な表示方法が揃った画像ギャラリーを紹介します。 HTML slideshows & Flash photo gallery templates _ Slideshow Box ※キャプチャは「24. Wall 3D」 まずは、その24種類の多彩な表示方法を紹介します。 特に目を惹いたのは、9, 12, 20, 22, 24です。

紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 Shadow animation シャドウをアニメーション。 bgFade マウスホバーで背景をフェードでアニメーション。 hove

tategakibunko.mydns.jp is not accessible... Sorry. I do not know why this site is not working. If you know Administrator of this site, please contact directly. You may be able to see it in Google cache. For administrator ... MyDNS.JP did not received IP address from you over One week. Please check your notify system. If you restart notification of IP address, MyDNS.JP will apply your IP address to

iPhone, iPad, Androidなどのモバイルデバイス、Facebook, TwitterなどのSNSのウェブサイト、IE, Firefoxなどの各種ブラウザのワイヤーフレームやユーザーインターフェイスのデザイン用の素材を紹介します。 Free Wireframing Kits, UI Design Kits, PDFs and Resources 上記サイトでは各素材が多数紹介されており、その中からPSD素材のもののみ下記にピックアップしました。サイトでは他にもOmniGraffle用のものやPDFのものが紹介されています。

紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 simpleSli.de フレキシブルでシンプルで軽量なコンテンツスライダーの決定版。 Lightbox_me DOM要素を指定して

弊社代表の著書、「iPhoneとツイッターで会社は儲かる」の出版記念と、巷で話題の「基礎文法最速マスター」ブームに便乗して、iPhone（iPod Touch）向けサイト構築における基礎とプラス応用のネタと、参考になるリンク集をまとめました。 2010/11/18追記： iPhone向けサイト制作の書籍を執筆しました！ 既存のデスクトップ向けサイトをモデルにした iPhoneに最適化したサンプルサイトの紹介と コードの解説をしています。 iPhone向けサイト制作の入門書に最適です。 「HTML5＋CSS3で作る 魅せるiPhoneサイト」 基礎編 対象ブラウザはMobileSafariです レンダリングエンジンはSafariと同じwebkitですが、MobileSafariの方にはiPhone向けの一部独自拡張（CSS）があります。検証の際は、通常のSafariのウィンドウサイズを狭くし

iPhone向けに最適化するための対応は慣れるまでは簡単ではないと思う方が多いかもしれませんが、WordPressではプラグインで簡単に対応できます。 今回はよく利用されているであろう3つのプラグインを紹介します。 iWPhone http://iwphone.contentrobot.com/2007/07/04/iwphone-wordpress-plugin-and-theme/ シンプルなテーマが適用されるプラグインです。 導入方法ですが、プラグインファイルはpluginディレクトリに、テーマファイルはthemeディレクトリにアップロードし、その後にプラグインを有効化するだけです。 特長ですが、とにかく見た目も仕組みもシンプルといったところです。 記事内の画像ファイルなども、記事の幅に合わせてリサイズしてくれるのですが、要素によってはその幅を超えて表示されてしまうようです。 記事内

WordPressでは多くのページネーションを実装するプラグインがありますが、使用しているテーマにあったデザインで機能も必要なものだけにできるように、プラグイン無しでページネーションを設置する方法を紹介します。 How to build a WordPress Post Pagination without plugin [ad#ad-2] ここでは上記元記事で紹介されているものをノーマル版とし、コメントで投稿されている拡張版の二つを紹介します。 Pagination without plugin：ノーマル版 Pagination without plugin：拡張版 Pagination without plugin：ノーマル版 How to build a WordPress Post Pagination without plugin PHP テーマファイル内の「fuction.ph

[ad#ad-2] 下記のプラグインは常に使用しているものをはじめ、適宜使用するものや以前使用していて別の機会に使用しそうなものも含まれています。 1. 管理画面（ダッシュボード）関連 2. データベース・システム・セキュリティ関連 3. コンテンツ・エレメント関連 4. Twitter 関連 5. Google 関連 6. テーマ・生成ページ・URL関連 1. 管理画面（ダッシュボード）関連

先週の土曜日に書いた記事が思い のほか、ご好評でしたので調子に のってWPテーマにしました。管理 画面でYoutubeのIDを指定すれば、 背景にしている動画を変更する事が 出来ます。勿論無料ですし、リンク の表記も不要です。 もともと、使用しているjQueryのプラグインであるjquery-tubular自体、クロスブラウザに対応（IE6で動作せず、IE7でレイアウトにズレ）していませんのでこのテーマもそんな感じです。jquery-tubular自体のライセンスはMITになります。 昨日、たまたま時間が開いたので突貫工事的に作りました。使用しているjQueryは以前書いた記事をご参照ください。 動画の指定方法 肝心の動画の指定方法です。WP-Tubularを有効化すると、管理画面の外観の所に設定項目の「WP-Tubular Settings」が追加されます。 この項目でYoutubeの動

Photoshopの標準機能だけで、グラデーションやレイヤースタイルをつかった美しいボタンを作成するチュートリアルを紹介します。 Photoshop For Beginners: Creating buttons for web part 1 Photoshop For Beginners: Creating buttons for web part 2 [ad#ad-2] 上記、四つのボタンのチュートリアルはPart 1, 2に分かれており、それぞれ二つずつのチュートリアルが掲載されています。 各チュートリアルはPhotoshopのキャプチャ付きなので、英語が苦手な方でもどのようなフローですすめるか理解できると思います。 ボタンはグラデーションやレイヤースタイルといった王道のテクニックだけでなく、ノイズをのせたりライトをくわえたりと細部までしっかり手がはいった作りになっています。

Photoshopの標準機能だけを使って3ステップで、単調なベタ塗りの背景にノイズをのせて繊細なテクスチャにするチュートリアルを紹介します。 Noise Texture in Photoshop 左：ベタ塗り、右：ノイズ有り 下記は各ポイントを意訳したものです。 1. ベースのレイヤーを作成 新規ファイルを作成し、新しいレイヤーを作ります。そのレイヤーにベースとなるカラーを塗ってください。下記は暗いグレー「#272727（原文：142e51）」にしています。 2. ノイズのレイヤーを作成 さらに新しいレイヤーを作成し、ホワイト（#ffffff）で塗ります。[フィルタ]-[ノイズ]-[ノイズを加える]を選択し、量を「15%（原文：25%）」にして「OK」ボタンをクリックします。

Design interface application Framework _ 290 free vectors icons アイコンはウェブサイト、ワイヤーフレーム、オンラインアプリケーション、ソフトウェアなどを想定しているため、多種多様なデザインが290種類揃ったものとなっています。 サイズは16x16に基づいて設計されており、小さくても鮮明な外見を備えています。

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

paper5 各テクスチャ素材は一枚ずつダウンロードしてもよいし、全42枚をまとめたファイル（約150MB）もダウンロードできます。 利用にあたっては、個人でも商用でも完全に無料で利用できる、とのことです。 Paypalにて寄付を受け付けているので、気に入った方ぜひ！

ウェブベースの会社・サービスで使用しているロゴデザインを11の特徴に分け、見習うべき素晴らしいもの、ちょっと残念なものなど11のトレンドを紹介します。 11 Trends in Web Logo Design: The Good, the Bad and the Overused 以下は各ポイントを意訳したものです。 はじめに 1. バッジとボタン 2. スピーチバブルとメガホン 3. 不透明 4. かわいいイラスト 5. スクリプトやスラブ系のクールなフォント 6. 葉などの植物 7. 歪な四角形 8. レトロゲーム 9. ワードの一部だけカラーを変更 10. ロゴタイプ 11. ノードやハブ はじめに ウェブベースの会社や新規事業のためにロゴをデザインすることは、果てしない魅力の追求です。私たちは、ロゴのトレンドについていくつかの知識をピックアップしました。トレンドのいくつかは素晴らし

1000以上の飾り枠専門サイト

タグ一覧 タイトルロゴ(159) プライマリナビゲーション(72) グローバルナビゲーション(246) メインビジュアル(95) 見出し(326) 文字装飾(10) アクセント(29) サイドメニュー(142) ログインフォーム(68) タブ(55) テーブル・表(23) 地図(12) 特集バナー・内部リンク(525) Twitterアイコン・バナー(64) RSSアイコン・バナー(41) フォーム(9) アイコン(195) ＜前へ 次へ＞(12) 検索窓(149) パンくずリスト(12) このページのトップへ戻る(52) フォントサイズ変更ボタン(34) 問合せ・送信・購入ボタン(72) 電話番号(41) フッター・コピーライト(99) ニュース・ポータル・検索(207) ファッション(200) 音楽・ゲーム・コンテンツ配信(58) ネット関連サービス(86) オンラインショップ(308

ダークグレー、シルバーグレー、反転したグレーの三種類のグラデーションを使用した各60個、計180個の無料のアイコン素材を紹介します。 Mono Gradient Icons Set: 60 Free Icons for Your Web Designs [ad#ad-2] ダウンロードできるアイコンのフォーマットはPNG, PSDの二種類で、PSDは下記のように各レイヤーやレイヤー効果が保持された状態になっています。

写真画像にテキストなどを配置する「すりガラスのバー」を描くPhotoshopのチュートリアルをPsdtuts+から紹介します。 Quick Tip: Add a Frosted Background to Photo Captions 下記はそのチュートリアルを元に意訳したものです。 Photoshopの標準機能だけで簡単に作成ができます。 Step 1 Photoshopで画像ファイルを開きます。画像はどんな種類のものでも構いません。 大切な画像を保護するために、レイヤーパレットでレイヤーを「ロック」します。

NEWAI対応ツールへの無制限アクセスが月額ほんの￥3,940.00です*生成画像を作成してダウンロードし、既存のiStockクリエイティブ画像を編集できます。低価格で1か月間利用できます。 プランの詳細を見る*1日の生成回数には上限が適用されます。

(...) Read the rest of 200+ free beautiful Photoshop patterns hand-picked from DeviantArt (0 words) FrancescoMugnai.com, 2009. | Permalink | No comment | Add to del.icio.us Post tags:

バイクに引き続いて自転車のベクター素材アップしました。こういう部品点数が多いものはトレースするの大変。過去の素材が2つあったので、もう4つぐらい追加して計6シルエットにしようと思いましたが、2つ追加が限界。

Vector Finder Search the most popular stock sites from one central location

個人でも商用のプロジェクトでも無料で利用できる、2,000x3,000pxの高精細の布地をくしゃっとしたテクスチャ素材を紹介します。

均一で単調なシャドウではなく、大きさや不透明度を調整して奥行きのあるシャドウを描くPhotoshopのチュートリアルを紹介します。 Warping Drop Shadows to Give Depth 下記はそのチュートリアルを元に意訳したものです。 Photoshopの標準機能だけで簡単に作成ができます。 Step 1 まずは準備をします。 下記の例では、白い背景と紙のテクスチャを用意しました。 Step 2 シャドウの元になる矩形を描きます。 背景とテクスチャの間に新規レイヤーを作成（Ctrl+Shift+Alt+[N]）します。選択ツール[M]で長方形ツールを選択し、実体の下の方にやや小さめに矩形を選択します。塗りつぶしツール[G]を使用して、選択範囲を黒（#000000）で塗りつぶします。 シャドウの形は後のステップで整形するので、適当で構いません。

Photoshopの便利な機能アクションファイルを利用していますか。 アクションファイルは、クリックひとつで何気ない写真をプロが撮影したような加工、編集を加えることができます。 海外デザインブログCreative Overflowで、比較的最近公開されたばかりのPhotoshop用無料アクション素材を50個まとめたエントリー「Photoshop Actions: 1100+ Latest and Greatest Actions」が公開されていたので、今回はご紹介します。 ホームページやブログなどに写真を掲載するときなどボタンひとつでオシャレに魅せることができるのではないでしょうか。 「アクションファイルの使い方がわからない」、という方はこちらのエントリーで詳しく説明していますので、参考にどうぞ。 詳細は以下から。 写真加工に便利なPhotoshop無料アクション素材まとめ + Feel

最近のウェブデザインには欠かせない素敵なグラデーションを描くPhotoshopのグラデーション素材を紹介します。

ウェブページのレイアウトやエレメントなど、ウェブデザイン向けの無料リソースを配付しているサイトを紹介します。 Design Kindle [ad#ad-2] ダウンロードは登録など面倒なことは一切不要で、各ページの「Download」ボタンをクリックするだけです。 ダウンロードできる各PSDファイルはレイヤーが保持された状態でした。

かっこいいデザイン、面白い素材をつかった名刺・ビジネスカードをあつめているポータルサイトを紹介します。

全ての素材が完全にオリジナルに作成された、多種多様なテクスチャ素材、PhotoshopとGimp用のブラシがダウンロードできるTexturemateを紹介します。

ステンレス、チタニウム、ゴールド、カーボン、リサイクルペーパー、古紙、グランジなど、高解像度のフリーのテクスチャ素材をpsdGraphicsから紹介します。

総数10000超！商用・非商用フリー！　無料で使える素材サイト DOTS・DESIGN（ドッツ・デザイン） ドット・デザインは、商用・非商用フリーのWEBデザイン素材サイトです。 この手のサイトはいろいろ規約がうるさいですが、このサイトはここにあるアイコンをあたかも自分の作った素材のように配布・販売しない限り、商用であろうが、非商用であろうが無料で使用できます。 WEBデザインをはじめて早5,6年経ちますが、毎度一からドットアイコンを作成することが多かったので、よく使うドット素材をここらで自分のためと誰かのために一から作ってまとめておいておこうと思ってます。 気に入ったらWEB製作や、あなたのBLOG、ホームページに使ってやってください。 クリスマス素材まとめ ドッツデザイン (2009年11月14日 09:59) | コメント(0) | トラックバック(0) ここのところクリスマスの素材

1ピクセルのライン、細かいエレメント、美しいグラデ、繊細なテクスチャなどを使用してディテールにこだわりつつ、主張しすぎない素晴らしいナビゲーションをDribbbleから紹介します。

商用でも無料で利用できるEPS, AI, CDRフォーマットのベクター素材を収集しているサイト「Vectormadness」を紹介します。 Vectormadness [ad#ad-2] 現在登録されているベクター素材は約7,800種類あり、22のカテゴリに分けられています。そのカテゴリからいくつかピックアップします。

Free Web Resources Everyday - WebResourcesDepotPhotoshop offers many libraries to help speeding up a design process like patterns, brushes or textures. And, custom shapes is one of them which can really be a huge time-saver when you have the quality sets. Besides the ability to insert a good-looking object into our designs instantly, they can be used in any size as they are vectorized. Here is a c

個人でも商用でも無料で利用ができる、ウェブサイトやUIやダイヤグラムなど多目的用にデザインされたフリーのアイコンを紹介します。 Open Source Icons - gcons ダウンロードできるアイコンのフォーマットはPNG, GIF, JPG, PSDで、それぞれ100種類ずつ12色のアイコンが揃っています。 ※ダウンロードはページの右下「DOWNLOAD NOW」より。

HTML文書の文法をチェックし、採点します htmllint.cgi ver1.21 / htmllint.pm ver3.30 文法しか採点しません。内容の良し悪しは採点されません。結果に疑問を感じたら必ず結果の解説を読んでください。満点で慢心しないでください。 チェックしない警告は減点対象外で、満点は 100点です。チェックしても減点されない警告もあります。気に入らないチェック項目は外すことができます。お好みに調整してください。 また、基本的な設定項目だけの簡易ゲートウェイもあります。いちいちオプションなんかどうせ指定しないや、という方はご利用ください。 ダイアルアップはつらいので、ローカル環境でチェックしたいとお考えの方は、ダウンロードのページを参照してください。 チェック方式 チェックしたいHTMLのURLを指定するか、HTMLを下のテキスト領域に直接記述して、[チェック] ボタ

手相講座 オンラインが気になるなら、こちらのウェブサイトをよくチェックしたほうがいいです。 そして、あなたがすぐ副業になる 手相オンライン講座を購入しようとしているなら、上のウェブサイトで、すぐ副業になる 手相オンライン講座を手に入れると一体何ができるようになるのかについて、十分に理解した上で購入することをおすすめします。 また、レビューや評価が紹介されているなら、それについてもよくチェックしましょう。 下記のすぐ副業になる 手相オンライン講座についての情報も役に立つかもしれません。 商品名：すぐ副業になる 手相オンライン講座 販売商品紹介：手相をゼロから学んで副業になる！覚えなくても始められる！基本となる丘・線の解説に加え、応用力がつく読み方や豊富な実例も紹介。特典動画ではさらに学びを活用し副業にしていくための方法も解説した有料鑑定をやるための情報に特化した手相講座です。 電子書籍価格：

既存のフォームにも簡単に適用できる、各ブラウザ、各OSや各モバイルごとのフォームの異なるデザインのギャップを埋め、美しくするフレームワークを紹介します。 Formalize CSS デモページ [ad#ad-2] サポートしているOSはWindow, Mac OS X, Linux、ブラウザはIE6/7/8/9, Firefox, Chrome, Safari, Opera、モバイルはAndroid, iOS(iPhone, iPad)などです。 下記のキャプチャは、Windows XP + Firefox 3.6のものです。 他の各ブラウザやモバイルでの表示は、元記事の下部「Screenshots」に掲載されています。 Formalize CSS Formalize CSS：ノーマル時の表示

minus.com A message of simplicity.

このページで紹介するのはHTML4.01で定義されている特殊な文字です。 これらの文字を表示させるには、｢&キーワード；｣、｢&#番号；｣という2通りの記述方法があります。 キーワードは、大文字と小文字が区別されます。 ※OSやブラウザの種類・バージョン等の環境により、表示されない場合があるので注意してください。

Black and White websites has grace and class. As the age-old saying goes, sometimes less is more. This is definitely true of website designs.  Removing color from the websites means website has to rely more on website’s layout, typography and etc. A lot of people believe that website in black and white is just boring and unappealing. So here i present you with a striking showcase for your inspirat

Motoshi Goto / Freelance Web Designer and Developer from Oita, Japan.

現在業務で女性向けの情報サイトのような物を作ってるのですが、デザインで少々詰まってましまいました。情報サイトとなると自然と文字数も多くなってゴチャゴチャしがちなうえに、元々女性的なデザインを意識して行った事があまりないので中々アイデアが出てこなくて困っていました。 いつも通りGoogle先生に訪ねてみたものの、案外見つからないんですよね。どうしようかなと悶々と悩んだ末に、ググれカスと言われるのを覚悟してwdscratchのフォロワーさん達に参考になりそうなサイトを教えて頂きました。 という事で今日はGoogle先生とwdscratchのフォロワーさん達が教えてくれた女子向け情報サイトをご紹介したいと思います。 今回協力して頂いた皆さん、本当にありがとうございました。助かりました。 追記1：ひとつ掲載漏れがありましたので修正しました。 追記2：コメント欄でご紹介いただいたサイトを追加いたしま

モバイルデザインアーカイブとは？ 携帯サイトを制作する上で、「ケータイサイトを参考にしたいけど、仕事に役に立つケータイサイト集ないかなー？」と思っているデザイナーの方へ向けて公開させていただきました。 そんなモバイルデザイナーのモバイルデザイナーによるモバイルデザイナーのための国内最大の携帯サイト集です。 モバイルサイト制作を請け負ったけど、「なかなかデザインがまとまらない」「洗練 された携帯サイトのデザインを参考にしたい」といった方のために、優れたデザインの ケータイサイトを集めました。 デザインに優れた携帯サイトはもちろん、技術的に優れた携帯サイト、そして現在のウェブトレンドを捉えた携帯サイトを掲載しています。

国内外のサイトを紹介するギャラリーサイト。国別、業界・分野別、色別等、詳細なカテゴリー分けが特徴です。

本ドキュメントはtweenerの公式サイトで配布されているドキュメントを元に、Tonpoo.comが自己流で日本語化しようとしているものです。

caurina.transitions.Tweener.properties の中にある 6つのasファイルから抜き出した。 それぞれ 〜.init(); が必要。 (例: ColorShortcuts.init();) AS2, AS3共通 ———————————————————————- ■ ColorShortcuts _color_ra _color_rb _color_ga _color_gb _color_ba _color_bb _color_aa _color_ab 色　16進数形式 (0×000000〜0xFFFFFF) _color _colorTransform 明度 _brightness _tintBrightness コントラスト _contrast 色相 _hue 彩度 _saturation _dumbSaturation

お絵かきやページのちょっとしたアクセントにもぴったりな水墨画のタッチが描けるPhotoshopのブラシを紹介します。

全体的に汚した感じを演出したい時にぴったりなPhotoshopのブラシをMy Ink Blogから紹介します。

さまざまなデザインの手描き風の矢印を描くPhotoshopの無料のブラシを紹介します。 40+ Hand Drawn "Arrow" Photoshop Brushes [ad#a

商用での利用も無料のグランジ風エフェクトを描く高精細なPhotoshopのブラシ素材を紹介します。 Exclusive Freebie Pack – 25 Grunge Brushes ダウンロードで

Photoshop Brushes Series 33 ブラシは全部で20種類、ペンシル、ドライブラシ、チャコール、チョークの四種類。個人でも商用でも無料で利用できます。

Photoshop の切り抜き、選択範囲をつくるいくつかの方法をまとめてみました。記事では Photoshop CS5 を基準にしていますが、それ以外のバージョンの方は抽出フィルタなどで CS5 の機能を代替えできると思います。 Photoshop の切り抜き、みなさんどんな風にしてますか？今回紹介する切り抜きは、定番みたいなものだと思うんですけど、私の近くに Photoshop 達人がいないので聞く事もできず、もっといい方法無いのかなーなんて思ったりもしてます。この記事を読んでくれた人で、「こうした方がいいよー」とかあったらコメントいただけると嬉しいです！ また、私は今 Photoshop CS5 を使っているので、それを基準にしています。CS4 以前を使っている人は、選択範囲の調整の代わりに抽出プラグイン（フィルター → 抽出）で代替えしてみてくださいね（注意：Web 用の切り抜きを前

方眼紙がかすれたようなテクスチャも簡単にできる、汚した感じのグリッドを描くフリーのPhotoshopのブラシを紹介します。

サイト内検索 この記事は、html5doctor に掲載されている記事「HTML5 Reset Stylesheet」を日本語訳したものです。この記事では、HTML5 でマークアップしたページにも対応した、リセット・スタイルシートについて解説しています。最後に、HTML5 向けのリセット・スタイルシートもダウンロードできます。 原文タイトル HTML5 Reset Stylesheet 原文ページ URL http://html5doctor.com/html-5-reset-stylesheet/ 著者 Richard Clark 氏 原文投稿日 2009-07-27 一部、直訳ではなく意訳した部分がございます。原文と表現が異なることがございますので、ご了承ください。この本日本語訳には、翻訳上の誤りがある可能性があります。したがって、内容について一切保証をするものではありません。正確さを

Flash 4では、関数「random()」でランダムな整数を取得できましたが、Flash 5 以降ではこの関数は使用禁止となっており、「Math.random」メソッドの使用が推奨されています。(『AcrionScript リファレンスガイド』 p.324～) 「Math.random」は、0 以上 1 未満の浮動小数で結果を返します。したがって、乱数を整数で得るには、工夫が必要です。 ※「Math.random」は、0 以上 1 未満の浮動小数で結果を返します(『ActionScript リファレンスガイド』の「Math.random」の項には「0.0～1.0」とありますが、1.0「以下」ではなく ECMA 仕様にもとづき1.0「未満」です)。 結果を整数で得る 結果を整数に変換するには、2 つのメソッドが考えられます。 ひとつは、「Math.round」です。引数の数値を小数点以下四

Once upon a time, in a land of sputtering dial-up connections, websites took ages to load. Folks yearned for the 100% mark. But as soon as that figure arrived, the beloved (or bemoaned) preloader disappeared, never to be seen or heard from again. Until now. Pretty Loaded is an archive of preloaders that preload other preloaders…which in turn reveal yet more preloaders. Copy that? It’s a tribute to

なんか巷のFlasher方の間で流行ってるみたいなので、 手持ちのものをいくつかアップしておく。 探せばどっかにありそうなのばっかりだけども。 setInstanceName.jsfl 選択したステージ上の1つ、もしくは複数のムービークリップのインスタンス名をシンボル名と同じ名前に設定します。 getInstanceName.jsfl 選択したステージ上の1つ、もしくは複数のムービークリップのインスタンス名を出力パネルに表示します。 実行するとプロンプトが表示され、入力した文字を付加して表示します。 [$$]は複数行、[##]は1行で表示します。 setButtonLabel.jsfl レイヤーを追加し、そのレイヤーに _up, _over, _down, _disabled のラベルを付けたフレームを作成します。 BmpPropLosles.jsfl ライブラリ内

ソフト詳細説明 ■主な入力ファイル形式 ・フラッシュムービー(*.SWF) ・フラッシュビデオ(*.FLV/*.F4V) ・フラッシュベースのWindows用プロジェクタファイル(*.EXE) ・その他、フラッシュデータが内包されているものならなんでも 基本的にローカルに置かれているファイルが対象です。RTMPサーバーなどにおかれているものはサポートしていません。 ■出力形式 ・PCM (WAV)オーディオデータ ・ADPCMオーディオデータ (PCMにデコードして出力) ・MP3オーディオデータ ・Nellymoserオーディオデータ (PCMにデコードして出力) ・AACオーディオデータ (M4A/MP3/PCMなどで出力) ・Speexオーディオデータ (PCMにデコードして出力) ・BMP画像データ (PNG圧縮でアルファ反映) ・JPEG画像データ (PNG圧縮でアルファ反映)

Profile 小野田 智(オノダサトシ) 日本でWebデザイナーとして活動後、英語習得のために渡豪。18ヶ月の修行期間を経て帰国後、Web業界に復帰、某社にてデザイナーとして勤務中。 詳細 Recent Entries 14th June 2008 [お仕事情報] モスバーガー 新海老カツバーガー 23rd April 2008 京都八日目～旅を終えて 21st April 2008 京都六日目～七日目 19th April 2008 京都三日目～五日目 13th April 2008 京都二日目 11th April 2008 京都一日目 8th April 2008 京都へ 12th February 2008 [翻訳]コリン・ムックの「今から始める ActionScript 3.0 - WORLD WIDE TOUR」セミナースライド 久しぶりに落ち着いた週末だったので、前々から欲

Profile 小野田 智(オノダサトシ) 日本でWebデザイナーとして活動後、英語習得のために渡豪。18ヶ月の修行期間を経て帰国後、Web業界に復帰、某社にてデザイナーとして勤務中。 詳細 Recent Entries 14th June 2008 [お仕事情報] モスバーガー 新海老カツバーガー 23rd April 2008 京都八日目～旅を終えて 21st April 2008 京都六日目～七日目 19th April 2008 京都三日目～五日目 13th April 2008 京都二日目 11th April 2008 京都一日目 8th April 2008 京都へ 12th February 2008 [翻訳]コリン・ムックの「今から始める ActionScript 3.0 - WORLD WIDE TOUR」セミナースライド 食欲は徐々にですが戻りつつあります。 僕のスト

基本的なファンページの作り方を、紹介していきます。初めは基礎知識からです。 ■ 基本的なレイアウト ウェルカムページや、static FBMLなどを使い自由に変更できるコンテンツの幅は520pxです。 static FBMLとは、Facebookが開発した言語で、ファンページをカスタマイズできます。 ただし、Facebookのユーザーインターフェイスは細目に変更されるので、サイズなど変わってしまう場合もあります。注意が必要です。 ■ 意外とこだわれるプロフィール写真 　プロフィール写真は、横200px縦が600pxまで取ることができます。それ以上の大きさになると自動伸縮されます。これだけの高さを活用できるので、写真をうまく使って、表現してみるのもいいでしょう。 ちなみに、カヤック意匠部のファンページ「KayacDesignerBLOG」は、背景に溶け込むようなプロフィール写真にしています。

Deaxon's CSS playground [ad#ad-2] 下記に、CSS playgroundで掲載されているデモを紹介します。 これからもどんどん増えるといいなあ。 ※デモを楽しむには、Chromeでご覧ください。

CSS3 Cookbook: 7 Super Easy CSS Recipes to Copy and Paste [ad#ad-2] 対応ブラウザはCSS3を使用しているため、CSS3をサポートしているブラウザのみで、一部のものはWebkit系（Chrome, Safari）のみとなっています。 Letterpress（レタープレス） Small Caps（スモールキャピタル） CSS Coupon（クーポン券） Stitched（ステッチ） Gloss（グロス） Stroked Text & @font-face（@font-faceを使ったストローク） Double Stroked Text（二重のストローク） Letterpress（レタープレス） レタープレスのエフェクトには、3つのカラーが必要です、背景のbackground、テキストのcolor、テキストの影のtext-sha

CSS3の角丸、テキストシャドウ、ボックスシャドウ、RGBA、グラデーションなどを効果的に使用したサイトをSix Revisionsから紹介します。

======================================================================== Facebookページ専用のスマートフォンアプリを作成するサービス 「Agile Sloth FBPage」を開始しました。 ======================================================================== スマートフォンアプリを手がけるイサナドットネット株式会社（本社：東京都渋谷区　代表取締役社長：石谷伊左奈　以下、当社）は、Facebookページ（旧ファンページ）の専用のスマートフォンアプリを作成するサービス、「Agile Sloth FBPage」を開始しました。 1.商品の特徴 自社ブランドのFacebookスマートフォンアプリを配布できます！ 短納期。最短で3営業日で納品可

As any designer knows Adobe Illustrator is an extremely effective tool. The ability to easily resize without loosing quality is critical. From popular demand we decided to collect some of the best/useful vector brushes. Its time for you to spice up your Illustrators brush collection.  This roundup includes a variety of brushes like watercolor, floral, scatter, paint, halftone, and much more. All t

Another CSS framework?! Yup, ’fraid so, but this one’s different… It combines years of my best dev tips, tricks and practices in one handy file. inuit.css keywords Progressive Flexible Mobile Tablet Sensible Extensible Accessible Pragmatic Functional Useful Production-ready More What does it do? Mobile & tablet… inuit.css is built to work on smaller screens (such as tablets) and tiny screens (such

FrameGen is a powerful application designed to streamline the process of creating xcarchive files from your xcodeproj projects. With an intuitive user interface and a wide range of functional capab...