画像を簡単に中央寄せする | tyto-style
ホームページを作成していると、画像を中央に寄せたいと思うことがよくあります。 意外とブロック要素で括ってtext-align属性で中央寄せをしている方も多いようですので、今回は簡単に画像を中央寄せ（左寄せ・右寄せ）する方法を紹介します。 text-align属性で中央寄せ まず先に紹介した「text-align属性で中央寄せ」ですが、例えば以下のようなhtmlの場合があります。 <div> <p><img src="画像のパス" alt="画像の代替文" /></p> <p>サンプルテキスト。サンプルテキスト</p> </div> このとき、CSSは以下のようになりますね div p{ text-align:center; } しかし、これだと、画像の下の<p>サンプルテキスト。サンプルテキスト</p>まで中央によってしまいます。これを避けるには、img要素を括っているp要素にid/cla
JavaScriptでとっても滑らか！画像切替のシンプルな技 (1/5)
「優れたデザインのWebサイトを探したい」。そんなときに役立つのが、Webデザインのギャラリーサイトです。美しいWebサイトのサムネイル画像がずらっと並ぶギャラリーは眺めているだけでも楽しく、新しいデザインのアイデアを考える刺激を与えてくれます。 「cssfights.com」もそうしたギャラリーサイトの1つですが、ユニークなのはWebサイトを“対決させる”というコンセプト。cssfights.comのトップページには2つのWebサイトのサムネイルが表示され、好みのサイトを選ぶよう促されます。ギャラリーページは、この対決の戦績（投票結果）順にWebサイト名が並んでいるので、いまどういったデザインが好まれているのか、一目で分かる作りです。 今回は、このcssfights.comの“技”をお手本とさせてもらいましょう。 今回のお手本サイト：『cssfights.com』 優れたレイアウト／デザ
もうFLASHはいらない！？画像切替えJavaScript「jQuery
twitter facebook hatena google pocket FLASHを使用して画像を印象的に切り替える手法がWEBマガジンなどでは多く見られます。 でもそれFLASHじゃなくてもよくない？ JavaScriptライブラリのjQueryを利用した「jQuery "Feature Carousel" plug-in 」なら、いちいちフラッシャーに直させたり、よくわからないxmlを書き換える必要もありません。 sponsors 使用方法 jQuery "Feature Carousel" plug-in からファイル一式をダウンロードします。 <link rel="stylesheet" type="text/css" href="featureCarousel.css"> <script type="text/javascript" src="jquery-1.4.2.min
PHOTO STOCKER – 高解像度フリー写真素材_商用可能
春山 有由希 / ハルヤマ ユウキ UX / UI Design HTML / CSS Graphic Design Photography Designer & Front-end developer 福岡でプログラマとして就職後、Web制作会社に転職し、デザイナーになりました。 ECサイト、テレビ局や番組サイトのデザイン、執筆や講師業などで経験を積んだのち上京し、株式会社Fablicで フリマアプリ フリル（現ラクマ）のUI/UXデザインを担当。 その後、楽天株式会社でデザインチームマネージャを担当したのち、 フリーランスのデザイナーを経て、現在は株式会社スマートバンクでデザイナーをしています。 MORE PROFILE
ディザ - Wikipedia
ディザ（Dither）とは、量子化誤差（端数）を、単純に丸めるのではなく、全体の量子化誤差が最小化するよう確率を調整して切り捨てまたは切り上げのどちらかをランダムにおこなうためによるゆらぎのことである。そのような一種のノイズ的データを追加する作業および技法はディザリング（Dithering）またはディザ法と呼ばれる。誤差を周囲のデータに拡散する手法をも含めて言うこともある。ディザリングは、デジタル音響やデジタル動画のデータを処理する際に普通に行われ、CDの制作でも最終段階でよく行われている。 用語 "dither" の起源[編集] […] ディザの最初期の使用例は第二次大戦に登場した。航空爆撃機では機械式計算機を用いて航行と爆弾の軌道計算を行っていた。面白いことに、こうした計算機 (＝数百の歯車が詰まった箱) は、航空機に乗せて飛んだ状態の方が計算精度が高く、地上では劣っていた。技術者たち
Illustrator実践講座-Web
Movable type-ベースにページを切り替えました 新しいページはこちらをご覧下さい。或いはHOMEから入って下さい 現在表示のページは、低解像度（狭い）モニタ用に残して有ります Webは、印刷用ドキュメントと違い、「用紙サイズ」と言う概念はあまり有りません。 ■ Web画像の書き出し範囲 ■ クリッピングマスクの問題 Illustratorで画像（オブジェクト）を作成し、「Web用に保存（CS2迄）」「Web 及びデバイス用に保存（CS3以降）」した場合、アートボード上の全てのオブジェクトが書き出されます。 場合によっては、邪魔なもの（孤立点）、必要の無いオブジェクトなどが含まれることが有ります。 画面上で必要な領域だけを選択（切り取って）、Web用に保存する問題について検証します。 特に問題になるのが 「クリッピングマスク」処理をしたオブジェクトでしょう。 「Web用に保存」した
フリー写真素材 Futta.NET - 無料の風景フリー画像
フリー写真素材として使える無料風景画像を3000枚ダウンロードできます。著作権フリー画像に相当し、あらゆる用途に自由に利用できます。 3000枚のフリー写真素材集 ようこそ 日本・海外旅行などでデジカメ撮影された写真素材をフリー(無料)で3000枚配布しています。 風景の写真がメインで、「外国の観光名所(世界遺産都市)、日本の街中の風景、自然風景」などの高解像度画像があります。 著作権フリーに相当し、無料で「デスクトップ壁紙、Web・ホームページ、背景・イメージ、印刷(年賀状)、商用」等に使えます。 ダウンロードできる種類 A.未加工写真：高解像度、中解像度、サムネイルの3種類があります。 B.デスクトップ壁紙：ご使用中のディスプレイ用に自動サイズ変更されたフォトを生成できます。 C.のべ30万枚以上の画像素材：「フレーム追加、イラスト化、バナー変換」等、100種類以上に1クリック編集でき
画像写真素材 足成
「写真素材 足成」は、全国のアマチュアカメラマンが撮影した写真を、写真素材として無料で提供しています。個人、商用を問わず全て無料でお使い頂け、その上、煩わしいクレジットやリンクの表記、ユーザー登録は一切不要。Web、紙、動画他、あらゆる媒体で写真素材としてのご利用が可能です。更新も365日毎日行っております！
使える写真ギャラリーSothei(そザい)について
写真の無料配布と販売『使える写真ギャラリーSothei（そザい）』は、プロの写真を提供中です。 提供している写真は、映像術のスタッフの作品のため、著作権トラブルの心配がありません。 小さい画像の無料配布 大きい画像の販売 観賞用プリント写真の販売 小さい画像の無料配布 JPEGファイルを著作権フリー素材として配布中です。 「著作権フリー」とは、権利放棄ではなく、利用を許諾するという意味です。 利用ルールと免責事項をご了承いただければ、ダウンロードして無料で使えます。商用/ビジネス利用も可能です。 無料画像トップページ 無料画像を何に使える？（利用例） 宣伝のお願い
フリー写真素材・無料画像 - フリー素材屋Hoshino
当カテゴリでは、空や雲、森や木、川や海、草花等の自然素材を中心に、街、夜景、ビル、オブジェ等の人工素材まで、フリー素材屋Hoshinoオリジナルの写真素材を全て無料で配布しております。加工等自由ですので、是非ホームページ作成の際等にお役立て下さい。既に加工してあるボタン・バナー素材等をお探しの方は「フリーイメージ素材」をご覧になって下さい。 また、ホームページ作成に便利な、WEBデザインテンプレート（HTML・CSSのセット）も、無料で配布しておりますので、是非ご利用ください。＞＞WEBデザインテンプレート ※商用目的で写真素材をご使用される場合、被写体に関する著作権には十分ご注意ください。 また、ダウンロードされる際は必ず「ご利用規約」をお読みになってください。
プロカメラマンのフリー写真素材 無料画像素材のプロ・フォト
プロカメラマンの 無料写真素材・フリー画像 Pro.foto（プロ ドット フォト）では、 雑誌・出版業界や広告業界などで活躍している プロカメラマンが 撮影した高品質の写真素材を 無料のフリー素材として公開しています。 Pro.foto（プロ ドット フォト）では、雑誌・出版業界や広告業界などで活躍しているプロカメラマンが撮影した高品質の写真素材を無料のフリー素材として公開しています。 商業デザインなどの商用利用も可能な高解像度の無料画像がフリー素材として今すぐ無料でダウンロードできます。 Pro.foto のフリー写真素材は、ご利用規約の範囲内で、商業印刷・DTPのデザイン素材をはじめ、年賀状や暑中見舞い、ホームページ・WebサイトのWeb制作素材、販促用の広告素材、出版物・冊子の挿絵、TV番組やCMの映像素材、店舗や看板の装飾素材などにフリー素材として画像のトリミングや合成など、自由
ゆんフリー写真素材集
写真素材集ｈｐへようこそ。約20000枚、最大600メガピクセル（デジカメ100枚分）クラスの超高解像度 無料写真素材画像サイトです。この写真素材画像は商用利用、加工を含めてフリー（無料）です。 風景、花、かわいい写真がありますので、hpの背景壁紙画像やイラストの背景、携帯待受画像などにどうぞ。利用にあたっては条件を御読みください。 入り口は→こちら ワールドワイドで活用されています 世界の200の国と地域から月間30万人、200万PVの利用をされています。 メジャーなアーティストシーンで活用されています 平原綾香さんの「心」という曲のプロモーションビデオのオープニング画像としても使われています。 NHK、フジテレビ、TBS、テレビ朝日、TV東京などのキー局のドラマ、クイズ番組やCATV、コマーシャルフィルムで利用されています。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://kb2.adobe.com/jp/cps/586/5862.html
[CG Textures] - The worlds largest free texture site![[CG Textures] - The worlds largest free texture site](https://cdn-ak-scissors.b.st-hatena.com/image/square/0eda3a1dee04166bde738ce6866cf1f0723cd93c/height=288;version=1;width=512/https%3A%2F%2Fwww.textures.com%2Fimages%2Ffacebook_generic_share.jpg%3Fv%3D5)