Akinekoのブックマーク - はてなブックマーク

MdN Design｜総合情報サイト

作業効率がアップする隠れた使い方教えます！ WEB制作、プロの無料サービス活用術 ──サイトチェックに使えるツール（1）クラウド隆盛の昨今、ソフトウエアと同等か、それ以上に便利な機能を持ったオンラインサービス／ツールが豊富に取りそろってきた。本記事では、オンラインサービスの中でも無料利用が可能なものを選りすぐり、Web制作を6つのシーンに分類してより快適に作業するための82の活用術を紹介する。Webサイトが完成しても即納品というわけにはいかない。不具合がないかを検証することもWeb制作の一部といっても過言ではない。ここではチェックツール活用例を紹介する。 ■バックナンバー第1回　デザインに使えるツール（1）はこちら第2回　デザインに使えるツール（2）はこちら第3回　デザインに使えるツール（3）はこちら第4回　コーディングに使えるツール（1）はこちら第5回　コーディングに使えるツ

Akineko 2010/10/05

*Web制作

リンク

MdN Design｜総合情報サイト

スタイルの付与・常套テクニックを使う CSSを分けて記述する次にスタイルを定義していく。このようにシンプルなデザインの場合は、常套（じょうとう）的に使われているテクニックで効率的に制作できる。 CSSを設定するには＜link＞要素を用いて、href属性にパスを指定する。ここではほかに、type属性とrel属性・media属性を指定している。これらの属性について説明すると、＜link＞のtype属性はhrefで指定されるコンテンツ（この場合はCSSファイル）のMIMEタイプに関する情報を与えることができる。rel属性は、そのコンテンツとの関係性を述べ、media属性は意図する出力メディアを指定できる。ここでは「all」と指定しているので、すべてのメディアに対してこのCSSが適用されることになる。この＜link＞属性に割り当てられているのは、CSSをインポートするのみの役割を持ったCSSで

Akineko 2010/06/04

*Webデザイン

リンク

MdN Design｜総合情報サイト

Photoshop、Fireworks、Dreamwaver、etc. WEBの作業が楽になるテクニック総まとめ　第2回「あの作業をもっと早くしたい!!」と思っても、改善できずに制作を続けている場合もあるだろう。そこで、Web制作が楽になる操作テクニックをまとめて紹介!!　ふだんから使用しているさまざまなソフトウエアを使いこなし手間どる作業をスムーズに行おう。

Akineko 2010/04/12

*Web制作

リンク

WEB制作、プロの無料サービス活用術　第1回 - MdN Design Interactive

作業効率がアップする隠れた使い方教えます！ WEB制作、プロの無料サービス活用術 ──デザインに使えるツール（1）クラウド隆盛の昨今、ソフトウエアと同等か、それ以上に便利な機能を持ったオンラインサービス／ツールが豊富に取りそろってきた。本記事では、オンラインサービスの中でも無料利用が可能なものを選りすぐり、Web制作を6つのシーンに分類してより快適に作業するための 82の活用術の中から、Web制作に使えるデザインに特化した無料オンラインツールの活用法を13点紹介する。デザインの幅を広げ、Webサイトの質を高める実践方法を試してほしい。 Tweet [technique 01] オンラインで本格的な画像編集をする「pixlr」 [technique 02] 繰り返し用の背景画像を作成する「Tiled backgrounds designer」 [technique 03] カラーパター

Akineko 2010/03/30

*Webデザイン

リンク

「MdN Design Interactive週間ランキング（01/17～01/23）」 - MdN Design Interactive

「MdN Design Interactive週間ランキング（01/17～01/23）」 2010年01月26日 TEXT：編集部人気の高かった記事ランキングここでは、01/17～01/23の間で人気の高かった記事をランキング形式でご紹介します。息の長い記事や新着記事など、じつにさまざま。見逃している記事がないかチェックしてはいかがでしょう。 ▼週間アクセスランキング（01/17～01/23） ●1位プロとしてのデザイン必修の技、一流の鉄則 http://www.mdn.co.jp/di/articles/1660/ ●2位 Photoshop超基本のテクニック7 http://www.mdn.co.jp/di/articles/553/ ●3位写真を2階調化してつくるポップアート風グラフィック http://www.mdn.co.jp/di/articles/1281/ ●4位

Akineko 2010/01/27

*デザイン

リンク

MdN Design｜総合情報サイト

第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はデザイナーやディベロッパーにとって、極めてパワフルなツールだ。しかし、使いこなすためのアイデアを得るのはなかなか難しい。ただ、デザイナーやディベロッパーはほとんど毎日、新し

Akineko 2010/01/25

リンク

Webデザインとグラフィックの総合情報サイト - MdN Interactive - Webデザイン超基本のお作法50選

Webデザインには、どんなにビギナーだったとしても、プロのWebデザイナーを名乗る人がやってしまうと恥ずかしい“マナー”ともいえる制作上のルールがあります。「知らなかった」、「教わっていない」では通用しません。なぜなら、アナタはプロなのですから。そんな超基本の“Webデザインのお作法”を50個選定し、サイト設計、テキストデザイン、画像と色彩、レイアウト、その他の5つのテーマ別に解説していきます。この特集を通して、“Webデザインのお作法”をしっかり習得、あるいは復習して、カンペキに身に付けてください。