スマホやブラウザの画面サイズや向きを取得してやんよ!!!

2013

5

27

アプリケーションを実行しているスマホの画面サイズや向きを動的に取得できれば、それに応じて表示するコンテンツを調整できますよね。 画面サイズを取得する JavaScriptで画面サイズを取得するためのプロパティが用意されて ...

続きを読む⇒

『レスポンシブWEBデザインについてまとめてやんよ!!』

2013

5

16

年内から来年の内にタブレットの出荷台数がPCを超えるといわれ、いよいよサイト制作にもレスポンシブ化の必要性が日に日に大きくなってきました。 色々なサイトでレスポンシブデザインサイトの制作のポイントを紹介がありましたので、 ...

続きを読む⇒

『jQueryでコマ撮りパラパラアニメを作って自動停止用にイジってやんよ!!!』

2013

5

10

前回、パラパラアニメを作る機会があったのでライブラリとして作成しました。 『jQueryでコマ撮りパラパラアニメ作ってやんよ!!!』 どうせならもうちょっと汎用性の高い物にできたら良いなと思ったのでカスタマイズしてみる ...

続きを読む⇒

『スマホ・タブレット別にmedia queryのCSS一覧作ってやんよ!!!』

2013

5

8

レスポンシブデザインのサイトやスマホ機種の解像度によってCSSの指定を振り分けられるmedia queryですが、クライアントによっては 「Apple製品だけきっちり見えれば良い」とか「ウチの社長のAndroidの○○だ ...

続きを読む⇒

『JavaScriptの条件分岐のおさらいしてやんよ!!!』(初級編)

2013

5

3

JavaScriptの処理ライブラリを作りためたい気分になってきたので今回は条件分岐のパターンとよく使われる演算子をおさらいします。 「js覚えたいなー」系の方々の参考にでもなればいいなぁー。 条件分岐の方法 単純に上か ...

続きを読む⇒

『jQueryでコマ撮りパラパラアニメ作ってやんよ!!!』

2013

4

20

jQueryプラグインって便利でスゴいのたくさんありますが、「この動きをこうやってこうしてあーだこーだ・・・」ってしたい場合って完成されたスクリプトを解析・分解するのはかなり至難の業だったり・・・実は自分で作った方が早い ...

続きを読む⇒

『スマホサイトでアンカーリンク効かない対策してやんよ!!!』(改良版編)

2013

4

15

以前、スマホサイトでページ内アンカーリンクが効かない件についての投稿をしました。 『スマホサイトでアンカーリンク対策してやんよ!!!』(かなり力技編) ですが、この荒技故の欠点として・・・ ①ページのコンテンツが増えたり ...

続きを読む⇒

『jQueryでユーザビリティを考慮した2段階層式アコーディオン作ってやんよ!!!』

2013

3

11

2重構造のアコーディオンの作成 以前、何回かjQueryでアコーディオンを作成しましたが、 『jQueryで簡単アコーディオン作ってやんよ!!』 『jQueryで簡単アコーディオンもっと作ってやんよ!!』 『jQuery ...

続きを読む⇒

『jQueryで指定日の指定時刻に切り替え処理してやんよ!!!』

2013

3

7

普段htmlファイルに記述しているリンクURLや設置画像などの記述を指定した日付の期間で、尚且つ指定した時間に切り替わる様な処理をしたい場合を想定して作りたい。 ・・・何時作るの?・・・・『今でしょ!!!!』 リアルタイ ...

続きを読む⇒

『jQueryで特定のURLが一致したら処理してやんよ!!!』

2013

2

7

たとえば共有してるインクルードファイルの記述の中に特定のページにだけバナーやタグを追加したい場合、そのページだけ静的にソースを別個記述するのは更新性的にもイヤなので 特定のページに該当する条件で処理するjQueryをつく ...

続きを読む⇒

『iOS6でフォントが明朝体になってしまう現象直してやんよ!!!』

2013

1

12

iPhone5でサイトを表示するとメイリオやゴシックで設定していたハズのフォントが明朝体に変ってる!! 「Safariの明朝体・・・キモッ!!!( ̄Д ̄;)」と思ったのは管理人だけではないハズ・・・。 どうやらiOS6で ...

続きを読む⇒

『スマホ・タブレットのサイズ/解像度一覧作ってやんよ!!!』

2013

1

4

最近のタブレット市場も画面サイズが細分化がどんどん悪化してきやがって・・・ とも言ってられないが、正直制作サイドとしても把握しきれなくなってきたんで、ここらで目安的な一覧表を作ってみた。 スマートフォンタイプ別 画面サイ ...

続きを読む⇒

トップへ