
今回はESET mac版の公式サイトで使用した擬似要素(:before・:after)を使ったbox-shadowのエフェクトを紹介していきたいと思います。
ESET Cybersecurity(イーセット サイバーセキュリティ)と
ESET Smart Securityのサイトでデザインアクセントとして実装しています。(2011/11/15現在)

今回はESET mac版の公式サイトで使用した擬似要素(:before・:after)を使ったbox-shadowのエフェクトを紹介していきたいと思います。
ESET Cybersecurity(イーセット サイバーセキュリティ)と
ESET Smart Securityのサイトでデザインアクセントとして実装しています。(2011/11/15現在)
普段はコーダー業務をおこなってるのですが、デザインの知識は…。
でも、やはりデザインのスキルも大事ですよね!
なので、今年からデザインの勉強のためにバナー作成などをおこなっています。
今回は先輩デザイナーさんに教えていただいた
バナー制作のちょっとしたコツを紹介していきたいと思います。
CSS3を使いたくても、コードを書くのがなかなか難しい。
そんなときはCSS3ジェネレーターで作成してみてはいかがでしょうか?
視覚的に確認できるので、ちょっとした調節も簡単。
気に入った形を作成して、コピー&ペーストでスタイルシートに貼るだけです。
ジェネレーターを使って、ぜひCSS3にチャレンジしてみてください。
続きを読む
2010年9月25日に.coder「すこーし愛して。ながーく愛して。Webパフォーマンス」でプレゼンさせていただきました。
あまりのイケてるプレゼンテーターの中にちょっと申し訳ない感じでしたが、
みなさまアットホームに迎え入れていただき、楽しい1日を過ごすことができました。
私は「みんなで使おう!Fireworks! 〜Fireworksで画像最適化〜」というお題で
プレゼンしたので、簡単にその中身をここでも紹介させていただきたいと思います。
今回はFireworksとPhotoshopの画像の書き出し方を比較してみました。
ちなみに使用したアプリケーションはFireworks CS5 とPhotoshop CS5 です。
サイトのパフォーマンスアップをしたいけど、
作業をする時間がつくれない、作業するにしても影響範囲が大きくて
なかなか実行できない…ということは非常に多いと思います。
そこで、今回は簡単!すぐできるパフォーマンスアップ!
Webサイトに最適な画像形式の書き出し方法をご紹介します。
以下で書き出した画像はFireworks CS5 を使用して書き出しています。
続きを読む
Fireworksをもっと効率的に使いたい!
もっと便利につかえる方法はないの?と思ったことありませんか。
そんなときにはコマンドを使ってみるのはいかがでしょうか。
使いこなすと様々な作業を効率化でき、作業コストを削減することができます。
でも、コマンド機能を聞いたことない、知ってるけどあんまり使ったことない
という方もいらっしゃると思います。
そこで、今回はFireworksにデフォルトではいっているコマンドと
他サイト様で公開されているコマンドを紹介していきたいと思います。
続きを読む
EC studioの主要なサービスを集計して
2009年度のブラウザアクセスの平均の割合をまとめてみました。
サイトのブラウザ動向を把握してると、デザインやコーディングを
ブラウザごとに違った方法でアプローチすることができます。
今回は2009年度のブラウザ動向を確認し、
今後どのような傾向になっていくのかを予想したいと思います。
1ヶ月約1万セッション以上のサイトを対象にして、
2009年度全体と上半期(2009/01/01~2009/06/30)、
下半期(2009/07/01~2009/12/31)別にまとめてみました。
データは「ウェブマスター向けサイト」、「一般ユーザー向けサイト」
に分けて記載しています。
以下のブラウザは省略して記載しています。
Internet Explorer = IE
また、Internet Explorerのみバージョン別に記載しています。
(担当:大崎)