[B! JavaScript][!tip] mimosafaのブックマーク

mimosafa id:mimosafa

JavaScriptと!tipに関するmimosafaのブックマーク (3)

jQueryで画面遷移のないサイトを作ろうとしたときのちょっとしたメモ
jQueryで画面遷移のないサイトを作ろうとしたときのちょっとしたメモ jQueryを使って画面遷移のないサイトを作ろうとしたときのちょっとしたメモです。サーバーとやり取りをする、Ajax的なことは書いていないのであしからず。投稿日2012年02月03日更新日2012年02月03日リンク（href）を無効にする画面遷移のないWebサイトでもJSのない環境やSEOも考慮して href にリンク先を設定したいときがあります。 hmtl <a href="hoge.html" id="btn">ボタン</a> このような場合だと #btn にイベントを設定しても画面遷移してしまいます。 click イベントに「e.preventDefault()」と記述すればhrefを無効にになり画面遷移が行われません。 javascript $('#btn').click(function(e){
mimosafa 2012/02/15
画面遷移のないサイト

!tip

snippet

javascript

jquery

Ajax
リンク
IE6からでも角丸に。CSS3を使わずJavaScriptでやります。 - Shinichi Nishikawa's
CSS3で角丸、便利なんですけど、IEは9でも無視ですから、使えません。なので、こちらを使って丸くします。 CurvyCorners http://www.curvycorners.net/ 使い方は、ダウンロードしてきたcurvycorners.jsを読み込んで、下記のように<head>に書きます。読み込み <script type="text/JavaScript" src="curvycorners.js"></script> 設定 <script type="text/JavaScript"> addEvent(window, 'load', initCorners); function initCorners() { var settings = { tl: { radius: 20 }, tr: { radius: 20 }, bl: { radius: 20 }, br:
mimosafa 2012/01/27
!tip

ie

javascript

border-radius
リンク
HTML5 を IE や Firefox 2 でも使えるようにする方法 - html5doctor - HTML5.JP
サイト内検索この記事は、html5doctor に掲載されている記事「How to get HTML5 working in IE and Firefox 2」を日本語訳したものです。この記事では、新要素に対応していない IE や Firefox 2 で、新要素を適切にレンダリングさせる方法を分かりやすく解説しています。HTML5 でサイトを作る場合には、必須の知識となります。原文タイトル How to get HTML5 working in IE and Firefox 2 原文ページ URL http://html5doctor.com/how-to-get-html5-working-in-ie-and-firefox-2/ 著者 Remy Sharp 氏原文投稿日 2009-06-20 一部、直訳ではなく意訳した部分がございます。原文と表現が異なることがございますので、ご了
mimosafa 2012/01/26
!tip

ie

javascript

html5
リンク
1