元・地方の中規模印刷会社で苦悩するWebデザイナー改めWebディレクターの日記

jQueryスライドショー「bxSlider」のレイアウトをカスタマイズする際に注意すべきたったひとつのポイント

なんとも有名なjQueryを使用したスライドショー(スライダー)「bxSlider」ですが、
デザインがなかなか思うようにいかなくて嫌いになりそうになっていました。
が、その理由がわかったので報告したいと思います。

なお、 「bxSlider」の設置等に関しては以下のサイト等を参考にしてください。

■ jQuery Content Slider | Responsive jQuery Slider | bxSlider
□ jQueryスライドショー「bxslider」の使い方まとめ - NAVER まとめ

今回設置させていただいたスライドショー。
右上、通常の写真風な部分で「bxSlider」を使っています。
>> 続きを読む

最もシンプルなオリジナルのリセットCSSを考えてみた【Webデザイン】

そろそろHTML5が正式に勧告される昨今に今更感漂いますが、個人的にそろそろ積み重ねをかたちにしてやる頃だなぁというのもあって、オリジナルのリセットCSSを考えてみました。
考えるにあたり、とにかくシンプルに最低限のところのみ記述することを心がけました。
結果として非常に短いCSSになってしまいましたが、そのあたりはご了承下さい。

WEB

>> 続きを読む

Photoshop(フォトショップ)を使ったWebデザインで注意する点

学校で生徒さん用にまとめたのですが、意外と重要な事だと思ったので公開することにしました。
みなさんは、Webサイトのデザインをどのように作られていますか?
Photoshop?Illustrator?それとも、ダイレクトにDreamweaver等で作られちゃっている人もいるかもしれません。
自分の場合は元紙媒体のデザインをやっていた関係上、IllustratorやPhotoshopを使うことが多いのですが、
WebであればまずはPhotoshopベースで全体のデザインを作ってしまうことが多いです。
(紙媒体であれば当然、Illustratorベースですね。)

PhotoShop

>> 続きを読む

Webデザイン時のHTML・CSSコーディングにおけるCSSセレクタの優先順位の出し方

WebデザインにおいてHTML同様重要となってくるCSS(カスケードスタイルシート)に関して、セレクタの優先順位をまとめてみることにしました。
同じプロパティが各セレクタに書かれている場合、優先順位の高いセレクタに対して書かれたプロパティ値の方が適応されるというわけです。

>> 続きを読む

Flashファイル(swf)のサイズ(widthとheight)の調べ方

バージョンアップ、仕様変更により以下の手順ではサイズ確認できなくなっています。

オーサリングツール(Dreamweaver等)を使ってFlashを埋め込みするのであればまだしも、手打ちコーディングでFlashを埋め込む時もあるわけで、そんな時はFlashのサイズ(横幅、縦幅)を知っていないとダメです。
画像(jpg、gif等)だったらサイズ指定しなくてもしっかりと表示してくれますが、Flashはサイズ指定しないと作った時のサイズで表示されないんですよね。

>> 続きを読む

SEOやらアクセシビリティやら

初めてじゃないけど、アクセシビリティ重視のサイト構築中。
アクセシビリティ=SEOってわけでもないんだろうけど、
IE7もでたし、たくさんのブラウザで動作確認してます。

うちはMac(しかもOS9)が半分くらいを占めているので、
Mac版IEはもちろん、OSXもあるのでSafari、
ついでにネスケやIE7なんかでも表示確認しています。

それぞれのブラウザに独特な癖があって結構大変。
こっちを立てればあっちがたたず。なんてことも。。
結果、ソースが膨大になり、SEO上不適当になってしまいかねない。
そんな葛藤の中、勉強させていただいております。

システム3

Webだけでもなるべくシステム化した仕事の進め方をして行こうと思っている。
>> 続きを読む

なんでもかんでも3

ホームページを基本的になんでもかんでも受けちゃってます。
納期なんて関係ありません。
ただし、最近は要領を得てきたので、
へんなところに時間をかけたりはしないようにしてます。
そういう意味ではお客との打ち合わせは重要です。
>> 続きを読む

製作会社とのつきあい方

最近は某社の校正にはまっていてこれといって新しい展開は見せていないのですが、
数日前にやった仕事で、デザインとFlashのみという仕事があり、
てんてこ舞いだったことがありました。
>> 続きを読む




    最新コメント