フッターの背景をコンテンツが少ない時でも下まで表示させる
デジパのベトナムオフィシャルサイトがオープンしました。 さて、今回はこのデジパベトナムを組むのに辺り、最初は無理（もしくは相当厄介）だと思ってたことが思ったよりカンタンに出来たのでご紹介。 Movable Type 4のデフォルトテンプレートもそうですが、コンテンツの内容が少ない場合に、フッター部分は当然上に来てしまい、下がbodyに指定している背景色になってしまいます。 キャプチャみたいな感じです。 コレがイヤでフッターをページ下部に固定する方法とかを使う事もあるかと思いますが、アレはアレでコンテンツ部分が間延びしてしまう感じも無きにしも非ずだったりします。 と、言うか個人的には1サイトに1ページ有るか無いかも分からないような部分に労力を割きたくないのが正直なトコロなので、出来れば見逃して欲しい部分だったりします。 htmlとbody要素にheight: 100%指定して...みたいなの
シンプルにクールで使用感のよいボタンを作るサンプル:phpspot開発日誌
Particletree Rediscovering the Button Element Creating a consistent interface for your users is a constant struggle for every application designer. シンプルにクールで使用感のよいボタンを作るサンプル。 次のようなボタン、あったらつい押したくなりそうです。 フラットなデザインで、押した感じが心地よいです。 単純に、ボタンタグで <button type="submit" class="positive"><img src="/images/icons/tick.png" alt=""/>Save</button> のように定義してスタイルしている感じで、マークアップとCSSが公開されています。 ボタン作成の際の１参考にできそう。
[JS]入れ子の階層に対応した、多段型ナビゲーションのスクリプト集
Dynamic Driveのエントリーから、入れ子の階層に対応した多段型ナビゲーションのスクリプトを紹介します。
写真画像を見栄えよくするPhotoshopのチュートリアル集: Part 3 | コリス
写真画像をレタッチして、見栄えをよくするPhotoshopのチュートリアル集のPart 3です。 Photo retouch Enhancing The Sky In A Photo Photo re
Photoshop＆Illustratorのキラーチュートリアル５３:phpspot開発日誌
53 Killer Photoshop Illustrator Effects and Tutorials Photoshop＆Illustratorのキラーチュートリアル５３、というエントリが公開されていました。 どれもうなるような作品ばかりで、その製作過程が見れるというのは非常に参考になりますね。 特に目をひいたものをピックアップ。 Create cool neon effects Creating Smoke Jessica Rabbit Silver White Fractal Rainy Day Rainbows The Dream In A Puddle Nietylko 参考にすれば、目を引くブログのヘッダー画像みたいなものは簡単に作れてしまいそうですね。
便利なＣＳＳテクニック３０選:phpspot開発日誌
30 Exceptional CSS Techniques and Examples | Six Revisions In this article, I’ve pieced together 30 excellent CSS techniques and examples 便利なＣＳＳテクニック３０選ということでエントリがまとまっていたので紹介。 特に気になったものを以下にまとめました。 Hoverbox Image Gallery - 画像ギャラリー上でマウスホバー時に画像拡大 デモはこちら CSS Photo Zoom - 文書に添付の画像にカーソルを合わせると画像拡大。テキスト位置も自動調整 デモはこちら whatever: hover - windowsのスタートメニュー風の階層メニュー デモはこちら Content Overlay with CSS - オーバーレイでdescr
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[CSS]スクリプト無しで、スタイルシートで実装するアコーディオン
[JS]フォームのボタンやチェックボックスをかわいくするスクリプト | コリス
水彩画風デザイン チュートリアルとブラシ - DesignWalker