Apple風のインターフェイスを実装するチュートリアル集Apple風のインターフェイスを実装するスタイルシートやスクリプトのチュートリアルの紹介です。 Create an apple style menu and improve it via jQuery
IE6にPNG画像のアルファチャンネルを効かせる方法のまとめ | Blog hamashun.com
最近はアルファチャンネルを含むPNG画像を利用したサイトが増えてきたように感じます。 2008年9月号のWeb Designing誌でも特集が組まれたりと、関心も高まっているようです。 ただ、そこで問題となるのはIE6のアルファチャンネル問題。 何らかの手段でこれを解決する必要があります。 少し前の仕事でこの問題を解決する必要があり、いくつかのライブラリを試してみたので、それをまとめてみます。 なお、img要素ではなく、CSSの背景画像で使用する場合として検証しました。 img要素にだけ適用したい場合には、もっとシンプルな方法があるかもしれません。 概ね共通する事 標準準拠のCSSのみでは不可能 IEの独自拡張の、filterプロパティを使う必要があります。 CSS内に記述する方法やhtcファイルを使う方法、JavaScriptを使う方法でも、結果的にはこのfilterプロパティのAlph
lightbox
The Psychology of Online Casino Play: How to Stay Cool When the Stakes RisePicture this: You're three rounds into a winning streak, stakes are climbing, and your heart rate follows. The next decision feels bigger than the last. This is where psychology matters most in online casino play: not in understanding the games, but in managing yourself. When stakes increase, the mental game [...] Read More
Seek Attention - jQuery plugin - by James Padolsey
Please be aware that this page and it's functions will only work correctly if JavaScript is enabled. We have detected that you do not have JavaScript enabled... Ergo no demo for you! :-p Last updated: 17th September 2008, See related blog post Introduction PLEASE NOTE THIS IS AN EXPERIMENTAL PLUGIN. Known issues listed below. The "seekAttention" plugin gracefully get's your users attention by fadi
MenuMatic - greengecko design
MenuMatic 0.67 MenuMatic is a MooTools 1.2 class that takes a sematic ordered or unordered list of links and turns it into a dynamic drop down menu system. For users without javascript, it falls back on a CSS menu system based on Matthew Carroll's keyboard accessible flavor of Suckerfish Dropdowns by Patrick Griffiths and Dan Webb. Syntax: html: <link rel="stylesheet" href="css/MenuMatic.css"
第3回 Lightbox風プラグインでダイアログ表示（2） | gihyo.jp
フォルダ構成（サンプル） 初期設定 ファイルが用意できたところでHTMLに初期設定のJavascriptを記述していきます。読み込むJSファイルはjsフォルダ下のjquery.js、shadowbox-jquery.js、shadowbox.jsとなります。 初期設定コード <!-- jQuery本体 --> <script type="text/javascript" src="js/jquery.js"></script> <!-- jQueryアダプタ --> <script type="text/javascript" src="js/shadowbox-jquery.js"></script> <!-- プラグイン自身 --> <script type="text/javascript" src="js/shadowbox.js"></script> <script type="
八角研究所 : FlashをHTMLに貼るライブラリ swfobject 2 を使う
FlashをHTMLに貼るライブラリ swfobject 2 を使う
Flip! A jQuery plugin
Flip is a jQuery plugin to apply flip animation to any element.0.4.1 Fixed some regression in Chrome and Safari 0.4 Fixed some bugs with transparent color. Now Flip! works on non-white backgrounds! 0.3 Added the content setting: now you can define the next content of your Flip!box. 0.2 Fixed jQuery chainability and buggy innerText rendering (Thanks xNephilimx for your tips!) 0.1 Kick off
10 jQuery scripts to improve your site's interface
With the past years rise of web 2.0, javascript frameworks have developed and made it easy for the average webmaster to make his site more dynamic. One of those frameworks, jQuery, has become extremely popular due to its ease of use and its incredibly light weight. Following are ten jQuery scripts to improve your site’s interface. Thickbox Focus on some content, image or webform, through a modal w
FirefoxとOperaでword-break:break-allを実現する「wordBreak.js」
FirefoxとOperaでword-break:break-allを実現する「wordBreak.js」 IEやsafari、Google Chromeではword-breakプロパティが実装されていますが、FirefoxやOperaではword-breakプロパティは実装されていません。 そこで、FirefoxとOperaでword-break:break-allを実現するJavaScriptライブラリ「wordBreak.js」を作成しました。 使い方 ダウンロードした「wordBreak.js」をhead要素などで読み込んでください。 <script type="text/javascript" src="./wordBreak.js"></script> word-break:break-allを利用したいtable要素のclass名に「wordBreak」というclass名を追
1stWebDesigner • Helping You Build a Better Web - For Web Professionals
Web Design What Is SKILL.md, and Why Should Web Designers Care?AI coding assistants are quickly becoming part of everyday web design and development. They can generate CSS, scaffold components, explain bugs, review code, write tests, and help move a project forward faster than most teams could have imagined a few years ago. But speed is not the same thing as… AI can write CSS now. That does not me
75 (Really) Useful JavaScript Techniques | Developer's Toolbox | Smashing Magazine
In this two-part overview, we feature some of the most useful JavaScript and jQuery libraries which could be just the right solutions for your common problems. We hope that this overview will help you find or rediscover some tools that you could use in your next projects. If you have a problem and need a solution for it, chances are high that a JavaScript library or jQuery plugin exists that was c
Sign in - Google Accounts
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
タブで写真切り替え
Innovative Tools for Web Publishing JavaScript + Ruby + PHP + Interaction Design Hi! My name is Ryan Johnson. I develop web applications for businesses in the Puget Sound area, and maintain a number of open source projects. I invite you to explore some of the links below: LivePipe™ Blog Control Suite : High Quality Controls and Widgets for Prototype Object.Event : An Event Model for JavaScript Obj
リンクしたファイルに自動でファイルサイズを付ける「addSizes.js」:phpspot開発日誌
addSizes.js: Snazzy automatic link file-size generation | Natalie Downe リンクしたファイルに自動でファイルサイズを付ける方法があるみたいです JavaScriptライブラリの addSizes.js を使えばそれが可能です。 サーバに接続して、Content-Length ヘッダーを読んでいるみたい。 Content-Lengthを吐かないサーバだと使えない点に注意。 ファイルサイズを付けるのって面倒ですが、結構重要な情報だったりしますよね。 フリーソフトのダウンロードページなんかだと導入すれば、配布ファイルのサイズが変わってもそのまま使えるので、便利そうですね。
Javascript in Modern Web Design - Web Designer Wall
In today’s web design, Javascript is a must-have component. Aside from its functionality, Javascript can enhance user experience by creating transitional effects such as fading and sliding animation. Thanks to the open source Javascript frameworks, we don’t need to write custom Javascript from scratch anymore. Here are 47 Javascript plugins that you can use to enhance the user experience and funct
スクロールしてもついてくる！のJavaScript「jQuery Scroll Follow」
twitter facebook hatena google pocket ページが縦に長くなるとサイドメニューとかが見えなくなってしまいます。 それを防ぐ方法としてabsoluteやfixedするケースがあります。 jQuery Scroll FollowではjQueryを使用し、スムーズについてきます。 sponsors 使用方法 jQuery Scroll FollowからjQuery、jQuery UI Core、jQuery Easing Plugin、jQuery Cookie Pluginをダウンロードします。 headには以下のように記述します。 <script type="text/javascript" src="http://yourdomain/jquery-1.2.6.js"></script> <script type="text/javascript" src
TinyMCEとFCKeditorの違いを比較 | kyms
<span style="font-size: x-large; color: #ffff00; background-color: #99cc00;">あいうえお</span> <span style="font-size: x-large"><span style="background-color: #99cc00"><span style="color: #ffff00">あいうえお</span></span></span> この種の記述の場合、きめ細かい処理ができるのはTinyMCEのようです。このへんは設定次第なところでもあるのですが、今のところFCKeditorにはこのような処理を行なうオプションは存在しないみたいです。TinyMCEの場合、使用できる／できないタグ要素はもちろん、属性レベルまで細かく設定が可能です。ユーザに使わせたくないタグを具体的に制御することができます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.lousyllama.com/sandbox/jquery-autotab
HugeDomains.com