[B! tips][javascript] naohorのブックマーク

naohor id:naohor

tipsとjavascriptに関するnaohorのブックマーク (21)

JavaScriptを短く書くためのショートコード集
Posted: 2014.12.25 / Category: javascript 知っておくとちょっとだけコードが簡潔に書けるかもしれないショートコード集です。小数点以下切り捨て「Math.floor」で切り捨てですが、 Math.floor(12.6598); //12 数値の前に「~~」付けるだけでもできます。 ~~12.6598; //12 桁数の制御「～e」に続く数字で桁数を制御できます。 1e1 //10 1e2 //100 1e3 //1000 1e4 //10000 1e5 //100000 2の累乗はシフト演算子 2の累乗は左シフト演算子（<<）でできます。 200 << 1; //400 200 << 2; //800 200 << 3; //1600 逆は右シフト演算子（>>）です。 200 >> 1; //100 200 >> 2; //50 200 >> 3
naohor 2015/01/04
javascript

ショートコード

プログラミング

tips
リンク
JavaScriptの動かないコード　　(JavaScriptエラー集) - 主に言語とシステム開発に関して
﹁このJavaScriptコードが動かないのは，なぜですか？﹂というミニクイズ集。すべて制限時間は1分。別名，JavaScriptのエラー事典。またはアンチパターンのまとめ。中級編初級編番外編 2015年5月現在，全53記事。中級編 JavaScriptの仕様関連p要素への appendChild() で失敗するかけ算を間違えるイベントハンドラが見る値のエラークロージャを使わない場合に起きるエラーオブジェクトのprototypeを変更した時のエラー正規表現で同じ文字の連続を検出したい - 置換前パターン中での後方参照 jsonオブジェクトをevalできないエラー不要なイベントが連鎖で発生してしまう　　︵バブリングの対処︶オブジェクトのプロパティ定義にthisを使って失敗するエラー setTimeoutのタイマーが指定時刻に動かないエラーオブジェクトのメソッドを
naohor 2014/03/12
JavaScript

まとめ

tips
リンク
公海555000kk线路检测—首页（欢迎您）
公海555000kk线路检测—首页（欢迎您） 404! Page is Not Found ! 返回首页 XML 地图 | Sit emap 地图
naohor 2013/11/08
Android

tips

スマートフォン

javascript

web制作
リンク
https://design-spice.com/2012/06/13/responsive-web-design-image/
naohor 2012/06/23
レスポンシブ

webデザイン

jQuery

Web制作

tips

画像

javascript
リンク
jQueryをロードする際のナイス！と思った書き方
概要 ▶ 出典‥Initializr - Start an HTML5 Boilerplate project in 15 seconds!先日開催された﹁CSSNite in NIIGATA, Vol.3 withMicrosoft﹂でせっかくHTML5の事を学んだので、実際に使ってみようと勉強を進めています。このブログも実はPC版は形式上HTML5のページになっているんです。見た目はほとんど変わって出典‥Initializr - Start an HTML5 Boilerplate project in 15 seconds! 先日開催された﹁CSSNite in NIIGATA, Vol.3 withMicrosoft﹂でせっかくHTML5の事を学んだので、実際に使ってみようと勉強を進めています。このブログも実はPC版は形式上HTML5のページになっているんです。見た目
naohor 2012/05/27
jQuery

web制作

tips

javascript
リンク
少しのコードで実装可能な20のjQuery小技集
2016年6月22日 jQuery 素敵な動きを手軽に実装できるJavaScriptライブラリ﹁jQuery﹂。jQueryには多くのプラグインが揃っていますが、以前書いた﹁少しのコードで実装可能な20のCSS小技集﹂に続き、今回はプラグインなしで実装できるjQueryの小技を紹介します！﹁jQueryってなんだ？﹂という人もコピペで実装できますよ！サンプルも用意したのでぜひご覧ください！ ↑私が10年以上利用している会計ソフト！追記‥この記事で紹介されているいくつかの方法が、今ではCSSのみで実装可能です！詳しくは﹁かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技﹂をご覧ください。 jQueryの基本的な使い方まずはjQuery本家からjQueryファイルをダウンロードします。<head> 内に下記を記述し、jQueryファイルを読み込みます
naohor 2011/06/17
jQuery

javascript

web制作

tips

まとめ
リンク
CSSとjQueryを使ってマウスオーバー時にポップアップ表示にするTooltips | CSS Lecture
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
naohor 2010/10/25
javascript

jquery

css

tips
リンク
【レポート】JavaScriptとCSSをPNGファイルに含めて圧縮する方法 | エンタープライズ | マイコミジャーナル
Ajaxian IE9がCanvas要素をサポートすることで、これまで広く使われてこなかったテクニックが、もしかしたら注目されることになるかもしれない。Ajaxianに掲載されているWant to pack JS and CSS really well? Convert itto a PNG and unpack itvia Canvasという記事で、2008年に公開されたJacob Seidelin氏の記事"Compression using Canvas and PNG-embedded data - Nihilogic"がふたたび取り上げられており、その可能性を示すものとして興味深い。 Compression using Canvas and PNG-embedded dataで紹介されているテクニックは、JavaScriptやCSSをPNG画像データとして利用するというもの。も
naohor 2010/09/05
png

