『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
jQuery基礎文法最速マスター はやっているようなのでまとめてみたいと思います。 jQueryの読み込み Google AJAX Libraries APIで簡単に読み込めます。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> jQueryの記述場所 基本的にはscript要素内の次の箇所に記述していきます。 <script type="text/javascript"> $(function(){ /*ここにjQueryを記述*/ }) </script> 上のコードは$(document).ready()のショートカットなので、次のように書いても大丈夫です。 <script type="text/javascri
誰にでも出来ると言うと少し語弊があるかもしれませんが、難しい知識は一切必要なくWordPressに初めて触れる方でも実行可能なブログのカスタマイズによるSEO対策についてまとめてみます。 さすがにWordPressのインストール方法から説明するわけにも行かないので、インストール後の基本設定から説明します。 基本設定 デザインテーマ 最初からインストールされているテーマはあまりにも味気ないので無料テーマを使用すると良いでしょう。WordPressの公式サイトには沢山の無料テーマがあります。 テーマをダウンロード(使用したいテーマを選択しDownloadをクリック) 解凍したファイルを/wp-content/themes/にアップロード 外観⇒テーマ⇒使用したいテーマを選択⇒使用するをクリック 無料テーマを選ぶ際の注意点は、Defaultテーマのような個別記事を表示した時にサイドバーが表示され
GoogleChromeでブラウジング している時に良く使っているショート カットキーをご紹介します。基本的 には左手でショートカットキーを使う ので良く使うのも左手で出来るもの が中心となっています。「そんなの 基本じゃん」という方はスルーの方向で・・ 使い易さ等は個人差が生じるので参考程度という事で。。。WindowsユーザーなのでWindowsでのショートカットになります。 コピー(Ctrl+C)、ペースト(Ctrl+V)、切り取り(Ctrl+X)、undo(Ctrl+Z)、全選択(Ctrl+A)、Ctrl+マウスの上下でページの拡大縮小などなど基本的なショートカットは割愛します。 [note]一応キーボードの画像を載せますが、キーの場所は共通ではありませんので参考イメージとしてご覧下さい。[/note] リロード Ctrl+R ページをリロードします。Fxでも使っていました。F5で
こんにちは、livedoor Blog担当の坪田です。 以前に「HTMLタグを使わないSEOの話」というエントリーがありましたが、今回は新規ウェブサイト立ち上げ時や、リニューアル時に押さえておきたいSEO対策をまとめてみました。 「SEO」は、多くのマーケティング担当者を魅了し、盲目にさせてきました。 私も何か有効な手段はないものかと、ティッカーに「SEO」の文字が表示される度にクリックしては、とりつかれた様にブックマークしていました。 経験のある方も多いと思いますが、SEO について調べると情報が膨大すぎて正しい答えが見つかりません。というよりもその時・サイトに応じてケースが異なるため、「どうすれば順位があがるのか?」という知りたいことの結論がでないのです。 私は、基本的な施策を忠実に行い地道な効果測定の繰り返しを行うことが、上位表示の秘訣だと考えています。ただ、SEO 対策は長期的な運
Creative 3D Layout 立体的にクールにデザインされたWEBレイアウトのPSDが配布されています。 次のような平面と思いきやヘッダーのナビゲーションにアイコンを並べて立体的にしたデザインがPSDファイルでダウンロード可能です 単にアイコンでナビゲーションするだけではなく立体的にしてわかりやすくなってますね。 綺麗にレイヤーごとに分かれています。 関連エントリ プロレベルのPhotoshopチュートリアル集 2009年の凄いPhotoshopチュートリアル100種 ボタン作成のPhotoshopチュートリアル集
写真の主題を引き立たせるために使用される「ボケ」をウェブデザインにとりいれるためのスタディをPSDFanから紹介します。 Inspirational Examples of the Bokeh Effect 以下、各ポイントを意訳したものです。 ボケとは ボケの実例 デジタルアートでのボケ ウェブデザインでのボケ ボケのチュートリアル ボケとは ボケとは、写真撮影の際にレンズを利用して光の焦点をぼかしたものです。このボケは、レンズによってもさまざまなものを楽しむことができます。 通常、ボケは主題を引き立たせるために使用されるもので、主題以外のものをぼんやりとさせます。 ボケの実例 写真撮影でのボケを実際に見てみます。
Guides, HowTos and Tips for Technology Geeks - The Geek Stuff ブックマークしておいたサイトやページにアクセスしたら、そのサイトがアクセスできない状況になっていた、または対象のサイトやページが消えていた、というのはままある話だ。しかしそのサイトやページに掲載されていた情報が必要な場合、これでは困る。The Geek StuffにおいてGone in 60 Seconds ? Find Disappeared Internet Pagesのタイトルのもと、消えたページのデータにアクセスする3つの方法と、あらかじめローカルに保存するための1つの方法が紹介されている。実際に役立つテクニックとして興味深い。紹介されているテクニックは次のとおり。 1. Googleキャッシュを利用する キャッシュを指定して検索を実施 キャッシュデータから表
第5回「パワフルなCSS/JavaScriptテクニック45」 2010年01月25日 翻訳元サイト:Smashing Magazine http://www.smashingmagazine.com/ 原文:45 Powerful CSS/JavaScript-Techniques http://www.smashingmagazine.com/2010/01/12/45-powerful-css-javascript-techniques/ 著者:Smashing Editorial 翻訳:中野恵美子 ※本記事は「Smashing Magazine」様より許可を得て翻訳、掲載しています CSSやJavaScriptはデザイナーやディベロッパーにとって、極めてパワフルなツールだ。しかし、使いこなすためのアイデアを得るのはなかなか難しい。ただ、デザイナーやディベロッパーはほとんど毎日、新し
はい、シーブレインの toyama でございます! 今日は Firetuts.com さんのチュートリアルをやってみたいと思います。 テキストオブジェクトを立体っぽくみせる技です。 1. 文字を打ってナナメに 文字を45度回転させた後、新しい高さの 50% を引いた数をオブジェクトの高さとして入力してあげると、いい感じに奥行き感が出ます。 2. 文字に白い縁取りを 別になくてもいいですが、ここはチュートリアル通りに。縁取り線をつける場合は、[塗りをストロークに重ねる]にチェックをいれるのが好みです。塗り部分と線部分の間に変な隙間ができなくなります。 アウトライン化してグループ化しておきましょう。 3. 立体感を出すフチを作る 本日のキモその 1 。オブジェクトを選択した状態で、[フィルタ]→[シャドウとグロー]→[ソリッドシャドウ]を選択。こんな効果があったのか… 角度と距離、色をを適宜設
2013年3月23日 インスピレーション アール・ヌーヴォー様式を代表するグラフィックデザイナー、アルフォンス・マリア・ミュシャ(Alfons Maria Mucha)。美しい女性やきらびやかな装飾類、花、華麗な曲線を使用したデザインが特徴で、生涯を閉じた今も多くの人を魅了し続けています。今回は私の大好きな彼の作品を紹介してみようと思います! ↑私が10年以上利用している会計ソフト! ミュシャの作品の特徴 女性と花 彼の作品の多くは女性をメインに花とともに描かれています。髪に飾ったり画面に花をちりばめたり。画家というよりもグラフィックデザイナー・イラストレーターとして活躍していたため、対象物を非常に鮮明に描いています。背景には暗色の幾何学模様や草花を、メインとなる女性には明るい色を使い、どこに焦点をあてているかがわかりやすい。 背景の模様 背景にはアール・ヌーヴォーの特徴である草花と曲線に
Captcha security check coolcoding.com is for sale Please prove you're not a robot View Price Processing
年代物の羊皮紙のパーチメントに刻印したように描くPhotoshopのチュートリアルをPhotoshop Starから紹介します。
オンラインストアでの注文やフォームなどで、ユーザーの進捗を明示するプログレストラッカーの概要や特長、実装例、よくある間違いなどをSmashing Magazineから紹介します。 Progress Trackers in Web Design: Examples and Best Practices 以下はそのポイントを意訳したものです。 1. プログレストラッカーとは? 2. プログレストラッカーとパンくずの相違点 3. プログレストラッカーの活用 4. プログレストラッカーのベストプラクティス 5. プログレストラッカーの実装 6. プログレストラッカーのよくある間違い 7. プログレストラッカーのショーケース 1. プログレストラッカーとは? プログレストラッカーとは進捗を明示するもので、複数のステップがあるプロセスを完了するためにユーザーの手助けとなるものです。 オンラインのプロダ
スパイスラボ神部です。 mixi ボイスがリリースされましたね。音声的なサービスかと思いきや、mixiエコー+公開範囲設定という感じでした。携帯にもデフォルトで対応しています。 軽く調べただけですが、機能が似ているといってもメディアとしては全然別物ですね、これ。 mixiボイスと Twitter の相違点 かんたんに、mixi ボイスと Twitter の相違点をあげておきます。Twitter、mixi ボイスの順番に紹介します。 フレンド数 Twitter → 上限無し?(少なくとも数十万アカウントのものは確認されている。片方フォローでOK) mixi ボイス → 1000人(マイミク数の上限に依存。相互承認のマイミクになる必要があり)。 公開範囲 Twitter → 基本的に全公開。API も公開されマッシュアップコンテンツあり。 mixi ボイス → デフォルトは全体公開なのだが、マ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く