ゼロからはじめるHTML5でのサイト制作／最終回 ほとんどのCSSを変えずにxhtmlとHTML5で同じレイアウトを作成してみよう - MdN Design Interactive
前回までの記事で簡単なレイアウトを作成して、xhtmlとHTML5でマークアップしたものからHTML5の新要素の説明を行い、アウトラインを確認してみました。最終回となる今回はxhtmlとHTML5のCSSをほとんど変えずに同じレイアウトになるように作成してみたいと思います。 HTML5でCSSを設定する場合は新要素に対応していないブラウザに対してどうするのか。まだ確定していないHTML5の要素が変更になった場合を考慮して、スタイルの設定を考えた方が後々の大きな修正を回避できるのでベターです。ただ今回のレイアウトはほとんど同じCSSを使うということで作成するので、多少気になる部分もあるかと思いますが、ひとつの例として見ていただければと思います。 解説：（有）ムーニーワークス 林 豊／田崎一成 前回まででアウトラインを確認したそれぞれのマークアップしたページのサンプルこちらにあります。 ●HT
MdN Design｜総合情報サイト
作業効率がアップする隠れた使い方教えます！ WEB制作、プロの無料サービス活用術 ──サイトチェックに使えるツール（1） クラウド隆盛の昨今、ソフトウエアと同等か、それ以上に便利な機能を持ったオンラインサービス／ツールが豊富に取りそろってきた。本記事では、オンラインサービスの中でも無料利用が可能なものを選りすぐり、Web制作を6つのシーンに分類してより快適に作業するための82の活用術を紹介する。Webサイトが完成しても即納品というわけにはいかない。不具合がないかを検証することもWeb制作の一部といっても過言ではない。ここではチェックツール活用例を紹介する。 ■バックナンバー 第1回 デザインに使えるツール（1）はこちら 第2回 デザインに使えるツール（2）はこちら 第3回 デザインに使えるツール（3）はこちら 第4回 コーディングに使えるツール（1）はこちら 第5回 コーディングに使えるツ
WEB制作、プロの無料サービス活用術 第1回 - MdN Design Interactive
作業効率がアップする隠れた使い方教えます！ WEB制作、プロの無料サービス活用術 ──デザインに使えるツール（1） クラウド隆盛の昨今、ソフトウエアと同等か、それ以上に便利な機能を持ったオンラインサービス／ツールが豊富に取りそろってきた。本記事では、オンラインサービスの中でも無料利用が可能なものを選りすぐり、Web制作を6つのシーンに分類してより快適に作業するための 82の活用術の中から、Web制作に使えるデザインに特化した無料オンラインツールの活用法を13点紹介する。デザインの幅を広げ、Webサイトの質を高める実践方法を試してほしい。 Tweet [technique 01] オンラインで本格的な画像編集をする 「pixlr」 [technique 02] 繰り返し用の背景画像を作成する 「Tiled backgrounds designer」 [technique 03] カラーパター
手軽にWebを彩るCSSコーディングテクニック50 - 海外デザイン事情第7回 - MdN Design Interactive
第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
応募書類・つくり方のポイント - MdN Design Interactive
このコーナーでは、Web業界でのクリエイティブ職の就職・転職を成功させるため、応募書類（履歴書・職務経歴書・作品集など）のつくり方にスポットをあてて紹介しましょう。未経験者の方でも、ご安心ください。初めての業界であっても、前職でどのような仕事をしてきたか、その経験をどう活かそうとしているか……そういった前向きな姿勢がアプローチできる書類のつくり方をみていきましょう。 どんな就職や転職でも、まず必要なのは「履歴書」。企業はこれを基にあなたを判断していきます。「簡潔に見やすく、ていねいに書くこと」や「写真はスナップ写真やスピード写真ではなく、写真店でちゃんと撮ったものを」など、一般常識として知られていることは、ここではあえて触れません。異業種・異業界からの転職でも通用する、気をつけるべきポイントを紹介しましょう。 職歴欄には具体的な職務内容まで書きこむこと 履歴書と同時に職務経歴書を提出する場
ライブトレースでつくる鮮やかなイメージ - MdN Design Interactive
1-1 1-2 まず、Illustratorの新規ファイルを作成し、ファイルメニュー→“配置...”で写真を配置する。次に、塗りをなしとして長方形ツールで120×120mmの正方形のオブジェクトを描く1-1。ここですべてを選択したら、オブジェクトメニュー→“クリッピングマスク”→“作成”でマスク処理を施した1-2。 2-1 （クリックで大きくなります） 2-2 ダイレクト選択ツールで写真を選択し、オブジェクトメニュー→“ライブトレース”→“トレースオプション...”で、トレースオプションダイアログを表示。ここで、［カラーモード：カラー］、［最大カラー数：3］に設定する2-1。このとき、［プレビュー］にチェックを入れてトレース結果を確認しながら作業を進めるとよいだろう。続いて［トレース］をクリックし、オブジェクトメニュー→“ライブトレース”→“拡張”で画像をパスデータに変換する2-2。 3-
Webデザインとグラフィックの総合情報サイト - MdN Interactive - Flashスキルアップ講座
Copyright © 2010-17 MdN Corporation, an Impress Group company. All rights reserved. デザインってオモシロイ -MdN Design Interactive-
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
MdN Design｜総合情報サイト
Webデザインとグラフィックの総合情報サイト - MdN Interactive - Webデザイン超基本のお作法50選