tips

css

javascript

画像

canvas
リンク
細かいJavaScriptの仕様や習慣やテク集 - 三等兵
気づいたことやミスしたことなどメモしていたので確認作業。細かい仕様だったり暗黙のルールだったり、テクニックだったり。JSに慣れていたら当たり前なことばかりかもしらん。追記のところはid:os0xさんより。ありがとうございます！ undefined var a; alert(a) // undefined 宣言だけだとundefined。undefinedというのは、宣言している変数に値が入っていませんよ、ということ。そしてオブジェクトには無いプロパティとか参照すると出てくる。 var a = 100; alert(a.length); // undefined さらに引数も。 function func(val) { alert(val); } func() // undefined 引数はCallオブジェクトってのに格納される。このオブジェクトはローカルの変数が格納されるオブジェクト
naohor 2010/04/28
javascript

tips

あとで読む

プログラミング
リンク
CGI Error
The error was detected while processing this request. Be sure of followings: The CGI script does exist. The permission of CGI script is 755. The Perl path in CGI script is #!/usr/local/bin/perl. CGIスクリプトの呼び出し中にエラーが発生しました。下記の点をご確認ください。・CGIスクリプトが存在すること。・CGIスクリプトのパーミッションが755であること。・CGIスクリプトのperlのパスが #!/usr/local/bin/perl であること。
naohor 2010/02/23
illustrator

javascript

tips
リンク
JavaScript初心者におくる24のグレイトなtips - 三等兵
私が作ったわけではなく海外の記事です。自分も学習してみました。 phpスポーツ啓発日誌や、コカトリスさんや、アイスクレアームパラダイスさんのような、品質の良い訳は私にはできませんので見出しは意訳もしくは誤訳、文章は無視して訳してません。かつ、私がいろいろコードや文章つけたしてます。内容的にはほとんどズレてはないと思いますが、適当なのでおかしいところがあるかもしれません。うっとうしい場合は原文をどうぞ。24JavaScript Best Practices for Beginners 1. 等価演算子で==使うなよボケ===だろナスチン野郎ひぃぃぃ。 ==|!= だとねー、型は自動に変換されるんすよねー。ねー。 s = '1'; i = 1; alert(s == i); // true alert(s === i); //false えーと、==は﹁わし、数値も文字列も中身が一緒だ
naohor 2009/12/15
javascript

まとめ

tips
リンク
Web Design Tips SWFObject.jsを使ってIE上でFlashをアクティブ化する
IEでFlashがあるサイトを訪れるとFlashのSWFファイルの周りに点線入った上に、下の画像のようなメッセージが表示されますね。﹁このコントロールをアクティブ化して使用するにはクリックしてください。﹂って、使用しない人いるんですか？これってなんの意味があるんでしょうね？ Flashを利用したセキュリティホールへの対応とかなんでしょうか？他のブラウザではそういうのないとこみるとなくてもいいもんなんでしょう、多分wなにより点線も邪魔だし、メッセージが出るのも嫌いなんです。いちいちクリックしなきゃならんのもイヤなんです。またもや自分が嫌いだからって理由でユーザビリティ無視して消しちゃいますw今回はSWFObject.jsってJavascriptライブラリを使います。さっそくdeconcept > SWFObjectの﹁Download SWFObject 1.5﹂ってとこからダ
naohor 2009/11/27
swfobject

flash

javascript

ActionScript

webデザイン

tips
リンク
SWFObjectを使ったFlashの埋め込み方法 /SSP
FlashをSWFObjectで読み込んでいます。 JavaScriptを有効にされるとFlashが表示されます。 Home < This Page Sit eMap Web・ホームページ制作の技術が進み、他と違う﹁動き﹂のあるサイト作りが求められています。そのため、何らかのFlashを使ったサイトが増えています。しかし、Objectタグと、Embedタグを併用した一般的なFlash埋め込み方法では、﹁activate﹂させてからでないと、操作できないという問題があります。そこで、SWFObjectを使ったFlashの埋め込み方を紹介します。 Macromediaの標準のFlashの埋め込み方は既にご存知のことと思います。 Objectタグと、Embedタグを併用する方法です。これは最も一般的なFlash埋め込み方法で、Macromedia Flashのソフト上からパブリッシュした際の
naohor 2009/11/27
flash

web制作

JavaScript

swfobject

Webデザイン

tips

Actionscript
リンク
JavaScript Index/メソッド、プロパティ・リファレンス
この項では、JavaScriptにおける各オブジェクトのメソッド、プロパティ、関数、及び制御文などのリファレンスです。一部にサンプルを掲載しました。お役に立てば幸いです。 ■ JavaScript Index
naohor 2009/07/15
javascript

