タグ Webamb
人気順 5 users 50 users 100 users 500 users 1000 usersスマホサイトで大活躍! setTimeoutについて | Webamb | ウェブアンブ
HTMLとCSSでアイコンを作りました | Webamb | ウェブアンブ
2週間ほど前に、KOJIKA17のこじかさんがひとつのdivも使わずに素晴らしいクオリティでアイコンを表現されたのを見て、「僕もやりたい!」と思っていたところ、イラレの変態である鈴木ともひろくんが「1つのアンカーでアイコンを表現」したのを見て、「これだ!」と挑戦してみました。 それがこちらのアイコンになります。 Illustrator Minimum Object Appearance それを再現... 続きを読む
IE対応のバッド・プラクティス「Polyfill」の危険性 | Webamb | ウェブアンブ
IE対応のバッド・プラクティス「Polyfill」の危険性 今日は、今話題?のPolyfillがどれだけ微妙なのかという点と、実装格差のあるブラウザ間の、実装における現状のトレンドを書きたいと思います。 Polyfillとは 現在、HTML5やCSS3など新しい技術が一般化し、実際のクライアントワークでも利用されることが増えてきました。しかし、IEの古いバージョンでは、利用されることの多いHTML... 続きを読む
height:autoの特殊な仕様について | Webamb | ウェブアンブ
height:autoの特殊な仕様について 皆さんご存知のCSSプロパティ height は基本的にpaddingはmarginは含みません。 ただし、値がautoの時だけ挙動が違います。 今日はその辺りを書きたいと思います。 heightについて heightはコンテンツの高さを指定するプロパティです。 なのでpaddingなどを併記して指定する場合はpaddingの数値を引いて、heightを... 続きを読む
コーダーに喜ばれるデザインの作りかた | Webamb | ウェブアンブ
Web amb I'm writing about Web Design, Coding, WordPress, CSS Preproccer, Developer Tool, and more... コーダーに喜ばれるデザインの作りかた 僕は普段実装をやっていて、カンプが届いて「これをコーディングしてください!」っていうお仕事がほとんどなのですが、カンプによってはコーディングしやすいものからデザ... 続きを読む
html5shiv.jsを使うのをやめることにしました | Webamb | ウェブアンブ
こんにちは!こうめ(@Bamboo_C)です。 久々の技術系のお話です。 html5shivについて html5shivはJavaScriptで書かれたライブラリです。 これはIE8以下のブラウザにもHTML5のタグを認識させることが出来て、IE8以下でもHTML5で記述することができます。 ファイルの容量も軽量で、圧縮されたものなら2kbほどです。 制作者の間でも広く使われ、僕も案件で何度も使用... 続きを読む
株式会社LIGさんでまぼろしーるを貼りまくってきました! | Webamb | ウェブアンブ
こんにちは!こうめ(@Bamboo_C)です! 先週の金曜日、今をときめく株式会社LIGさんに遊びに行って来ましたっ その模様をお伝えしたいと思います! LIGさんには 「HTML5カルタ」 の作者さんで、CAMPFIRE で支援を集めている 酒井優さん (@glatyou)にお誘いいただき、参加しました。 その他に ・人気ブログ「OZPAの表4」のおつぱさん (@OZPA) ・個人的にとても尊敬... 続きを読む
一番強いCSSプロパティ決めようぜ 結果発表! | Webamb | ウェブアンブ
こんにちは!こうめ(@Bamboo_C)です。 おまたせしました!以前書いた「 一番強いCSSプロパティ決めようぜ 」という記事の集計結果が出ましたので、早速擬人化したプロパティ達をご覧くださいませ!まずは第五位からです。 設定も考えてみたので合わせてお楽しみ下さい! 第五位 z-indexさん 第五位はz-indexさんです。 皆さんの反応 ・-1000とかすれば一生表にあがれない ・レイヤー操... 続きを読む
iPhoneでURLバーを消すスクリプトが効かない時の対処法 | Webamb | ウェブアンブ
こんにちは。こうめ(@Bamboo_C)です。 今日はiPhoneでURLバーを消すスクリプトが効かなくなってしまった時、解消する方法をご紹介します。 そもそもURLバーを消すスクリプトってなに? iPhoneなどで、デフォルトでページ上部に表示されるURLバーは、お客様によっては「デザイン的に消して欲しい」って言われちゃう事もあると思います。 そんな時常用されているのが下記のスクリプトです。 少... 続きを読む
「日本」の個性的なデザインの名刺03 | Webamb | ウェブアンブ
こんにちは!こうめ(@Bamboo_C)です。 最近名刺の記事を中々書いていませんでしたが久々に更新します。 さて、今まで”「日本」のクリエイティブな名刺”というタイトルで名刺の記事をまとめていたのですが、「クリエイティブだと語弊がある」「ちょっとハードル高い気がする」というご指摘を頂いたので、ちょっと変えて、本記事タイトルでやっていこうと思います。 今まで同様、日本らしい素敵なデザインの名刺が集... 続きを読む
アイコンをFireworksでSVG出力してWebフォントに対応させる方法 | Webamb | ウェブアンブ
今日はiPhoneの高精細画面、Retina Disprayに対応するための手法のひとつをご紹介します。 タイトル通り、FireworksでSVGを書きだしてWebフォントに変換させる、というものです。 FireworksでSVGを書き出せるようにパワーアップする さっそくはじめます。 Fireworksには、SVG出力用のエクステンション(拡張機能)があるのでそれを入れておきましょう。 まずは、... 続きを読む
Webamb | ウェブアンブ » Blog Archive » WordPressでブログを作る手順
もともとはWordPressの初心者向けのマニュアル的なものを記事にしようと思っていたのですが、僕自身がWordPressに触れて間も無いのでどうにも信頼性に欠ける記事になりそうでした。 ただ、このブログを作った手順を公開することで誰かの役に立つかもしれないし、自分自身の確認にもなると思ったので、この記事を書こうと思いました。 間違っていたり、非効率であるかもしれませんがHTML+CSSで静的なW... 続きを読む
Webamb | ウェブアンブ » Blog Archive » 「日本」のクリエイティブな名刺
これまでにも、クリエイティブな名刺の記事はたくさんのBlogで紹介されてきました。 美しい工夫やこだわったデザインに「ほー」とか「へー」とか言いながら眺めていたのですがふと思ったのが 「日本の名刺少なくない?」ってこと。 海外と比べると「奇抜さ」という点で日本の名刺は確かに劣っているかもしれませんが、日本の社会の枠組みからはみ出さずに個性を主張する、奥ゆかしくて美しい名刺がいくつか集まったのでご紹... 続きを読む