『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
ネット上で何かと比較されがちな、FlashとHTML5。 どちらに、どんな利点があるのか。それぞれを使い動画にしてみました。 最近、日本のインターネット業界の一部で英語が流行っているため、 海外の方にも見ていただけたらと思い、英語の字幕・音声も用意いたしました。 ネット上で、いつも勉強で使わせていただいているソース共有サイトに、 微力ながら協力したいと思い、後日、wonderfl・jsdo.it・AEP Projectに、 一部工夫した点など、アップできたらと思います。 このサイトを作るにあたり、 HTML5の概要などは、 HTML5 & The Web Platform FlashとHTML5の関係や、考え方などについては、 ClockMakerさんの、Flashだとここまでできる! HTML5とFlashの機能比較 HTML5の楽しさや、作るきっかけ、作り方などは、 .3さんのHTML
第7回「手軽にWebを彩るCSSコーディングテクニック50」 2010年03月15日 基本的なCSSを使ったWeb制作はそれほど難しくないが、より高いレベルのデザインを実現しようとすると、難易度はグッと上昇する。そんなときは、世界中のデザイナーやデベロッパーが提供しているCSSテクニックを使ってみるとよいだろう。ここでは、世界各国のデザイナーやデベロッパーが紹介している、ビジュアル表現やレイアウトなどを中心としたCSSのコーディングテクニックを紹介していこう。 翻訳元サイト:Smashing Magazine http://www.smashingmagazine.com/ 原文:50 Useful Coding Techniques (CSS Layouts, Visual Effects and Forms) http://www.smashingmagazine.com/2010/0
The term electronic commerce (commonly known as e-shopping, E-commerce) meant the process of execution of commercial transactions electronically with the help of the leading technologies such as Electronic Data Interchange (EDI) and Electronic Funds Transfer (EFT) which gave an opportunity for users to exchange business information and do electronic transactions. E-Commerce are becoming very popul
検索キーワードを調べるツールまとめ キーワードを調べる決定版「Google キーワード プランナー」 Googleが運営するキーワードツールで、おおよその月間検索数や競合性が高いかどうかを調べることができます。 キーワードリストをダウンロードしておいて、そこから作る記事を考えるのが効率的。 一定の広告料を使わないと細かな数値は分かりませんが、Googleのデータを元に記事タイトルを決められるので、使ってない人は絶対使っておきましょう。 Googleキーワードプランナー キーワードの組み合わせが分かる「ラッコキーワード」 キーワードの組み合わせを探せるアドバイスツール。 Googleのキーワードプランナーほど細かなデータは分かりませんが、シンプルで使いやすいツールです。 ラッコキーワード 検索順位を調べるツールまとめ 業者も使う順位チェックツール「GRC」 他のツールだと毎回キーワードを入力
Googleの表示速度の速さの秘密に、コネクションを極力減らすということがある。それが複数の画像を一つにまとめてしまい、CSSのポジションをずらすことで表示するという手法だ。これを使うと画像のダウンロードは一回で済むのでコネクションが少なくて済む。 実際、検索結果のGoogleロゴを見ると、複数の画像が混ざった結果なのに気づくはずだ。これをやるのは非常に面倒に感じるだろう。だが、小さなアイコンなどはこういう手法をとればサイトの負荷軽減、高速化につながる。それを手軽に実現できるのがこのソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはCSS Sprite Generator、CSSによる画像分割補助ソフトウェアだ。 CSS Sprite Generatorは複数の画像をZipで固めてアップロードすると、その画像を連結し、さらに表示するためのCSSを生成してくれる。これを使えばまさに
Webサイトを作る際に気にしたいのがHTMLやCSSなどが正しく記述されているかどうかです。いくつかのWebブラウザで表示をチェックするだけでなく、HTMLやCSSのタグや用法があっているかもチェックしてこそプロの仕事。 そうしたチェックにはValidator(バリデータ)がよく使われていました。W3Cの「Markup Validation Service」や「Another HTML-lint gateway」などが有名なところです。しかし、多くのバリデータはHTML、あるいはCSSなどに機能が絞られており、Webサイト全体のチェックには複数のバリデータを利用しなければなりませんでした。 W3Cから新しく登場したバリデータの「Unicorn - W3C 統合検証サービス」は、HTML/CSS/RSS/ATOMなどWebサイトの主要なマークアップをまとめてチェックしてくれる便利なサービスで
ZURB ? Interaction Design and Design Strategy 軽量のイメージスライダー実装jQueryプラグイン「Orbit」。 わずか2.8KBというサイズでクールな動作をするイメージスライダーの実装が可能です。 実装方法は必要なJS, CSSを読み込んだ後に、<div>の中に<img>タグを並べるだけです。title、altタグにキャプションを設定しておけば下に表示されます。 実装が超簡単かつ軽量ということでいい感じです。 関連エントリ Flickr風のイメージスライダーを作ってみよう JavaScript製の画像スライダー・ギャラリーいろいろ クールに動作するスライダーを実現するJSライブラリ「Start/Stop Slider」
Inspiration 35 Inspiring Design and Development Related Event Websites Gisele MullerSeptember 13, 201010 Comments05.9k We decided to put together a somewhat different list of inspiring websites. We’re featuring upcoming design, artistic and development related events and conferences websites. The idea is not only to show you ‘beautiful and well designed’ websites but also conferences, talks and pl
Recently I have been asked by my client to some custom styling on form elements. As you know we have no issues (well, at least no major issues) when it comes to prettifying input fields, text areas and buttons. But the form I needed to apply custom design to contained couple of select elements. Now this is something that's not that simple. I always aim for the simplest solutions possible in everyt
Icons are very essential in almost any web project. Effective use of icons can easily help bridge connection between the user and the website. Websites, specially corporate and business, normally use simple and clean icons to represent their idea behind a service, product or intent. To continue our grateful attitude to our readers and community in general, we are glad to release yet another qualit
li > a" data-ddst-label="Navigation Items" data-ddst-no-support="background,border"> li > a" data-ddst-label="Navigation Items" data-ddst-no-support="background,border"> Home Categories Tutorials Resources Inspiration Freelance Interviews Design Freebies About Contact Advertise With Us Write For Us Contact
サイト内検索 この記事は、html5doctor に掲載されている記事「Why designers should care about HTML5」を日本語訳したものです。 原文タイトル Why designers should care about HTML5 原文ページ URL http://html5doctor.com/why-designers-should-care-about-html5/ 著者 Cennydd Bowles 氏 原文投稿日 2009-10-14 一部、直訳ではなく意訳した部分がございます。原文と表現が異なることがございますので、ご了承ください。この本日本語訳には、翻訳上の誤りがある可能性があります。したがって、内容について一切保証をするものではありません。正確さを求める場合には、必ず各記事の原文を参照してください。当方は、この文書によって利用者が被るいかなる
Today, we present 50 impressive examples of single page websites for your inspiration. Your Web Designer Toolbox Unlimited Downloads: 500,000+ Web Templates, Icon Sets, Themes & Design Assets DOWNLOAD NOW 1. Wingmen 2. Bread Design 3. For Better Coffee 4. Lionel Durimel 5. Porschevolution 6. Send a Message 7. Parabellum 8. Google Venture 9. Shopify 10. The Art of Texture 11. Blinc Agency 12. KitKa
写真やイラストの画像をカンバスに描いたようにするPhotoshopのチュートリアルを紹介します。 また、チュートリアルのアクションを作成したので、よければどうぞ。 元画像、左:イラスト(©みなぎあき)、右:写真 [ad#ad-2] 以下に紹介するチュートリアルは、下記ページを元にしたものです。 Canvas Texture Imitation Step 1. 元画像の調整:ノイズ 画像をPhotoshopで開き、そのレイヤーを複製([Ctrl]+[J])します。 複製したレイヤーを指定し、[イメージ]-[色調補正]-[色相・彩度]を選択し彩度を少し下げた後、レイヤーの不透明度を「70%」にします。 複製したレイヤーと元のレイヤーを結合し、[フィルター]-[ノイズ]-[ノイズを加える]を選択し、量を「10%」にして「OK」ボタンをクリックします。
W3CでのHTML5の議論が、ラストコール(最終草案)に向けて具体的に動き始めました。 W3CのHTMLワーキンググループでチェア(議長)の一人であるMaciej Stachowiak氏は、9月7日付けでHTMLワーキンググループのメーリングリストに「Timeline to Last Call」というメールをポストし、ラストコールに向けた工程表を明らかにしました。 Timeline to Last Call from Maciej Stachowiak on 2010-09-08 ([email protected] from September 2010) これによりHTML5について機能追加や変更の議論が収束することになります。 ただし、W3CではCanvasやWeb Storageなどの多くの機能がHTML5の関連仕様として分離され議論されているので、それらについての議論は継続するは
MTをサイト構築に採用するケースは非常に多いと思いますが、WordPressをサイト構築に採用するケースは少ないんじゃないでしょうか? 確かにWordPress単体ではCMSとしてはちょっと足りない機能が多いです。そこでWordPressをブログではなくCMSとしてサイトを構築をするときに便利なプラグインを紹介します。(というかただの個人的なまとめです。) Custom Field GUI Utility カスタムフィールドを便利に使うプラグイン。 これはかなりおすすめというかCMSとして使う場合は必須と言えるくらい便利。 MTにはカスタムフィールドという便利なものがあります。 WordPressにも一応あるにはあるんですがこれが使いにくい… そんな不満を解決してくれるプラグイン。 Light Formatter テーブルをPukiWiki記法のように書くことができるようになるプラグイン。
毎日はたらくかあさん、のなかです 日本には何万ものECサイトがあります。サイトで購入する側のみなさんもいれば、サイトを運営、毎日必死に新商品をアップしているみなさんも同じ数だけいますよね。 そんな、ECサイト運営・更新担当者に、ちょっとだけ画像管理の小技をご紹介しま~す 大量の画像を簡単に“お安く”管理 ECサイト運営は、毎日多くの新商品の写真(画像)を撮影、それを加工、サイトにアップ。 そうして日々増えていく写真の管理には、googleが無料で提供している多機能な画像管理ソフト「Picasa」がオススメです。 「Picasa」のいいところ 無料。そしてすぐに使える。 画像の整理、追加がカンタン 画像の加工もできる 画像をWEBやメールにも送れる と、Picasaは、無料で多機能で、かつ操作もシンプルで、個人レベルでの使用だけでなく、会社でも使えるソフトです。 Picasaの多機能ぶりは、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く