Copyright (C) 1999 - 2011 Graphic Arts Unit All rights reserved.
Copyright (C) 1999 - 2011 Graphic Arts Unit All rights reserved.
Firefox、Safari、Chromeは、この指定がなくても透過されます。(IEやOperaではこの指定が必要です) IEでの透過方法 IEの場合は、このプロパティの設定に加えてallowtransparency属性の指定が必要になります。 <iframe src="example.html" allowtransparency="true"> ~ </iframe> 上記のように、iframe要素に allowtransparency="true" を加えます。 詳しくは、HTMLリファレンスのインラインフレームの背景を透過するをご覧ください。 使用例 インラインフレームを設定する文書 <html> <head> <title>文書のタイトル</title> <style type="text/css"> div { padding: 20px; background: #fffff
404 Not Found お探しのファイルは見つからないようです。 お手数ですが、下記リンクからトップページへお戻りください。 CoolWebWindow Copyright (C) Cool Web Window All Rights Reserved
Lightweight Circle slideshow〔くるくる回して画像を切り替える円形のイメージギャラリー〕 Smooth Div Scroll〔水平方向に並べた画像をマウス操作でするするスクロール〕 Nivo Slider〔9種類のエフェクトがかけられるイメージスライダー〕 Galleriffic〔画像ギャラリーをリッチかつ高速にレンダリング〕 IMGPREVIEW〔マウスオーバーでリンク先の画像をプレビュー表示〕 jQuery largePhotoBox plugin〔大きな画像対応ポップアップ(マウス移動で画像全体を閲覧可能)〕 PIROBOX〔シンプルかっこいい画像ポップアップ〕 bxGallery〔シンプルな画像ギャラリー〕 A Simple jQuery Slideshow〔シンプルなスライドショー〕 Accessible News Slider〔全件表示や件数に応じて前
TOP > WebDesign > jQueryで実現するアニメーションTips13選「13 Excellent jQuery Animation Techniques」 最近のWEB制作ではよく使われるJavaScriptライブラリの1つ「jQuery」。様々な動きをつけることが可能ですが、今日紹介するのはjQueryを使ったアニメーションのTipsをまとめたエントリー「13 Excellent jQuery Animation Techniques」です。 Create a Cool Animated Navigation with CSS and jQuery 全部で13のjQueryを使ったアニメーションのTipsが紹介されていますが、今日はその中から気になったものをピックアップして紹介したいと思います。 詳しくは以下 ■Timothy van Sas – Animate
::You are here: Home >Menu Rollover Animated Rollover Arrow Another disjointed Rollover effect that animates a menu pointer as you scroll along the horizontal menu. There are no animated gifs used in this demo and the movement is purely in css. Although I wouldn't recommend that you use this method in its entirity it could be used in small doses for interesting effects. Roll your mouse over the li
Free CSS Menu Templates (Navigation Menu) is one of the most important elements of a web designs.Content-Rich Website without usable navigation will be uselessNavigation Menu is one of the most important elements of a web designs. Content-Rich Website without usable navigation will be useless. If you’re looking for a free css menu template to add a navigation menu to your design Web site, these fr
WEB制作のチュートリアルって本当に多いですよね。 でも、本当に役に立っている、制作に生かせてるチュートリアルって少なくないですか?チュートリアルの過程が中途半端だったり、途中からついていけなくなったり。はたまた、続きは有料なんて物も今までありました。 しかし!僕の短いWEB屋人生ですが、年に2、3は『お、おぉぉ!マジテンション上がるWA!』と叫びたくなるチュートリアルに出会うことが稀にあります。そんな感銘を受けたチュートリアルは速攻でFacebookにアップしているのですが、今回は今日まで見てきた中で、余りにクオリティが高かったり、確実に自分や周りのスキル、そしてテンションを上げたチュートリアルを厳選してご紹介! 英語記事メインですが、デザインよりならステップbyステップなのでなんとかなります!コードなら、Demoとか多いので見ながらついていけば理解できます!是非参考までに流し読みして見
dakkie | Hiroki Onoda 愛知県名古屋市在住のWebデザイナー。雑貨、カメラ、カフェ、旅、空、海、コーヒー、料理が大好き。ボリビアにあるウユニ塩湖に行くこと、写真で個展(2013年7月22日~28日にmonogramで開催予定)を開くこと、独立すること、空とコーヒーと写真と雑貨が楽しめるカフェを開くことを夢見てる。 E-mail:dakkie.com@gmail.com twitter:dakkie_ facebook:hiroki.onoda sumally:dakkie booklog:dakkie Twitterのツイートを自分のブログやサイトに表示させるために便利なTwitter ウィジェットというものが公式から出ています。 その公式のウィジェットは、ある程度カスタマイズができるようになっていますが、できるものはどれも同じような見た目になってしまって、何だか物足り
CSSによるフォントサイズの指定は「font-size」属性を使って簡単に設定することができますが、ピクセル指定などの絶対的サイズで統一する方法にくらべて非常にやっかいなのが、相対的なサイズによるサイズの統一です。 ブラウザによって異なる、フォントサイズの境界 例えば「font-size:70%」というふうに指定して、Internet Explorer 6とFirefox2.0で見てみたページが以下のようなものです。 ※ページはxmlタグつきのXHTML1.0 Strictで作成、つまりInternet Explorer6は下位互換モードで表示されていますが、標準モードでも同じサイズで表示されます。 あきらかにFirefoxで表示されたページのフォントサイズが小さくなっていることがわかります。 このように、フォントをパーセント指定した場合は、その数値によってフォントサイズを規定する境界に微
デコもじは2016年11月30日(水)をもちましてサービスを終了致しました。 デコもじをご利用中の会員様におかれましては、サービス終了日をもちましてフォントの配信が終了となり、有料プランをご利用の場合はサービス終了日をもちまして課金が停止されております。 ※フォント配信は終了となりますが、Webサイト上に設置した JavaScript コードは会員様ご自身で削除をお願いいたします。 これまで長らくデコもじをご愛顧いただき、誠にありがとうございました。今後もシーサー株式会社の各種サービスのご愛顧のほどよろしくお願いいたします。
Codrops Demos Hub Discover our curated collection of 500+ free animations, interaction concepts, UI designs, web templates & more. Stay in the loop: Get your dose of frontend twice a week 👾 Hey! Looking for the latest in frontend? Twice a week, we'll deliver the freshest frontend news, website inspo, cool code demos, videos and UI animations right to your inbox. Zero fluff, all quality, to make y
seekAttention 注目箇所だけハイライトのアニメーションで強調。 スクロール・ドラッグなど操作関連のjQueryのプラグイン
animateToSelector〔CSSとjQueryを使用したリスト要素のドロップダウンメニュー〕 Another Solution to Animation Queue Buildup in jQuery〔待機アニメーションの補強〕 CSS Dock Menu〔Mac OS Xのドック風のメニュー〕 CSS Sprites2〔jQueryとPHPを使用した投票システム〕 CSSとjQueryを使用したリスト要素の垂直型ドロップダウンメニュー CSSとjQueryを使用したリスト要素の水平型ドロップダウンメニュー Designing the Digg Header〔Diggのヘッダ風の垂直型ドロップダウンメニュー〕 Emenu〔ヘッダ画像内に収まる固定幅・固定高さのドロップダウンメニュー〕 Fixed Fade Out Menu〔ロールオーバーでフェードアウトするページ上部固定ナビゲー
jQueryを使って、フルスクリーン表示した背景画像とコンテンツ要素を シンプルなアニメーションでスライドショーさせる 「Animated fullscreen background image slideshow using jQuery」が 使い勝手良く、スクリプトの参考にもなりそうだったのでメモ書きしておきます。 ≫Animated fullscreen background image slideshow using jQuery ≫デモページはこちら デモページ画面上に表示されている「1」~「4」までのボタンをクリックすると 背景画像とコンテンツ要素がスライドアウト → スライドインして表示されます。 上記の紹介ページには実装の際のHTML、CSSコードの記述方法や SCRIPTのチュートリアルが用意されています。 (プラグインというよりかは直接スクリプトを書き込んで使うタイプと
jQueryで背景画像を全画面表示する 最近ではjavascriptでも表現できることが飛躍的に増え、Flashサイトのようなリッチなサイトも多くなってきましたね。 ということでFlashサイトと聞いて一番最初に思い浮かべそうな背景画像の全画面表示というのをjQueryで作成してみたいと思います。 投稿日2010年11月30日 更新日2011年04月26日 html+cssの準備 背景画像を全面表示するっていうタイトルですが、cssのbackgroundにはサイズを指定するプロパティがないので、気持ち悪いけど画像は普通に配置します。 html <img src="101121_2.jpg" width="100%" height="100%" id="bg" /> <div id="contents"> <h1><a href="#">jQueryで背景画像を全画面表示する。</a></h
jQuery.spritely is a jQuery plugin created by Artlogic for creating dynamic character and background animation in pure HTML and JavaScript. It’s a simple, light-weight plugin with a few simple methods for creating animated sprites such as the birds you see on this page, and dynamic scrolling backgrounds. You can use it on any html web page, and any part of the page can interact with a sprite (clic
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く