jQuery ぐわわっと移動するグリッド配置してくれるdylay.js
グリッドレイアウトで要素を配置してくれるプラグインに、ぐわわっと大きな動きで移動するjQueryプラグインdylay.jsを使ってみました。デモサンプル// // 1.dylay.jsをダウンロードA responsive "dynamic...
WEB DESIGN
jQuery 
PHP 基本的なPHPの知識で出来る便利なこと
phpをそこまで詳しく知らないWebデザイナーさんでも、Webサイト制作でちょこっとphpを組み込んで作れちゃう。そんなことから初めてみればphpも身近に感じられるかもしれませんね。ということで、まずは簡単に出来るものをやってみました。//...
jQuery ローディングを自動表示させてくれるjQueryプラグイン「pace.js」14種
要領の大きい画像などを配置したページを読み込む際に、ローディング表示をするだけで読み込み時間のユーザーストレスを軽減することができます。そこで「pace」を使用すると間単にプログレスバーなどの表示が出来るようになります。 (adsbygoo...
HTML alt属性とtitle属性の違いについて
imgタグの属性として「alt」と「title」があります。どちらも画像に対する説明テキストですが、どのように使い分けるのが正しいのか？ちょこっと触れてみます。(adsbygoogle = window.adsbygoogle || [])...
CSS Normalize.cssって何？
これまで、各ブラウザ間のにおけるデフォルトCSSの差異を一旦全てリセットして、スタイルを初めから指定していきましょうというreset.cssがありましたが、全てをリセットしてしまうことは便利な面もあり、困る場面もありました。それを補う役割と...
CSS CSSに設定するfont-family
基本的なことかもしれませんが、Webサイトを作る上でフォント設定を皆さんどうしていますか？「Windows OS」や「Mac OS」そして各ブラウザの解釈によっても異なる基本設定や、有無をも言わず明朝体にしている、とか色々なんだと思いますが...
CSS HTML5で作成するときのIE対応
ここ最近Webサイトの傾向として、様々な企業やブランドがHTML5を導入したサイトを利用するようになってきています。基本的にHTML5から導入された、新しいhtmlタグやCSSの属性などへのブラウザ対応がまちまちで、皆が様子を見ていたような...
jQuery スクロールしたら「ページトップへ」ボタンを表示する。
一定の距離をスクロールした時点で、自動的に右下など任意の場所に「ページトップへ」のリンクボタンを表示し、スムーズにそのページの先頭へスクロールするjQueryを使用してみます。デモサンプル// // 1.jQueryを読み込む【 Googl...
CSS 画像サイズを揃えてサムネイル画像を表示する
CSSで画像サイズに囚われずに、サムネイル画像を同じサイズで一覧表示する方法。大きさの異なる画像を、任意のサイズの正方形に切り取り（overflow:hiddenを使用して）一覧表示します。デモサンプル// // 1.表示する画像を用意しま...