長野県長野市・松本市ウェブ制作事業部 コンサルティングFIRM

ATFコンサルティングファーム

苦労して実現していたものがCSS3で簡単に

ATFコンサルティングFIRM

ATFコンサルティングFIRM

マーケティングがあなたのビジネスの目標達成を支援します。

HubSPot+ ATFC担当に相談する

目次

Internet Explorer 9の登場

今年の4月にInternet Explorer 9が公開されたことで、WEB制作現場において本格的にHTML5+CSS3の使用が浸透してきたことと思う。
HTML5やCSS3を実装することでよりダイナミックなWEBデザインが可能となり、HTMLはこれまではプログラム言語として認識されていたものが、WEBアプリ開発言語として様相を変えつつある。

レンダリングエンジンを有効活用

さて「2」から「3」へと進化したCSSだが、私はIE9デビュー以前から意欲的に導入していた。
と、言ってももちろんそれによってマークアップを激変させなければいけないような手法や、それひとつでブラウザによって著しく表示に差異が生じるもの、また本来デザインによって伝えなけれえばならないことがぶれてしまうような使い方はもちろんせず、あくまで「許せる程度」で、である。実験的にという意味合いもあり、いろいろ試してはきたが、今回紹介するのは「border-radius」だ。

既にCSSにおいてお馴染みとなっている「border-radius」だが、多くのモダンブラウザでは早くからHTMLレンダリングエンジンでサポートされていることもあり、あまり躊躇なく導入することができていた。角丸をフレキシブルなボックス等に容易に実装でき、ドロップシャドウなどと併用することで簡単におしゃれなボックスが出来てしまう。

-moz-border-radius: 5px; ←Mozilla
-khtml-border-radius: 5px; ←Safari
-webkit-border-radius: 5px; ←Chrome等
border-radius: 5px;

その昔は、上辺と底辺の角丸画像を入れたdivを2枚重ねにしたり、
角丸
こんな角丸画像を四方に置いたり、角丸にしたいがばかりに四苦八苦したものだった。

今後CSS3ではモジュール化が進みこれまでよりも、より自由度の高いユーザエージェントとの関わりを持たすことができる。
今までは「このくらいは…」という気持ちで使っていたものが、大胆に導入していくことができると思うとわくわくしてたまらない。

SNS
インタビュー一覧
人材採用のキーポイントはWebサイトだった。

今年度こそ人材採用の成果を出す! 街には、新入社員らしき若者が目立つシーズになった。毎年、人材採用に苦戦している人事部人材採用担当は、今年も悔し涙を流しているのか? そこで、成果を毎年あげている企業は、Webサイト(コー

ブログを読む »
集客か?ブランディングか?Webリニューアル。
Webリニューアル:集客 vs ブランディング

Webサイトリニューアルの目的は集客か?ブランディングか? Webサイトのリニューアルを検討する際、多くの方が「集客」と「ブランディング」のどちらを優先すべきか悩むのではないでしょうか。結論から言うと、どちらを優先すべき

ブログを読む »
笑顔の女性
安曇野赤十字病院看護師採用サイト制作

安曇野赤十字病院看護師採用専用Webサイトへ 安曇野赤十字病院看護師採用専用サイトweb design(ウェブデザイン PC用) 看護師とのミーテイングを重ね仕事環境の改善を現実的に行い、それをコンテンツとしました。長野

ブログを読む »
Web制作会社
Webフォームに営業問い合わせが殺到する件

新しいWebフォームからお問合せが来たぞ! 「新しいWebフォームからお問合せが来たぞ!」と喜んでメールを確認すると営業メールだ。こんな日が毎日も続きます。言葉を変えて「協業」と言っているが、コピペでできるフォーム営業は

ブログを読む »
松本市ホームページ 見積もり
Web制作会社だけどコンサルティングファーム

企業のアドバイスなどのコンサルティング営業 ある日、ホームページ制作の依頼があり、依頼者の会社に訪れました。私が来社すると、厄介者が来たような目つきでその会社の従業員が私を見ていました。そんな会社で、売れるホームページな

ブログを読む »