HTMLとCSSでアイコンを作りました | Webamb | ウェブアンブ

2013/08/19 590 users イラレ div ウェブアンブ アンカー CSS

2週間ほど前に、KOJIKA17のこじかさんがひとつのdivも使わずに素晴らしいクオリティでアイコンを表現されたのを見て、「僕もやりたい！」と思っていたところ、イラレの変態である鈴木ともひろくんが「1つのアンカーでアイコンを表現」したのを見て、「これだ！」と挑戦してみました。 それがこちらのアイコンになります。 Illustrator Minimum Object Appearance それを再現... 続きを読む

IE対応のバッド・プラクティス「Polyfill」の危険性 | Webamb | ウェブアンブ

2013/07/16 591 users Polyfill クライアントワーク ウェブアンブ IE対応

IE対応のバッド・プラクティス「Polyfill」の危険性 今日は、今話題？のPolyfillがどれだけ微妙なのかという点と、実装格差のあるブラウザ間の、実装における現状のトレンドを書きたいと思います。 Polyfillとは 現在、HTML5やCSS3など新しい技術が一般化し、実際のクライアントワークでも利用されることが増えてきました。しかし、IEの古いバージョンでは、利用されることの多いHTML... 続きを読む

height:autoの特殊な仕様について | Webamb | ウェブアンブ

2013/07/05 591 users auto height padding ウェブアンブ 挙動

height:autoの特殊な仕様について 皆さんご存知のCSSプロパティ height は基本的にpaddingはmarginは含みません。 ただし、値がautoの時だけ挙動が違います。 今日はその辺りを書きたいと思います。 heightについて heightはコンテンツの高さを指定するプロパティです。 なのでpaddingなどを併記して指定する場合はpaddingの数値を引いて、heightを... 続きを読む

コーダーに喜ばれるデザインの作りかた | Webamb | ウェブアンブ

2013/06/24 591 users コーダー coding カンフ ウェブアンブ デザ

Web amb I'm writing about Web Design, Coding, WordPress, CSS Preproccer, Developer Tool, and more... コーダーに喜ばれるデザインの作りかた 僕は普段実装をやっていて、カンプが届いて「これをコーディングしてください！」っていうお仕事がほとんどなのですが、カンプによってはコーディングしやすいものからデザ... 続きを読む

html5shiv.jsを使うのをやめることにしました | Webamb | ウェブアンブ

2013/04/26 86 users ウェブアンブ

こんにちは！こうめ（@Bamboo_C）です。 久々の技術系のお話です。 html5shivについて html5shivはJavaScriptで書かれたライブラリです。 これはIE8以下のブラウザにもHTML5のタグを認識させることが出来て、IE8以下でもHTML5で記述することができます。 ファイルの容量も軽量で、圧縮されたものなら2kbほどです。 制作者の間でも広く使われ、僕も案件で何度も使用... 続きを読む

一番強いCSSプロパティ決めようぜ 結果発表！ | Webamb | ウェブアンブ

2012/12/13 549 users Bamboo_C 集計結果 反応 皆さん ウェブアンブ

こんにちは！こうめ(@Bamboo_C)です。 おまたせしました！以前書いた「 一番強いCSSプロパティ決めようぜ 」という記事の集計結果が出ましたので、早速擬人化したプロパティ達をご覧くださいませ！まずは第五位からです。 設定も考えてみたので合わせてお楽しみ下さい！ 第五位 z-indexさん 第五位はz-indexさんです。 皆さんの反応 ・-1000とかすれば一生表にあがれない ・レイヤー操... 続きを読む

アイコンをFireworksでSVG出力してWebフォントに対応させる方法 | Webamb | ウェブアンブ

2012/10/01 94 users iPhone Fireworks SVG エクステンション

今日はiPhoneの高精細画面、Retina Disprayに対応するための手法のひとつをご紹介します。 タイトル通り、FireworksでSVGを書きだしてWebフォントに変換させる、というものです。 FireworksでSVGを書き出せるようにパワーアップする さっそくはじめます。 Fireworksには、SVG出力用のエクステンション（拡張機能）があるのでそれを入れておきましょう。 まずは、... 続きを読む