スマホサイトで大活躍！ setTimeoutについて | Webamb | ウェブアンブ

2013/12/17 22 users setTimeout ウェブアンブ 大活躍 スマホサイト

続きを読む

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ほどです。 制作者の間でも広く使われ、僕も案件で何度も使用... 続きを読む

株式会社LIGさんでまぼろしーるを貼りまくってきました！ | Webamb | ウェブアンブ

2013/04/10 11 users CampFire OZPA glatyou まぼろし 尊敬

こんにちは！こうめ（@Bamboo_C）です！ 先週の金曜日、今をときめく株式会社LIGさんに遊びに行って来ましたっ その模様をお伝えしたいと思います！ LIGさんには 「HTML5カルタ」 の作者さんで、CAMPFIRE で支援を集めている 酒井優さん （@glatyou）にお誘いいただき、参加しました。 その他に ・人気ブログ「OZPAの表4」のおつぱさん （@OZPA） ・個人的にとても尊敬... 続きを読む

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

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

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

iPhoneでURLバーを消すスクリプトが効かない時の対処法 | Webamb | ウェブアンブ

2012/11/06 18 users iPhone ウェブアンブ スクリプト デフォルト URLバー

こんにちは。こうめ（@Bamboo_C）です。 今日はiPhoneでURLバーを消すスクリプトが効かなくなってしまった時、解消する方法をご紹介します。 そもそもURLバーを消すスクリプトってなに？ iPhoneなどで、デフォルトでページ上部に表示されるURLバーは、お客様によっては「デザイン的に消して欲しい」って言われちゃう事もあると思います。 そんな時常用されているのが下記のスクリプトです。 少... 続きを読む

「日本」の個性的なデザインの名刺03 | Webamb | ウェブアンブ

2012/11/05 46 users 語弊 ウェブアンブ Bamboo_C 名刺 タイトル

こんにちは！こうめ（@Bamboo_C）です。 最近名刺の記事を中々書いていませんでしたが久々に更新します。 さて、今まで”「日本」のクリエイティブな名刺”というタイトルで名刺の記事をまとめていたのですが、「クリエイティブだと語弊がある」「ちょっとハードル高い気がする」というご指摘を頂いたので、ちょっと変えて、本記事タイトルでやっていこうと思います。 今まで同様、日本らしい素敵なデザインの名刺が集... 続きを読む

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

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

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

Webamb | ウェブアンブ » Blog Archive » WordPressでブログを作る手順

2012/01/18 14 users 非効率 HTML+CSS 僕自身 信頼性 初心者向け

もともとはWordPressの初心者向けのマニュアル的なものを記事にしようと思っていたのですが、僕自身がWordPressに触れて間も無いのでどうにも信頼性に欠ける記事になりそうでした。 ただ、このブログを作った手順を公開することで誰かの役に立つかもしれないし、自分自身の確認にもなると思ったので、この記事を書こうと思いました。 間違っていたり、非効率であるかもしれませんがHTML+CSSで静的なW... 続きを読む

Webamb | ウェブアンブ » Blog Archive » 「日本」のクリエイティブな名刺

2011/12/21 19 users 枠組み ご紹 美しい名刺 個性 ウェブアンブ

これまでにも、クリエイティブな名刺の記事はたくさんのBlogで紹介されてきました。 美しい工夫やこだわったデザインに「ほー」とか「へー」とか言いながら眺めていたのですがふと思ったのが 「日本の名刺少なくない？」ってこと。 海外と比べると「奇抜さ」という点で日本の名刺は確かに劣っているかもしれませんが、日本の社会の枠組みからはみ出さずに個性を主張する、奥ゆかしくて美しい名刺がいくつか集まったのでご紹... 続きを読む