タグ

ブックマーク / blog.webcreativepark.net (7)

  • AndroidやiPhoneのHTML,CSS,JavaScriptのバグまとめ

    AndroidiPhoneHTML,CSS,JavaScriptのバグまとめ AndroidiPhoneなどのスマートフォンではHTML,CSS,JavaScriptにバグが多くてコーディングが大変になります。そこでバグを紹介しているサイト、記事をまとめてみました。(中にはバグではなく仕様なものもあるかもしれません) iOS 8.4.1の:hover問題 iOS 8.4.1で:hoverを指定していると1タップでページ遷移できない問題 【STINGER5】AndroidChromeで が「・」になってる気がする | ビビビッ  を に変更すると直るとのこと。 Mobile Safari 8でposition: fixedした擬似要素が完全に位置が固定されない - Weblog - Hail2u.net Mobile Safari 8でposition:

    AndroidやiPhoneのHTML,CSS,JavaScriptのバグまとめ
  • 14のjQueryベストプラクティス[to-R]

    14のjQueryベストプラクティス 原文:14 Helpful jQuery Tricks, Notes, and Best Practices 良かったので翻訳してみました。かなりの意訳で、上手に訳せてない箇所も多いので詳しくは原文を参照してください。 1.メソッドはjQueryオブジェクトを返す ほとんどのメソッドがjQueryオブジェクトを返すのが重要です。 これにより次のようなメソッドチェーンが可能になっています。 $someDiv .attr('class', 'someClass') .hide() .html('new stuff'); jQueryオブジェクトを返すのがわかっていれば次のように分割して書くことも出来ます。 var someDiv = $('#someDiv'); someDiv.hide(); 次のように一行で書くことも出来ます。 var someDiv

    14のjQueryベストプラクティス[to-R]
  • jQueryでiPhone/iPadの向きを検出する[to-R]

    jQueryでiPhone/iPadの向きを検出する iPhone/iPadで向きの概念が存在し、横向き(landscape)と縦向き(portrait)によって幅が変わるのでデザインやスクリプトを変更することがあります。 そういった場合に利用できるのがメディアクエリーのorientationです。 <link rel="stylesheet" media="all and (orientation:portrait)" href="portrait.css"> <link rel="stylesheet" media="all and (orientation:landscape)" href="landscape.css"> このように記述をすると縦向き(portrait)の場合はportrait.cssを横向き(landscape)の場合はlandscape.cssを読み込むことが出

    jQueryでiPhone/iPadの向きを検出する[to-R]
  • Ajax中にページ更新する際の注意点

    Ajax中にページ更新する際の注意点 Ajaxで通信中にF5などを押してページをリロードすると通信エラーが帰ってきます。 詳しくは調べていませんが、どうもFirefoxでの挙動のようです。 参考:FirefoxでAjax中にF5押したとき « pocketo.net blog このサイトのようにAjaxのXMLHttpRequestをabort()で中断すれば、この問題は解決できます。 var xhr = $.ajax( {....}) $( document ).bind( 'beforeunload', function() { xhr.abort(); } ); ただ、通信の数が多い場合は、毎回設定するのは少し面倒。 そういう場合は、以下のように設定しておくとjQueryでajaxを使うと自動でabort()を設定してくれます。 $("body").bind("ajaxSend",

    Ajax中にページ更新する際の注意点
  • [ASCII.jp] jQueryによるフォームのデザインの基礎

    [ASCII.jp] jQueryによるフォームのデザインの基礎 ASCII.jpの連載「Web制作の現場で使えるjQuery UIデザイン入門」で第8回 jQueryによるフォームのデザインの基礎(前編)と第9回 jQueryによるフォームのデザインの基礎(後編)が公開されました。 フォームでのjQueryの機能や様々なTIPSを紹介しております。 なるべく実用的なサンプルを利用して、紹介しておりますので是非参考にしてください。 関連エントリー [ASCII.jp] jQueryのイベントをチュートリアルで学ぶ [ASCII.jp]サンプルで学ぶjQuery:(X)HTML/CSSを操作する [ASCII.jp]初めてのjQuery:セレクターAPIを一挙解説 [ASCII.jp] jQueryのダウンロードとインストールのチュートリアル ASCII.jpで連載開始しました「Web制作

    [ASCII.jp] jQueryによるフォームのデザインの基礎
  • [ASCII.jp] jQueryのイベントをチュートリアルで学ぶ

    [ASCII.jp] jQueryのイベントをチュートリアルで学ぶ ASCII.jpの連載「Web制作の現場で使えるjQuery UIデザイン入門」で第6回 jQueryのイベントをチュートリアルで学ぶ(前編)と第7回 jQueryのイベントをチュートリアルで学ぶ(後編)が公開されました。 クリックやマウスの操作などのjQueryイベントの使い方について簡単なギャラリーシステムを作成しながら解説を行っております。 だいぶ、プログラミングチックになってきましたが、簡単にここまで出来るんだというのを実感していただけると思います。 興味がある方は、是非ごらんになってください。 関連エントリー [ASCII.jp]サンプルで学ぶjQuery:(X)HTML/CSSを操作する [ASCII.jp]初めてのjQuery:セレクターAPIを一挙解説 [ASCII.jp] jQueryのダウンロードとイン

    [ASCII.jp] jQueryのイベントをチュートリアルで学ぶ
  • 1月21日 CSS上級講座

    1月21日 CSS上級講座 2009年1月21日(水)にイメディオでCSS上級講座を行います。 [申し込み・詳細] CSSでのウェブ制作の効率アップと、より高度なレイアウトテクニックの習得を目標に、すぐにでも実務で活用していただけるノウハウとテクニックをご提供いたします。 講義形式でじっくり解説した後、最後にはPCを触りハンズオンで学んだことを覚えていただきたいと思います。 開催日時:2009年1月21日(水) 13:00~19:00 開催場所:アジア太平洋トレードセンター(ATC)内ITM棟6階 PCトレーニングルーム2 [申し込み・詳細] 2月のセミナー 2月は以下の日程でセミナーを行います。 2009/02/7(土) CSS上級講座 2009/02/25(水) 実践的PHP入門 興味があるかたは是非おこしいただけたらと思います。 スポンサードリンク to-Rについて JavaScri

    1月21日 CSS上級講座
    igaiga07
    igaiga07 2009/01/20
  • 1