[B! *web制作] uniqのブックマーク

ランディングページは生きている ― 作りっぱなしにしないために知っておきたいページ設計・改善の3ステップ

『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day

uniq 2011/01/28

リンク

clearfixでfloatを解除 2007-03-07 1 0 XHTML/CSS clear, CSS 枠や背景が消えたり，途中で切れたりしたことはありませんか。 floatした要素（ボックス）を含む親要素（ボックス）のborderやbackgroundが途中で切れてしまうことがあります。左の例では，右側のメニューが終わったあたりで，左右にあるラインも切れています。 floatした要素の高さは親要素の高さに反映されない分かりやすいようにXHTMLとCSSの例を書いてみましょう。 <div id="wrapper"> <div id="content"> <p>content</p> </div> <div id="menu"> <p>menu</p> </div> </div> #wrapper { width: 200px; border: solid 3px #999999;

uniq 2009/04/27

リンク

もう、class名やid名で悩まないんだからっ！！｜CSS HappyLife

class名やid名って付ける時悩みませんか？今でもボクは結構悩むんですが、そんな悩みを解決する為に、人さまのソース覗きまくってよくあるclass名とid名を拾ってきました。これで、チョットだけ作業効率アップ！？ 2010年6月10日追記：この記事自体、2007年 1月15日に書かれてるんでかなり古いです。あくまでも参考程度に留めてもらうのが良いかと思います。今だったら、html5の要素を参考にしたりして付けるのが、今後の事を考えると良いのかなーと思います。また、善し悪しの判断はせずに公開しているものですが、位置に関するのは仕様変更に弱くなるのでオススメはしません。全体に使えそうな感じ wrap wrapper top-wrapper wrapperAll frame mframe all-frame container page pagetop all allContent

uniq 2009/04/17

リンク

[CSS]ブラウザ間の差異を無くすリストのスタイルシート | コリス

Konstruktors Notesのエントリー「How to Create Beautiful and Elegant HTML Lists Using CSS」から、CSSを使用して美しくエレガントなリストを制作する方法を紹介します。 How to Create Beautiful and Elegant HTML Lists Using CSS 各ブラウザによるリストのレンダリングの差リストにmarginやpaddingを指定した場合、「Internet Explorer」と「Gecko, Webkit and Opera」の各ブラウザで、レンダリングが異なります。 <textarea name="code" class="css" cols="60" rows="5"> ul, ol{ margin:auto -3em 1em 0; padding:0; position:rel

uniq 2009/04/09

list-styleの表示位置差異

リンク

CSS Tabs and CSS Navigation Menus Showcase

uniq 2009/04/02

タブのデザイン

*web制作

リンク

http://www.designwalker.com/2009/03/form-design-2.html

uniq 2009/03/26

ラジオとかチェックボックスとか

*web制作

リンク

http://www.designwalker.com/2009/03/icon-tut.html

uniq 2009/03/24

リンク

HTML、CSS、JavaScriptの練習に最適な便利ツール『rendur』 - 100SHIKI ～世界のアイデアを日替わりで～

サイト製作の練習に便利そうなツールのご紹介。 rendurを使えば、ブラウザだけでHTML、CSS、JavaScriptの編集ができ、その結果をリアルタイムに確認することができる。もちろん日本語もOKだし、HTMLやCSSの命令文の色を変えて見やすくすることもできる。本格的なサイトをつくるにはもちろん十分ではないが、ちょっとした構文を試したいときに便利なのではないだろうか。

uniq 2009/03/08

*web制作

リンク

ウェブ制作に便利そうなチートシート16選 | IDEA*IDEA

ドットインストール代表のライフハックブログ

uniq 2009/02/15

リンク

Photoshopでモックアップを作るためのTips10選 – creamu

Photoshopでサイトのモックアップが作りたい。そんなときにおすすめなのが、『10 Tips For Creating Website Mockups In Photoshop』。Photoshopでモックアップを作るためのTips10選だ。以下にいくつかご紹介。フォントはアンチエイリアスをオフにする Windowsはアンチエイリアスがかからないので、オフで作成。フォントには鮮明のアンチエイリアスをかけるこのアンチエイリアスが一番ブラウザのレンダリングに近い。11pxか12px以下の場合、ほとんどのブラウザではスムースフォントに対応していないため、アンチエイリアスはオフにした方がいいだろう。（＊追記（08.09.13）コメントをいただいて気付いたんですが、完全に記事を読み間違えていましたm(_ _)m修正、及び追記します）テキストはWebセーフフォントを使う MSゴシッ