CSS3なら簡単！ アニメーションするリングメニューを作る | CSS-EBLOG
CSS3なら簡単！ アニメーションするリングメニューを作る カテゴリ：CSS3関連 2011年7月19日 07:40 jsdo.itで公開したら意外と好評だったので、解説などを書いてみたいと思います。 ゲームなどにありそうなリングメニューを、CSSだけを使って実装した例です。下に実際の動くサンプルもあるので、ぜひ触って見てください。 ちなみに右の画像は、中央の「main」にマウスオーバーした際にアニメーションでメニューが出てくる瞬間の画像です。 デモ まずは下のサンプルをご覧ください。ちなみにアニメーションに対応しているブラウザのみ、アニメーションが実行されます。具体的には、GoogleChrome、Safari、Firefox、Operaです。 リングメニューをCSSで実装してみる - jsdo.it - share JavaScript, HTML5 and CSS テクニックの肝 今
【3つ以上知ってたら】マイナーだけどオススメのjQueryプラグイン12選【情報強者】
みんな大好きjQuery、愛して止まないプラグイン。 全世界で開発・公開されているjQueryのプラグインですが、あまりに総数が膨大すぎて、なかなか陽の目を見ないという寂しげなプラグイン君も多いことでしょう。 だけど、そんなマイナーなプラグインの中にも、実はめちゃめちゃイカしたヤツらがいるんです！ なので今回のエントリーでは、そんな隠れた財宝たち、あまり有名ではないけどホントはすごいんです！っていうオススメのプラグインに焦点を当ててみました。 あ、タイトルはほぼ釣りですw 強烈インパクトのオススメjQueryプラグイン12選 1.CSS Dock Menu jQueryでMAC風DOCKを実現するプラグインは「jqDock」をはじめ数あれど、コレがダントツでスムーズな挙動だと思ってます。 設置には少ーしコツというかクセがありますが、かなり機敏にサクサク動くのでオススメですよ！ DEMO :
プロレベルのサイト作成時に使える実用Photoshopチュートリアル集:phpspot開発日誌
25 Photoshop Tutorials for Web Designers - Six Revisions プロレベルのサイト作成時に使える実用Photoshopチュートリアル集。 ページ全体だけではなく、ヘッダーやナビゲーション等、パーツによって個別に別れているので使いやすそうです。 テンプレート作成のチュートリアル Photoshop Paper Texture from Scratch How to Create a Grunge Web Design Design an Awesome Band Website Template ナビゲーション作成のチュートリアル Design Watercolor Effect Menu Glossy-Style Carbon Fibre Navigation Buttons CSS Menu With Icons サイトヘッダー作成のチュ
jQuery 伸縮するサイドメニュー｜CSS Lecture
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
[CSS]ハック無しで、不透明なパネルをドロップダウンするナビゲーション
IEをはじめとするクロスブラウザ対応の不透明なスタイルを適用したドロップダウン型のナビゲーションをCSSplayから紹介します。 IE6でのキャプチャ ナビゲーションはJavaScriptやtableは使用しておらず、スタイルシートもハックや条件付きコメントは使用していません。 対応ブラウザはIE5.5/6/7/8, Fx, Op, Safari(Win), Chromeとのことです。 また、同様に垂直型のナビゲーションも公開されています。
Web site hosting - Coders.me
Hosting on legacy fx on our shared hosting web hosts plans may be a very easy task, and if you carefully follow all the instructions provided below, you ought to have your website up and running in but 10 minutes. This tutorial has been written for and tested on Linux servers with DirectAdmin and cPanel. In order to attach your website like ForexBrokersSouthAfrica on a shared web hosting account,
[JS]ホバー時に光源が移動するエフェクトがかっこいいスクリプト
マウスのホバー時に、光源がカーソルに追従するエフェクトがかっこいいスクリプトをcoders.meから紹介します。
'animateToSelector' jQuery plugin
By James Padolsey Intro Demo JavaScript CSS Docs [this page] Last updated 10th February, 2009. Intro: This jQuery plugin will allow you to animate any element to styles specified in your stylesheet. All you have to do is pass a selector and the plugin will look for that selector in your StyleSheet and will then apply it as an animation. The example below uses the plugin to animate the links to the
30 jQuery Menu Bar Tutorials & Examples - 1stWebDesigner
Navigation menus have really important role in any website. For big sites full with a lot of pages and articles, drop down menus and tabs are popular because they can make it a lot more easier to navigate and move through site, also you can save space on website displaying content on dynamic tabs. Also if you want to create a navigation menu, that really stands out of the crowd, jQuery could be th
株式会社 アイドマ
DXの加速など、コミュニケーションがますます複雑になってきている今、 お客様が持つ想いを共有し、その想いを形にするため、 アイドマは、デジタルとアナログの領域を自由に行き来し、 表現を用いて、目的地に適したルートをご案内いたします。 こんな時代だからこそ、ターゲットに届くコミュニケーションデザインを大切にしています。 WORKS
22 Versatile Adobe Flash Menu and Navigation Tutorials : Speckyboy Design Magazine
Depending on the type of website or app you’re building, there will always be some key areas to which you have to give more attention than others. One area that is critical to all types of websites, and requires more thought than others, is navigation. Menu items generally lead to a site’s most important pages or areas and help visitors navigate easier. And, as you have to consider multiple screen
ちょっと変わったCSSによるナビゲーションメニューいろいろ:phpspot開発日誌
「30 Exceptional CSS Navigation Techniques」というエントリにて色々とナビゲーションメニューが紹介されていました。 大体、メニューというと階層型が一般的ですが、ちょっとユニークなメニューを見つけたのでご紹介。 CSS Menu menu 凄い形のメニュー。 なぜこういう形なのかは不明ですが、CSSで実現してしまっているところは脱帽です。 Vimeo like top navigation | デモページ カーソルを合わせるとビヨーンと伸びる省スペースで実現可能なクールなナビゲーション。サンプルソースのDLも可能です。 タイトルビヨーンと伸びます。 ヘルプもビヨーンと、角丸加減がナイスです。 Vimeoの物は、置いておくだけでもかっこいいかもしれませんね。 そもそもの選択肢が少ないっていうことで、ユーザビリティ向上にも役立ちそうです。 Vimeoの物に関
画像を3Dにぐるぐる回すFlashコンテンツ (flShow Carousel 1.7) -稀によくあるブログ
非常に滑らかな動きで、オンマウス時にピタリと止まってくれるので、ちょっとしたメニューとして入れてみても良いかもと思えます。 この前の記事でmootoolsを使用した同様のものを紹介しましたが、こちらのほうが設置、設定共に簡単で、使いやすいと思います。 画像も特にサイズを合せたりしなくとも、表示位置の大きさに合せて自動で調節されるので、画像同士の高さの差があまりにも大きくなければ、そのままxmlファイルに書き込んでも大丈夫だと思います。 折りたたむ xmlファイル書き方 表示する画像は全て、ここに書き込みます。 サイズはjsで書き込んだ全体のサイズに自動で縮小されるのでここでは画像パスと、画像からのリンクを書き込みます。 <?xml version="1.0" encoding="utf-8"?> <!-- fhShow Carousel 1.7 configuration
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://blog.net-king.com/2010/10/06/%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC%E3%81%AB%E3%83%9E%E3%82%A6%E3%82%B9%E3%82%AA%E3%83%BC%E3%83%90%E3%83%BC%E3%81%99%E3%82%8B%E3%81%A8%E3%83%A1%E3%82%A4%E3%83%B3%E7%94%BB%E5%83%8F%E3%81%8C%E5%88%87/
ユーザーフレンドリーな優れたナビゲーション集
HOME | Noisefreak
[CSS]スクリプト無しで、ナビゲーションの背景全体を変更するスタイルシート
Navigation Markup After Content | CSS-Tricks
AJAX24 » e24TabMenu – AJAX Dropdown Tab Menu
角丸や矩形だけではない、タブ型ナビゲーションのデザイン集 | コリス