プログラミング

リファレンス

Ajax

web制作

tips
リンク
二度押し防止の onsubmit で disable にするやつ :: Drk7jp
もう２年ほど前に話題になったアレなんですけど、今更ながらあるサービスでこの仕組みの導入を検討しています。 onsubmit で submit ボタンを disable にしてユーザビリティを良くする - naoyaのはてなダイアリー submit ボタン disable 技の罠 - naoyaのはてなダイアリー onsubmit で submit ボタンを < disable にしてユーザビリティを悪くするのはやめてください - のヮのうんこ♥ onsubmit で disable にするやつ - 鷹の島 onsubmit の disable 化ですが既に議論が終わっているように、onsubmit disable の実装方法として、 onsubmit イベント発生時に submit 要素を disable にして値をサーバへ渡すための hidden 要素を生成する方法 setTimeou
naohor 2009/07/03
Ajax

webデザイン

ユーザビリティ

html

javascript

tips

お役立ち
リンク
[JS]これ最強かものツールチップスクリプト -BeautyTips
シンプルなツールチップも簡単に実装できるだけなく、デザインのカスタマイズが可能で、対応トリガーも豊富なツールチップのスクリプト﹁BeautyTips﹂を紹介します。 BeautyTips demo BeautyTipsは機能が豊富というだけでなく、テキストや画像、AJAXコンテンツの表示、ツールチップの表示位置の自動補正など基本性能もしっかりと抑えられており、フォームエレメントへの表示、ツールチップ元の変更なども可能です。ツールチップはcanvasで描かれており、画像は必要ありません。対応ブラウザはIE6.x+, Fx3.x, Op8+, Safari3.xとのことで、canvas非対応ブラウザにはExplorerCanvasが使用されています。また、IE6のz-indexへの対応にbgiframe、ホバー処理にhoverIntentが使用されています。 ※Chrome 1, Fx2で
naohor 2009/07/03
tooltip

tips

javascript

css

webデザイン

お役立ち

XHTML

html
リンク
FirefoxでTITLE属性のツールチップ内改行を有効にしたい
さて趣味でプログラミングをしているわけですが最近は専らPHPのそれにかかりきりです︵1.4.0がリリース間近ということもあり︶。でも，たまにはJavaScriptのスクリプトも書いてみたくなります。　IMGタグにはALT属性がありますが，これは画像の代替テキストの役目を果たします。XHTMLでは必須の項目です。このALT属性なんですが，ホームページ作りに励んでいる方々はお気付きかもしれませんが，インターネットエクスプローラー(IE)とFirefoxでは，挙動が違います。IEでは，画像にALT属性があるとマウスのカーソルを重ねたときに，ツールチップ(バルーンヘルプ)が表示されます。でも，Forefoxでは何も表示されません。これはFirefoxのバグというわけではなくて，単にブラウザ間の実装(解釈)の違いに基づくものです。じゃ，Firefoxでもツールチップを出すにはどうしたらいいかというと
naohor 2009/07/03
title

tooltip

javascript

tips

Firefox

お役立ち

XHTML

html

webデザイン

ie
リンク
web-sun.com is available for purchase - Sedo.com
The domain web-sun.com is for sale. The domain name (without content) is available for sale by its owner through Sedo's Domain Marketplace. Any offer you submit is binding for 7 days. All quoted prices are final prices. The domain web-sun.com is for sale. Make an offer on this domain You are not the highest bidder!
naohor 2009/06/05
html

javascript

tips

文字コード

お役立ち

web制作
リンク
ソースとは異なる文字コードをフォームで受け渡す方法（いつものきりんとうさぎ）
広い世間には、同じことでお悩みの方がきっといらっしゃると思うので、ご参考までに書いておきます。フォームを使ってCGIなどのプログラムにデータを渡したい場合ってありますよね。たとえば検索窓。検索ワードをデータとして検索エンジンに渡さなくてはなりません。でもまあ、このこと自体はそんなに難しいことではありません。検索エンジンはたいてい、自分のところの検索窓を取り付けてもらうのは大歓迎ですから、どこかにそのソースと貼り付け方が書いてあります。 googleや yahooなど大手の検索エンジンともなると、様々な文字コードをサポートしており、その指定方法まで書いてあったりなんかして。もう、至れり尽くせりです。けれども世の中には、自分のところの検索窓を取り付けたい人がいるだなんて夢にも思わないマイナーもしくはローカルな検索エンジンもたくさんあるんですよね。そういうところは、使える
naohor 2009/06/05
メールフォーム

文字コード

javascript

web制作

tips

お役立ち
リンク
透過PNGをCSSで背景に指定してIE6や5.5のバージョンでも綺麗に表示してみる - DesignWalker
naohor 2009/05/15
png

html

javascript

webデザイン

tips

css
リンク
1 2 次のページ