タグ シェアウェア
人気順 5 users 10 users 100 users 500 users 1000 usersこれからjQueryを始める方へ -入門書の選び方・読み方-[to-R]
先月「Web制作の現場で使うjQueryデザイン入門(以下、ドーナツ本)」の改訂版を出版し、昨年末は「やさしくはじめるWebデザイナーのためのjQueryの学校(以下、jQueryの学校)」の監修をおこなっていたので、ここ半年はずっとjQueryを始める方が、何を求めているか何でつまづいているかを改めて考えなおしておりました。 入門書の選び方 まず、最初に重要なのはどの入門書を選ぶかということ。 ... 続きを読む
jQueryオブジェクトとは?[to-R]
このエントリーは軽めのjQuery Advent Calendar 2012の20日目のエントリーです。 よくjQueryの解説などを見ていると「jQueryオブジェクト」という単語が出てきますね。今回はjQueryオブジェクトとは何者かを解説をします。読み終える頃には少しだけJavaScriptに詳しくなれるよ。(若干長いです。) そもそもオブジェクトとは? さて、「jQueryオブジェクト」を... 続きを読む
iOS6のリモートWebインスペクタ[to-R]
iOS6のリモートWebインスペクタ Check Tweet iPhone5が販売されて、それに合わせてiOS6がリリースされました。ちょっとアップデートは様子見をしようと思っていたのですが、iOS6のリモートWebインスペクタが気になったので検証用のiPhoneのiOSバージョンを4.3から一気に6にアップデートしました。 iOS6のリモートWebインスペクタの使い方 iPhoneの設定 iPh... 続きを読む
PCサイトとスマートフォンサイトを切り替える「Pc2Sp.js」[to-R]
PCサイトとスマートフォンサイトを切り替える「Pc2Sp.js」 Check Tweet PCサイトとスマートフォンサイトを切り替える「Pc2Sp.js」を作成したので公開しておきます。 このライブラリを利用すると スマートフォンでPCサイトにアクセスした場合、指定したスマートフォン用のURLに転送されます。 PCでスマートフォンサイトにアクセスした場合、指定したPC用のURLに転送されます。 ス... 続きを読む
AndroidやiPhoneのHTML,CSS,JavaScriptのバグまとめ[to-R]
AndroidやiPhoneのHTML,CSS,JavaScriptのバグまとめ Check このエントリーをはてなブックマークに追加 Tweet AndroidやiPhoneなどのスマートフォンではHTML,CSS,JavaScriptにバグが多くてコーディングが大変になります。そこでバグを紹介しているサイト、記事をまとめてみました。(中にはバグではなく仕様なものもあるかもしれません) 随時追加... 続きを読む
スマホサイト案件の見積もりについて[to-R]
スマホサイト案件の見積もりについて Check Tweet 「Android案件の見積り」や「スマホ案件の見積もりについて」を受けて、アプリではなくHTML+CSSでつくるスマホサイト制作の見積もりではまりやすいポイントをまとめています。 HTML+CSS構築ではPCの0.7倍くらいの単価 スマホサイトはPCより小さいのでHTML+CSSの構築コストも安くみます。ただ、CSS3で作ったほうが良いと... 続きを読む
続:Androidブラウザでviewportのwidth指定[to-R]
続:Androidブラウザでviewportのwidth指定 Check Tweet 1年ほど前にAndroidブラウザでviewportのwidth指定という記事を書いたのですが、1年間いろんな端末や状況に対応しているうちに今は結構違うスクリプトを利用しています。 var portraitWidth,landscapeWidth; $(window).bind("resize", functio... 続きを読む
スマートフォンサイトをデザインする上で知っておくべき10のTIPS[to-R]
スマートフォンサイトをデザインする上で知っておくべき10のTIPS Check Tweet iPhoneやAndroidのスマートフォンの仕様を知らないけどデザインしなくちゃいけなくなったというデザイナーさんに知っておいてもらいたい10のTIPSです。 1.実機で確認する 当たり前のことですが作成したデザインを実機で確認して下さい。スマートフォンとPCでは目からの距離やDPIが違いますので、PCで... 続きを読む
Androidと-webkit-tap-highlight-color[to-R]
Androidと-webkit-tap-highlight-color Check Tweet Androidと-webkit-tap-highlight-colorの関係がよくわからず色々と悩んでいたのですが、ひと通りの結論が出たので紹介します。 そもそも-webkit-tap-highlight-colorってなによ iPhoneなどのスマートフォンでa要素をタップしたときにハイライトさせるプ... 続きを読む
Androidでfont-weight:boldを適応する方法[to-R]
Androidでfont-weight:boldを適応する方法 Check Tweet Androidでは日本語にfont-weight:boldが適応されません。 ノーマル normal ボールド bold このHTMLをAndroidで確認すると次のようになります... 続きを読む
Safariの開発者メニューでスマートフォン開発[to-R]
Safariの開発者メニューでスマートフォン開発 Check Tweet AndroidやiPhoneのスマートフォンのサイト作成を行う際にSafariの開発者メニューを利用すると便利です。 開発者メニューは環境設定の詳細タブから設定が可能 「メニューバーに"開発"メニューを表示」にチェックを入れることでメニューバーに開発者メニューが追加されます。 開発者メニューではユーザーエージェントの切り替え... 続きを読む
「Web Intents」でTwitterの機能をサイトに埋め込む[to-R]
「Web Intents」でTwitterの機能をサイトに埋め込む Check Tweet 先日、AmazonがTwitterやFacebookによるシェア機能に対したので、どうやって実装しているかを見ているとTwitterは「Web Intents」という機能を利用して実装していました。 ノーチェックだったのですがWeb Intentsは4月1日に公開された機能らしくすごく便利です。今までサイト... 続きを読む
Re:犯してはいけないHTMLタグの過ち10個[to-R]
Re:犯してはいけないHTMLタグの過ち10個 Check Tweet ネタ元:犯してはいけないHTMLタグの過ち10個 基本的には良い記事なんだけども、原文が2年近く前の物でXHTMLを前提に書かれているので少しだけ内容が古いかなと思ったりします。 1. インライン要素の中にブロック要素を入れない これは間違いです aタグのようなインライン要素の... 続きを読む
iPhone/AndroidでURLスキームを利用したアプリ起動[to-R]
iPhone/AndroidでURLスキームを利用したアプリ起動CheckTweetiPhoneのSafariやAndroidのブラウザなどからURLスキームを利用することで直接アプリを起動することができるようになります。アプリにはそれぞれURLスキームが割り当てられています。例えばTwitterならば「twitter://」これをhref属性に指定することでiPhoneを直接起動することができま... 続きを読む
Androidの「target-densitydpi」でviewportの調整[to-R]
Androidの「target-densitydpi」でviewportの調整CheckTweetどうも色々調べているとAndroidのviewport調整はtarget-densitydpiというプロパティで行うのがよさそうです。「target-densitydpi」はAndroid2.0以上で利用でき、表示時のdpi(dots per inch/1インチの中に何ドット表示するか)を指定できます... 続きを読む
14のjQueryベストプラクティス[to-R]
原文:14 Helpful jQuery Tricks, Notes, and Best Practices 良かったので翻訳してみました。かなりの意訳で、上手に訳せてない箇所も多いので詳しく原文を参照してください。 1.メソッドはjQueryオブジェクトを返す ほとんどのメソッドがjQueryオブジェクトを返すのが重要です。 これにより次のようなメソッドチェーンが可能になっています。 $some... 続きを読む
web制作の現場で使うjQueryデザイン入門が激しくお勧めな件*ホームページを作る人のネタ帳
『web制作の現場で使う jQueryデザイン入門』 jQueryを、プログラムとしてとらえるのではなく、デザインとしてとらえて解説している一冊。 つまりデザイナー向けの攻略本となっている。個人的に超お勧めの内容だったのでご紹介。 この作者は、西畑氏です。 何度か私のブログでもjQueryの記事かいてるのですが、そのときに色々教えてくれたto-Rのあの人です。 2010年2月15日発売予定で、書店... 続きを読む
jQuery基礎文法最速マスター[to-R]
jQuery基礎文法最速マスター HP登録でSEO対策!アクセスアップにコチラ! 検出率No.1・PC軽快さNo.1のウイルス対策ソフト はやっているようなのでまとめてみたいと思います。 jQueryの読み込み Google AJAX Libraries APIで簡単に読み込めます。 <script type="text/javascript" src="http://ajax.googleapi... 続きを読む
8のjQueryのすごいTIPS[to-R]
原文:8 awesome JQuery tips and tricks 微妙なTIPSもあるのですが、役に立つのもあるのでご紹介。 target="_blank" のリンクの作成 XHTML 1.0 Strict ではtarget=blank属性が利用できない。そこでjQueryを利用して別ウィンドウを開く方法を紹介しよう。 $('a[@rel$='external']').click(funct... 続きを読む
jQueryを良くする25のTIPS[to-R]
ネタ元:Improve your jQuery - 25 excellent tips ちょっと多いですが、かなり良いTIPSがまとまっています。 Google AJAX Libraries APIを利用しよう Google AJAX Libraries APIを活用すればすばやくライブラリを読み込むことが出来ます。 <script src="http://www.google.com/jsapi... 続きを読む
jQueryのコードを良くする5つのTIPS[to-R]
5 Tips for Better jQuery CodeでjQueryのコードを良くする5つのTIPSが紹介されています。 DOM中にデータを保存できるdataメソッドを使おう $('selector').attr('alt', 'this is the data that I am storing'); // then later getting that data with $('selec... 続きを読む
WEB製作者の為のSEOチートシート[to-R]SEOmozで配布されているSEOチートシートが素敵ですので日本語にしてみました
WEB製作者の為のSEOチートシート 【PR】初心者でも安心なレンタルサーバー。263円から使えます。 【PR】HP登録でSEO対策!アクセスアップにコチラ! SEOmozで配布されているSEOチートシートが素敵ですので日本語にしてみました。 重要なHTML要素 title要素にキーワードを含みましょう。 h1,h2,h3要素にキーワードを含みましょう。 b要素、strong要素でキーワードを包み... 続きを読む
IE6以下をWeb標準に準拠させるライブラリ『IE7.js』[to-R]
IE6以下をWeb標準に準拠させるライブラリ『IE7.js』 【PR】初心者でも安心なレンタルサーバー。263円から使えます。 【PR】HP登録でSEO対策!アクセスアップにコチラ! 多くの人が待ちに待ち望んだライブラリ。やはりすごい人はすごいものを作るんですね。 このライブラリを読み込むことによりIE6以下でもIE7と同じようなXHTM/CSSの解釈を行ってくれます。 ただし完全にIE7と同じよ... 続きを読む
footerをウィンドウ下部に固定する『footerFixed.js』[to-R]
footerをウィンドウ下部に固定する『footerFixed.js』 【PR】初心者でも安心なレンタルサーバー。263円から使えます。 【PR】HP登録でSEO対策!アクセスアップにコチラ! footer部分を画面下部に固定するためのjsライブラリ『footerFixed.js』を作成しました。 フッターをコンテンツの内容量にかかわらずwindow下部に表示さすためのjsラブラリになります。 サ... 続きを読む
ユーザーがページのどこをクリックしたか解析するツール[to-R]
ユーザーがページのどこをクリックしたか解析するツール 【PR】初心者でも安心なレンタルサーバー。263円から使えます。 【PR】HP登録でSEO対策!アクセスアップにコチラ! ユーザーがどのようにサイトを巡回しているかはアクセス解析なのでわかりますが、ページのどこをクリックしたかも知りたくないでしょうか? 今回は、ページのどこがクリックされたかを解析するツールを紹介します。 Crazy Eggはw... 続きを読む