[CSS]リスト要素を使用したスタイルシートの5つのトリック
ul, ol, dl要素を使用したスタイルシートの5つのトリックをPieter Beulqueから紹介します。 <textarea name="code" class="html" cols="60" rows="5"> <ol> <li><span>Lorem ipsum dolor ... elit.</span></li> <li><span>Aliquam ... eu risus.</span></li> <li><span>Vestibulum ... neque.</span></li> <li><span>Lorem ipsum dolor ... elit.</span></li> <li><span>Aliquam ... eu risus.</span></li> <li><span>Vestibulum ... neque.</span></li> </ol> </
[JS]滑らかにスライドするナビゲーションを実装するチュートリアル
滑らかにスライドするアニメーションが軽快なナビゲーションを実装するチュートリアルをSoh Tanakaから紹介します。 Animated Navigation with CSS & jQuery demo デモでは背景の有無の2パターンで、どちらも滑らかにスライドするアニメーションが面白い効果を生み出しています。 ナビゲーションはリスト要素で実装されており、「overflow:hidden;」でマスクし、マウスのホバーでスライド表示させています。 <textarea name="code" class="html" cols="60" rows="5"> <ul id="topnav"> <li><a href="#">Home</a></li> <li><a href="#">Services</a></li> <li><a href="#">Portfolio</a></li> <li
都道府県選択するやつ。
メモ。 誰かの役にも立つかもしれないしってことで、いつも過去の案件のソースとか探してペタペタしてるけど、何処で使ったのか忘れたりするのでここに貼っておこう。 - コメントにて使用条件を書いてほしいとの事だったので念の為追記しておきます。 特別記載が無いエントリー以外は、どう使うのも自由です。 自分のブログにそのままソース掲載してもらっても、仕事で使ってもいいですし、あらゆる用途に対して自由に使ってください。 もちろん、改変・配布とかも自由です。 ただ、ウチで公開しているソースやサンプルに対して何らかの問題が生じても責任は負いません。各自の責任でご利用ください。 大体こんな感じです。 select要素でマークアップ済みの都道府県のやつ <select name="都道府県"> <option value="">都道府県をお選びください。</option> <optgroup label="北
商用サイトでも利用可、ウェブサイトのさまざまなパーツが揃ったフリーのPSD素材
ナビゲーション・ボタン・スライダー・タブ・パネル・フォーム・ページネーションなど、ウェブサイトのさまざまなパーツが揃ったフリーのPSD素材をBest Blog Boxから紹介します。
シマシマの見やすいテーブルを作成するMooToolsプラグイン「ZebraTable」:phpspot開発日誌
MooTools Zebra Table Plugin Example シマシマの見やすいテーブルを作成するMooToolsプラグイン「ZebraTable」。 次のようなシマシマにして見やすいテーブルをjavascriptで自動で作成できるMootoolsプラグインのご紹介。 カーソル位置をクリックで色を変更、マウスオーバーでも色変更機能が付いてます。 サーバサイドでやると結構面倒でコードも見にくくなるので、JavaScript で自動でやっちゃうのがスマートですね。 jQuery を使ったものも日本製であるみたいです。 テーブルをゼブラ（ストライプ）模様にできるzebraTable.jsを公開しました
ウノウラボ Unoh Labs: デザインセンスの無い人がwebサイトを作成する際に参考にしているサイト
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
既存のデザインのクオリティをアップする8つのポイント
デザインが単調な感じのときには、使用している色を鮮やかにしてみます。 変更した色をベースに、カラースキームを設計します。 Color Scheme Designer 3 2. モノクロは慎重に ブラックやホワイトなどモノクロをテーマにした素晴らしいデザインのウェブサイトは多数あります。モノクロは単色で構成されたものですが、一色加えることでデザインが容易になることがあります。 ポイントはその一色のみにこだわらずに、他の色も充分に検討することです。 3. グリッド レイアウトの活用
TOP ／ シャンソン化粧品 シャンソンVマジック オフィシャルサイト
この度の令和６年能登半島地震により被災された皆様、 ならびにそのご家族の皆様に心よりお見舞い申し上げますと共に、 皆様の安全と被災地の一日も早い復興を心よりお祈り申し上げます。 この度の令和６年能登半島地震により被災された皆様、ならびにそのご家族の皆様に心よりお見舞い申し上げますと共に、皆様の安全と被災地の一日も早い復興を心よりお祈り申し上げます。
CSSでボタンのロールオーバーをデザインする【1】：CSS 3分コーディング
CSS（スタイルシート）の色々なテクニックや知識を紹介していく「CSS 3分コーディング」のコーナーです。 はじまりはじまり。 今回のテーマ：CSSでボタンのロールオーバーをデザインする【1】 マウスカーソルを重ねたときに、デザインが変わるボタンをCSSだけでデザインする方法をご紹介します。 :hover疑似クラスとbackground-imageを使います。CSSの基礎知識がある方やCSS講座を受けていただいた方ならさくっとお気付きかもしれませんが、ちょっとした工夫があったりします。先日の講座でもご質問いただいたので改めてご紹介します。 まず、根本の発想は「マウスカーソルが重なったときにbackground-imageで画像を切り替える。」わけですが、「別の画像ファイル」ではなく、「同じ画像ファイル」を使います。 ポイントは、背景画像をずらす！です。 このようにします。 <ul> <li
BannerBlog : Where Banners Click
Pulse Jam is a 16-bit styled rhythm based web game that ran as an expanding masthead on YouTube Players of Pulse Jam earn points and progress through different landscapes and levels by tapping the space bar in time to the synthesised soundtracks.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Dotted Background Generator
[CSS]パネルの情報を整理したドロップダウンを実装するスタイルシート
[JS]拡大縮小時のアニメーションの勢いがすごいLightbox風のスクリプト -Bumpbox
http://www.designwalker.com/2009/07/photoshop-scratch.html
ペーパーデザインのWEBサイトを作るときに見るべきまとめ*ホームページを作る人のネタ帳
indeza.jp
indeza.jp
indeza.jp
http://www.designwalker.com/2009/07/web-design-trend2009.html
[JS]アクティブなタブとパネルの境界線を無くすチュートリアル