Javascript
オートページャー系のjQueryプラグインは沢山あるが実装が気に食わないのでいつも自作してる。とはいえ秘伝のソース状態ではよくないと思いいくつか機能を捨ててコンパクトにまとめた。 jQuery依存バージョン 特徴 if (loading) { return } の様な読み込み中…
今まで要素の罫線幅を取る時など適当に取得していたが問題が... $('.a').css('borderBottomWidth') > "1px" （100%表示時） > "1.1111111640930176px" （90%表示時） なんとズーム時にCSSの値が再計算されているのだ。（Chrome 30.0.1599.66で確認）CSSに1px…
Chrome: 25.0.1364.172 動作サンプル: http://jsdo.it/su_aska/tdQh <div contenteditable="true"> Editできる奴 </div> <div draggable="true"> D&Dできる奴 </div> この「Editできる奴」をクリックした後に「D&Dできる奴」をクリックしても「Editできる奴」のカーソルが消えないのだ。（Chrome: 25.0.1364.172）https://gi…
http://www.red-team-design.com/wp-content/uploads/2011/11/css3-animated-dropdown-menu-demo.htmlなんかこれっぽい感じにしたくてやってみた。http://jsdo.it/su_aska/djEa表示のon/offをdisplay: block/display: noneでスイッチするとCSS3のアニメーシ…
「7kai Tasksってその場でタスク編集できないんですか？」と言われてやってみた。（※画像は開発中のものです） draggableな要素の上に居る要素をcontenteditable="true"してもうまく編集できるようにならないので子要素のhover（focusに変えた）で親要素のdr…
使い慣れると冗長だけと使い始めは欲しいみたいなメッセージはon/offできるといいなと思います。Excelでツールバーをアイコンだけかアイコン＋ラベルか選べるとかよくあるUIです。無刻印HHK使ってる人とかアイコンだけのモードが好きなんじゃないかと思いま…
<span data-setup="localize" data-text-ja="ホーム">Home</span> <script> $(function(){ if ((/^ja/.test(navigator.language || navigator.userLanguage))) { $('[data-text-ja]').each(function(){ var ele = $(this); ele.text(ele.data('text-ja')); }); } }); </script>
