最近ではWebサイトを構築する際、PC画面での表示のみならず、スマートフォンやタブレットPCなど複数媒体でのサイト閲覧を意識した設計およびレイアウトを考慮しなくてはならなくなってきています。閲覧するブラウザやOSなどで振り分けを行う方法もいろいろありますが、サイトを閲覧した時のウィンドウサイズによって読み込むCSSを切…

サイト制作の際、ブラウザごとのCSS解釈の違いで、やむを得ずCSSハックを使用することはよくあることですが、Webサイトを構築する際、出来る限りCSSハックを使用することは避けたいもの。そんなCSSハックの使用を避ける為に作られた「CssUserAgent (cssua.js)」が今後活用できそうだったのでご紹介。Cs…

最近はサイト上のアニメーション演出を見て、それがFlashで作られているか、JavaScriptで作られているか、パッと見では分からないようなものばかりになってきています。今回はFlashサイトのように見えて、サイト全体がJavaScript（ほとんどjQueryベース）で構成されているものを20種類ほど集めているエン…

Webサイト上の画像スライドギャラリーを実装する際には今ではjQueryを使うのが主流になってきていますが、jQueryを使わずにJavascriptのみで実装する画像スライドギャラリー「Sliderman.js」なるものがあったのでメモ書き。≫Sliderman.js - Welcome - Image Slider…

Webサイト内の限られた範囲に多くの情報量を掲載することができるタブインターフェース。今ではあたり前のようによく見かけます。そんなタブインターフェースについて、デザインや演出パターンの違うものを30種類紹介しているエントリー「30 CSS and Javascript Tabs Solutions」が参考になりそうだっ…

iPhoneやiPadでは、残念な事にCSSの「position:fixed」はサポートされていません。最近良くPCサイトで見かけるヘッダーやフッターを固定しているページをiPhone & iPadで見ると残念な感じになっていたり。。。（このブログもその中の一つ…）そんなiPhone & iPadに「position:…

通常のWebページ制作ではあまり使うことはないWYSIWYGエディタですが、ふと見かけたJavaScritptのみで構成されているWYSIWYGエディタ「TinyEditor」になんだか興味が湧いたのでメモ書き。≫JavaScript WYSIWYG Editor – TinyEditor - Web D…

サイト上で頻繁に見かけるタブやアコーディオンメニューのインターフェース。ただパパッと切り替えるだけでは何となく淋しい感じがすると思っているのですがそんなタブ＆アコーディオンのインターフェースにアニメーションを付けるスクリプトを30種類紹介しているエントリーの紹介。（エントリー自体は結構古い…）≫30+ Animated…

コーディングにおいてIE6は常日頃、悩みのタネですが、そんなIE6に、IE7で対応しているCSSプロパティを有効にできる他、透過PNGが使用可能となるライブラリ「IE7.js」というものがかなり使えそうです。≫ie7-js - Project Hosting on Google Code使用方法は二通り。ライブラリJS…

画像を一切使わずにJavaScriptとCSSで角丸を表現するライブラリの紹介。≫ruzee.com：ShadedBorder - JavaScript Round Corners with Drop Shadow使い方はとてもシンプルです。ライブラリファイル「shadedborder.js」をHTML上に貼り、---…