タグ

2010年12月8日のブックマーク (7件)

  • これでできる! クロスブラウザJavaScript入門:第20回 JavaScriptによるスタイルの操作|gihyo.jp … 技術評論社

    こんにちは、前回はCSSOM View Moduleという仕様の解説がメインでしたので、今回はそのAPIを使ったサンプルを見てみましょう。 ダイアログの表示 ウェブアプリでよく使われるインタフェースとして、ページを覆い被せるように(動的に)コンテンツを表示する方法があります。決まった名前はないようですが、モーダルダイアログ・モードレスダイアログや、オーバーレイなどの名前で呼ばれることが多いようです。 なお、モーダルとモードレスの違いは、前面に出てきたコンテンツの後ろにある元のコンテンツを操作可能か否かという点で分けられるようです。操作できない場合はモーダル、操作できる場合はモードレスです。 さて、このモーダルダイアログは画面中央に配置するのが一般的です。この画面中央という配置が意外に簡単ではないことは多くの方がご存知のことと思います。 まずはCSSだけで処理するアプローチを見ていきましょう

    これでできる! クロスブラウザJavaScript入門:第20回 JavaScriptによるスタイルの操作|gihyo.jp … 技術評論社
  • 50+ Free Seamless Pattern Packs for Designers

    If you’re a designer, you know how important it is to have a library of resources that can help you improve your projects and take them to the next level. One resource that can make a significant difference are seamless and tileable patterns. Seamless patterns are versatile and can add depth and richness to your designs, making them suitable for both web and print projects. A well-designed seamles

    50+ Free Seamless Pattern Packs for Designers
  • DinPattern

    Surface Pattern Types and Styles Surface patterns can be found all around us in various fields. Fields like textiles, ceramics, architecture, and graphic design. Surface patterns range in style - from geometric to experimental. Patterns are always on trend in some form; whether loud or subtle, ... How-to: Using Patterns from DinPattern A quick how-to video regarding the patterns here at DinPattern

  • JavaScriptのデバッグTips - os0x.blog

    JavaScript Advent Calendar 2010 8日目担当のid:os0xです。 JavaScriptネタは案外範囲が広くて色んなネタがあるので、毎回が楽しみですね。 さて、私はデバッグをネタにしたいと思います。テストではなくデバッグです。誰かが書いたコードをメンテナンスしなきゃー、とか。jQueryプラグイン導入しようとしたけど、なんかうまく動かないーみたいなケースのおはなしです。 JavaScriptのデバッグは大変なので、多くの方が日々苦労されていると思います。なぜJavaScriptのデバッグが大変なのか少し整理してみましょう。 ブラウザ依存 まず、なんといってもJavaScriptはウェブブラウザ上で実行されるので、環境が一定ではありません。特定の環境だけを対象にJavaScriptを書くことは滅多にありません。PC向けではIE、Firefox、Chrome、Sa

    JavaScriptのデバッグTips - os0x.blog
  • 2010年度版・とても参考になった国内のWeb制作関連エントリーまとめ

    少し気が早いですが、今年も残すところ あと僅かです。ここで、Web制作をする にあたって、個人的に、とても参考にな った素晴らしいエントリーをご紹介します。 基的にまとめ記事が大好物なので、 まとめのまとめ、という形になってしまい ますがご了承願います。 まぁ、単なる個人的なメモです。今年はお世話になりました、という感謝の意を込めてリンク&トラフィックで返したいのと、自分の復習用リンク集です。来年もたぶんお世話になる記事だと思いますので、備忘録も兼ねて。順不同です。 尚、当ブログのエントリは御礼の場であるこの記事では割愛しています。後日、別記事にてまとめさせて頂きますので、宜しければ御覧ください。 デザイン読み物系が多いです。正月とかで見直す用。 配色パターンからWebデザインを考えるウェブデザインでこれは気をつけたいの35のポイントデザインQRコードの作り方非デザイナーのためのデザイン

    2010年度版・とても参考になった国内のWeb制作関連エントリーまとめ
  • jQueryを良くする25のTIPS

    jQueryを良くする25のTIPS ネタ元:Improve your jQuery - 25 excellent tips ちょっと多いですが、かなり良いTIPSがまとまっています。 Google AJAX Libraries APIを利用しよう Google AJAX Libraries APIを活用すればすばやくライブラリを読み込むことが出来ます。 <script src="http://www.google.com/jsapi"></script> <script type="text/javascript"> // Load jQuery google.load("jquery", "1.2.6"); google.setOnLoadCallback(function() { // Your code goes here. }); </script> 直接読み込むことも出来ます。

    jQueryを良くする25のTIPS
  • 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]