なんとも有名なjQueryを使用したスライドショー(スライダー)「bxSlider」ですが、
デザインがなかなか思うようにいかなくて嫌いになりそうになっていました。
が、その理由がわかったので報告したいと思います。
なお、 「bxSlider」の設置等に関しては以下のサイト等を参考にしてください。
■ jQuery Content Slider | Responsive jQuery Slider | bxSlider
□ jQueryスライドショー「bxslider」の使い方まとめ - NAVER まとめ
今回設置させていただいたスライドショー。
右上、通常の写真風な部分で「bxSlider」を使っています。
そろそろHTML5が正式に勧告される昨今に今更感漂いますが、個人的にそろそろ積み重ねをかたちにしてやる頃だなぁというのもあって、オリジナルのリセットCSSを考えてみました。
考えるにあたり、とにかくシンプルに最低限のところのみ記述することを心がけました。
結果として非常に短いCSSになってしまいましたが、そのあたりはご了承下さい。
考えるにあたり、とにかくシンプルに最低限のところのみ記述することを心がけました。
結果として非常に短いCSSになってしまいましたが、そのあたりはご了承下さい。
学校で生徒さん用にまとめたのですが、意外と重要な事だと思ったので公開することにしました。
みなさんは、Webサイトのデザインをどのように作られていますか?
Photoshop?Illustrator?それとも、ダイレクトにDreamweaver等で作られちゃっている人もいるかもしれません。
自分の場合は元紙媒体のデザインをやっていた関係上、IllustratorやPhotoshopを使うことが多いのですが、
WebであればまずはPhotoshopベースで全体のデザインを作ってしまうことが多いです。
(紙媒体であれば当然、Illustratorベースですね。)
みなさんは、Webサイトのデザインをどのように作られていますか?
Photoshop?Illustrator?それとも、ダイレクトにDreamweaver等で作られちゃっている人もいるかもしれません。
自分の場合は元紙媒体のデザインをやっていた関係上、IllustratorやPhotoshopを使うことが多いのですが、
WebであればまずはPhotoshopベースで全体のデザインを作ってしまうことが多いです。
(紙媒体であれば当然、Illustratorベースですね。)
WebデザインにおいてHTML同様重要となってくるCSS(カスケードスタイルシート)に関して、セレクタの優先順位をまとめてみることにしました。
同じプロパティが各セレクタに書かれている場合、優先順位の高いセレクタに対して書かれたプロパティ値の方が適応されるというわけです。
同じプロパティが各セレクタに書かれている場合、優先順位の高いセレクタに対して書かれたプロパティ値の方が適応されるというわけです。
バージョンアップ、仕様変更により以下の手順ではサイズ確認できなくなっています。
オーサリングツール(Dreamweaver等)を使ってFlashを埋め込みするのであればまだしも、手打ちコーディングでFlashを埋め込む時もあるわけで、そんな時はFlashのサイズ(横幅、縦幅)を知っていないとダメです。
画像(jpg、gif等)だったらサイズ指定しなくてもしっかりと表示してくれますが、Flashはサイズ指定しないと作った時のサイズで表示されないんですよね。
初めてじゃないけど、アクセシビリティ重視のサイト構築中。
アクセシビリティ=SEOってわけでもないんだろうけど、
IE7もでたし、たくさんのブラウザで動作確認してます。
うちはMac(しかもOS9)が半分くらいを占めているので、
Mac版IEはもちろん、OSXもあるのでSafari、
ついでにネスケやIE7なんかでも表示確認しています。
それぞれのブラウザに独特な癖があって結構大変。
こっちを立てればあっちがたたず。なんてことも。。
結果、ソースが膨大になり、SEO上不適当になってしまいかねない。
そんな葛藤の中、勉強させていただいております。
アクセシビリティ=SEOってわけでもないんだろうけど、
IE7もでたし、たくさんのブラウザで動作確認してます。
うちはMac(しかもOS9)が半分くらいを占めているので、
Mac版IEはもちろん、OSXもあるのでSafari、
ついでにネスケやIE7なんかでも表示確認しています。
それぞれのブラウザに独特な癖があって結構大変。
こっちを立てればあっちがたたず。なんてことも。。
結果、ソースが膨大になり、SEO上不適当になってしまいかねない。
そんな葛藤の中、勉強させていただいております。
Webだけでもなるべくシステム化した仕事の進め方をして行こうと思っている。
ホームページを基本的になんでもかんでも受けちゃってます。
納期なんて関係ありません。
ただし、最近は要領を得てきたので、
へんなところに時間をかけたりはしないようにしてます。
そういう意味ではお客との打ち合わせは重要です。
納期なんて関係ありません。
ただし、最近は要領を得てきたので、
へんなところに時間をかけたりはしないようにしてます。
そういう意味ではお客との打ち合わせは重要です。