色選びに困ったときに助けてくれるウェブツールを20個紹介します。具体的な配色アイデアが紹介されているもの、選んだ色と関連する色が表示されるもの、画像から色を抽出するもの、という感じに分けてみました。 配色アイデア タイプ 投稿された配色アイデアが紹介されているサイトです。アイデアから編集できるサイトもあり、取っ付きやすいと思います。 Color Trends + Palettes :: COLOURlovers kuler ColoRotate: Colors come to life in 3D. Color Theory @ ColorJack カラーピッカータイプ 好きな色を選ぶと、その色と相性のよい色や関係性の高い色などが表示されます。 ウェブ配色ツール Ver2.0 Color Scheme Designer 3 [ws] Color Scheme Generator 2 Col
jQueryの便利で実用的なイメージスライダーやレスポンシブ対応のプラグインをタグやカテゴリで見やすくまとめました。
HTML5 Doctor で 「Avoiding common HTML5 mistakes」 という記事が上がっていましたので稚拙ではありますが翻訳など。HTML5 でマークアップする際にやりがちな間違いをいくつか挙げて、さらに正しいマークアップ例も紹介くれていますので、参考にしてみてはいかがでしょうか。 HTML5 Doctor で 「Avoiding common HTML5 mistakes」 という記事が上がっていましたので稚拙ではありますが翻訳など。HTML5 でマークアップする際にやりがちな間違いをいくつか挙げて、さらに正しいマークアップ例も紹介くれていますので、参考にしてみてはいかがでしょうか。 Avoiding common HTML5 mistakes : HTML5 Doctor 翻訳といっても要約みたいな感じですので、書いてあることをそのまま日本語にしたものではあり
こんにちは。さすがに見ないだろうと昔撮ったVHSビデオを、捨てるにあたってじっくり見てしまったminamiです。 小ネタです。HTMLファイルにちょっとした文言を読み込みたいときに重宝するjQuery.load()ですが、Chromeでうまく動かない場合があります。ちょっと引っ掛かってしまったので回避方法を調べました。 サンプルを作ってみた ものすごく簡単に以下のようなスクリプトを書きました。data.txtから読み込んだテキストを、div#txtPlaceに読み込みます。これをローカルでチェックしてみます。 function loadText() { var dataPath = "data.txt"; $("#txtPlace").load(dataPath); } firefox IE8 出ました。 出ません。なぜ!?参考ページを見ると、 Chrome: ローカルWebページからのア
いつからのバージョンかわからないが(割と最近のだと思う) Chromeで 「jQueryでページ内スムーズスクロール」 のスクリプトが上手く動かなくなった。 調べてみると 同じような症状の方がいた。 via HTML Aタグにname idを指定して要素を空にした状態からjavascriptでoffset値取得した際のバグ? - Google Chrome 公式ヘルプフォーラム 要は 直下に空のaタグを置くと、offsetが上手く取得できない 解決策は 空のaタグにdisplay:blockを指定してあげればよい。 未確認だが、空のタグなので空白が出来ることもない。 ということだろう jQueryで書くなら $('a:empty').css('display', 'block'); で良い。
更新履歴 2010-01-21 スクロール時のガタつきをはじめとする諸問題等を解決した精度の高い fixed を使いたい場合はこちらをご覧ください。 IE6 position:fixed の諸問題を解決する jQuery.exFixed.js - Cyokodog::Diary 前回のつづきです。 right , bottom 指定の対応 前回のロジックでは right , bottom 指定に対応してなかったので、こちらの対応方法についても考えてみます。 {position:absolute;bottom:0} とすると対象要素が画面表示枠の底辺に表示される事から、画面上方にスクロールアウトした高さ分を、scroll イベント内で bottom値から引けば、底辺に固定されるのでは?という予想ができます。 下記、ロジックで試してみます。 var win=$j(window).scroll(
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い!情報の正確性は自己責任で判断してください。 あんまり綺麗な方法じゃないのだけど、5分でできる。 (サンプルファイル) #fixedElement { position: fixed; top: 100px; left: 80px; /* IE5 later && javascript-on */ position: expression('absolute'); top: expression(documentElement.scrollTop + 100 + 'px'); left: expression(documentElement.scrollLeft + 80 + 'px'); } note: max
更新履歴 2010-01-21 スクロール時のガタつきをはじめとする諸問題等を解決した精度の高い fixed を使いたい場合はこちらをご覧ください。 IE6 position:fixed の諸問題を解決する jQuery.exFixed.js - Cyokodog::Diary position:fixed とは? 結構常識っぽいですがつい最近までその存在を知りませんでした。 絶対位置への配置となるのはabsoluteと同じですが、スクロールしても位置が固定されたままとなります。実際にはブラウザのサポートが遅れているようです HTML クイックリファレンス absolute 要素の場合、先祖に relative 要素があると、そこからの相対位置に配置されますが、fixed 要素の場合、先祖の relative の有無に関わらず、常に表示ウィンドウ枠に対しての絶対位置に配置されるようです。
404 Not Found お探しのファイルは見つからないようです。 お手数ですが、下記リンクからトップページへお戻りください。 CoolWebWindow Copyright (C) Cool Web Window All Rights Reserved
jQuery Boilerplate [ad#ad-2] jQuery BoilerplateはjQueryのドキュメント「Plugins/Authoring」から、より良いパフォーマンスとメモリ使用を提供することを目標として開発したとのことです。 jQuery Boilerplate (stripped version) jQueryのプラグインのテンプレート(stripped version)です。 ※2011年7月26日現在のものです。 (function($) { $.pluginName = function(element, options) { var defaults = { foo: 'bar', onFoo: function() {} } var plugin = this; plugin.settings = {} var $element = $(element)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く