7月, 2010
配置をマスターして「機能するレイアウト」を作る大切なポイント
Post on:2010年7月6日
ページに配置するエレメントの特質を理解し、1/3ルールやスペースやグリッドなどのデザインルールを取り入れ、「機能するレイアウト」を作るポイントを紹介します。 Using Landmarks Makes Page Layo
[JS]CSSスプライトにフェードや移動、不透明度の変更を加えるスクリプト -bgFade
Post on:2010年7月6日
マウスホバー時に背景画像をフェードで変更させ、更にアニメーションでの移動や不透明度の変更もできるスクリプトを紹介します。 jQuery bgFade Plugin デモ
インスピレーションが刺激される50のクリエイティブなイメージ
Post on:2010年7月5日
bluefaqsからクリエイティブなアイデアを生むのに役立ちそうなフレッシュなイメージをいくつか紹介します。 50 Really Cool Random Images For Your Inspiration Feeli
[JS]画像内の特定箇所のみをハイライト表示にするスクリプト -ImageHighlighter
Post on:2010年7月5日
テキスト箇所へのマウスホバーに合わせて、画像内の特定箇所のみをハイライト表示にするスクリプトを紹介します。 ImageHighlighter デモページ キャプチャは「Menu Bar」をハイライトしたもの
[CSS]画像に美しい角丸とボックスシャドウを適用する方法
Post on:2010年7月2日
img要素で配置した画像にCSS3の角丸とボックスシャドウを適用をすると、Firefoxで角丸が反映されなかったり、Webkitブラウザでボックスシャドウが欠けたりします。 これを解消するCSSのTrickを紹介します。
[JS]IEでフォームのselect要素の中身が省略されてしまうのを解消するスクリプト -ieSelectWidth
Post on:2010年7月2日
IEでフォームのselect要素にwidthを指定した際、はみ出した箇所が省略されてしまうのを解消するスクリプトを紹介します。 Internet Explorer Select Width Bug Workaround
PSD, EPS, AIファイルの閲覧、別フォーマットに書き出しもできるフリーソフト
Post on:2010年7月2日
PhotoshopやIllustratorなど高価なソフトを使用せずに、PSD, EPS, AIファイルを開いて中身を確認をできるフリーソフトを紹介します。 PSDファイルをPSD viewerで開いたキャプチャ
実例から学ぶ、写真画像を使ってウェブデザインに奥行きを与える方法
Post on:2010年7月1日
ウェブページの背景やヘッダに写真画像を配置して、デザインにさらに奥行きを与えた素晴らしいサイトをSix Revisionsから紹介します。 Excellent Examples of Using Photos in We
[JS]あなたのウェブページを52の言語に自動翻訳するボタンを簡単に設置できる -Translate This Button
Post on:2010年7月1日
あなたのウェブページを自動で52の言語に翻訳するボタンをコピペで簡単に設置できるスクリプトを紹介します。 Translate This Button デモ
sponsors
