Web制作に役立つ情報一覧

illustratorで修正が簡単な文字枠を作る方法

2012/11/30(Fri) 10:47

illustratorでデザインをしている時に頻繁に使う、文字枠の中に文字があるというこの形。長方形ツールでオブジェクトを作成して、その上に文字を重ねるというやり方の人が多いんですが、これだと文字数が増えた時に下の長方形オブジェクトのサイズまで変えて、さらに中央揃えしたり…

http://nanameue.jp/blog/illustrator%E3%81%A7%E4%BF%AE%E6%AD%A3%E3%81%8C%E7%B0%A1%E5%8D%98%E3%81%AA%E6%96%87%E5%AD%97%E6%9E%A0%E3%82%92%E4%BD%9C%E3%82%8B%E6%96%B9%E6%B3%95/

商用無料がたくさん！ダウンロードしておきたいフリーのデザインフォントのまとめ-2012年10月

2012/11/30(Fri) 10:46

最近リリースされたものを中心に、高品質なフリーのデザインフォント・タイプフェイスを紹介します。

http://coliss.com/articles/freebies/freebies-font-2012-oct.html

HTML5要素のブラウザー実装状況を調べてみた

2012/11/29(Thu) 11:59

実際にWebサイト制作に使えるかどうかは、結局のところブラウザーの実装状況次第。そこで、HTML5の各要素（タグ）について、主要ブラウザー（Internet Explorer、Firefox、Google Chrome、Safari、Opera）の実装状況を調べてみた。

http://ascii.jp/elem/000/000/655/655300/

HTML5 タグリファレンス

2012/11/29(Thu) 11:56

W3C HTML5 の「第4章 HTMLの要素 (4 The elements of HTML)」とそれに関連する項目をもとに、HTML5のHTMLタグリファレンスをご用意しました。主にHTML5の仕様の和訳となります。

http://www.html5.jp/tag/index.html

【Webデザイナ−・コーダー向け】すぐに使えるSCSS入門｜Compass基礎編

2012/11/27(Tue) 11:29

GUIツールのScout.appに同梱されているCompassについて活用方法を紹介したいと思います。Compassは、SCSS使いなら必須の便利なフレームワークです。

http://dev.classmethod.jp/ria/html5/web-desiner-corder-scss-compass/

文書構造を意識しながらHTMLマークアップしよう！

2012/11/26(Mon) 11:57

「デザインは好きだけど、コーディングは苦手…」という人も、焦らず少しずつ記述していけばちゃんと形になります！お手持ちの「TextEdit」や「メモ帳」などのテキストエディタツールを開いて、さっそく始めましょう…

http://www.webcreatorbox.com/tech/html-semantic-markup/

スマホ向けサイト制作3手法の基礎知識と課題、OS／機種依存のハマリどころ3選

2012/11/26(Mon) 11:55

スマートフォン向けWebサイト構築支援ツールを開発・販売するため、国内すべてのケータイ・スマートフォン・タブレットを所有している企業に勤める筆者が、サイト構築のハマリどころとも言えるノウハウを紹介する連載

http://www.atmarkit.co.jp/ait/articles/1210/22/news016.html

配色初心者でも効果的なカラーデザインが出来るようになる4つの工程

2012/11/22(Thu) 11:24

配色には色々作法があります。そして言葉もあります。加法、減法、色の三属性、伝統、政治的意味合い、などなど。厳密に出したらキリがありませんし、プロじゃないので、細かい事は抜きにして、個人的に抑えておく簡単なポイントをまとめてみました。

http://maka-veli.com/ColorDesign.html

ウェブデザイナーに人気のある有料・無料のフォント ベスト10

2012/11/22(Thu) 11:19

世界14ヵ国のウェブデザイナーにアンケートをとった、人気のある有料・無料のフォント ベスト10を紹介します。

http://coliss.com/articles/freebies/top-10-fonts-designers-love-by-hongkiat.html

たった１行で完成？凄まじくレスポンシブデザインなサイトの作り方

2012/11/21(Wed) 10:29

先日話題になっていた「なんだこれ！！「NHKスタジオパーク」のレスポンシブ・ウェブデザインが凄まじくレスポンシブ！！」で紹介されていたNHKスタジオパークのレスポンシブデザイン…

http://log.deconcepter.jp/2012/10/responsivedesign/