CSS(スタイルシート)のテクニックとトピックのポータル

Windows Internet Explorer 8オンザフライでCSSを調整してブラウザの表示に反映させるツールはいくつもある。WebデザイナやWebデベロッパにとって、WebサイトやWebページを制作する段階において欠かせないツールといえる。主要ブラウザにはそれぞれデバッグツールが付属してい...

Category ： CSS3最近は CSS3 ネタばかりですが、今回は CSS3 で使える background 関係のプロパティを紹介、解説です。background-size背景画像のサイズを指定します。横幅 縦幅の順で記述します。対応ブラウザ（2010 3/8 現在）Safari , Go...

みなさん、こんにちは、まーしーです 週末の不摂生がたたって唇が荒れるやら口内炎やら。食事がつらくてげんなりなこの頃です。さて、Webサイトを多メディアに対応させるという話は先日の「webデザインNight!」でも話題にあがっていました。その簡単な例としてiPhoneとPCとで分ける方法を考えてみま...

少し変えるだけでサイトのレイアウトが完成してしまう、とてもクオリティの高いフリーのPhotoshopファイル2010年03月03日-30 High-Quality Free Website Templates to Download|Dzine Blog 少し変えるだけでサイトのレイアウトが完成し...

ウェブページを表示するブラウザのウィンドウサイズは環境によってさまざま。特定サイズを想定して作成すると、それ以外ではコンテンツが読みづらくなる問題が発生する。最近はiPhoneのような端末に対応する必要もあるが、サイズ別にページを用意するのは制作・管理両面で手間。こんなときはCSS3のMedia ...

photoshop×960 Grid SystemでWEBデザイン「How to create an elegant web layout in Photoshop」画像処理ソフトは様々なものがリリースされており、WEB制作において利用されているソフトも多様にありますが、photoshopで作って...

かっこいいCSSメニューを作れるサービスは数えきれないほど存在します。そのなかでも、今回ご紹介するサービスは、デザインがクールな上に、シンプルかつ軽量なCSSメニューを作成できるサービスです。シェア癒し系テープのり OJ スイングバードグルーこのブログは、さくらのレンタルサーバで動いています。この...

和歌山県田辺市にあるケーキ屋さん『マリブ洋菓子店』のオフィシャルサイト。シーサイド店では海を眺めながらのんびりできるカフェを併設しております。ご使用のブラウザ環境では、本サイトが正しく表示できない可能性があります。 以下の注意点を確認し、必要な設定を行った上で再度表示してください。ブラウザの Ja...

私は5年前に会社をやめて、個人事業主へ。そして、昨年法人化しました。業務内容は、ウェブ制作がメインです。私はもと勤めていた会社で、ウェブ関連の仕事をしていたわけではありません。完全に独学でウェブ関連のスキルを習得して、これまでやってきました。Amended Book Collection / St...

Webサイトを制作して公開する際は おかしいところが無いか、不備は 無いか不安になったり、という方も 少なくないのではないかと思います。 そこで、公開前に色々と確認出来たり、 最適化できる様なフリーのサービスや フリーソフトをご紹介します。 ここで言う「公開前」とは「サーバーにアップする」事ではな...

Robert’s talkSteve Souders氏は最近獲得したブラウザのパフォーマンス改善に関して注目されるいくつかのテクニックを5回シリーズのブログで公開した。Steve Souders氏はGoogleのエンジニア。Googleに務める以前はYahoo!でYSlowの開発に従事。Webペー...

今日は、Webページの作り方に関して、ちょっとした細かい話を。ページに画像を入れるときに、imgタグの「文字の色」をCSSで指定しておきましょう。画像に文字色？ と思ったあなた、ちゃんと理由があるのです。なぜ画像なのに「文字の色」を指定しなければいけないのでしょうか。それは、画像が表示されない状態...

ユーザーの行動への呼びかけを促す「ダウンロード」や「サインアップ」などのボタンをデザインする際に気をつけたい5つのポイントをLee Munroeから紹介します。Web Design Trends: Call To Action Buttons先日とりあげた「ハイパーテキストリンクのスタイル大全」の...

HTML/CSSのテンプレートがダウンロードできるWEBサイトのまとめ「25 Best Websites For Downloading Free Html/CSS Templates」WEBを制作する際、HTMLとCSSを利用して作ると言う方が多いかと思いますが、今日紹介するのはフリーで利用でき...

Web技術でネイティブアプリを作れるTitanium（1）HTML＋JavaScriptでiPhone/Androidアプリを作れる Titanium Mobileとは立薗 理彦 2010/2/18iPad/iPhone VS Androidに戸惑っていませんか？2010年1月5日、グーグルがAn...