スマートフォンサイトとPCサイトの振り分けを考える上で、ひとつの選択肢となる「レスポンシブWebデザイン」。 そこで今回はレスポンシブWebデザインを使用したサイトの制作や仕組みを理解しておくためにCSS3のメディアクエリを使用してレスポンシブWebデザインのデモソースとチュートリアルをつくりまし... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
JavaScript でアニメーションを作る アニメーションとは何？ ビューを少しずつ回転、拡大縮小、移動、変色などを行い、連続的な動きを作る こんな感じ <div id="view">hoge</div> <script> var el = document.getElementById('vi... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
|
HTMLやCSSではプロトコル表記（http:、https:）の省略が可能です。 ということで、プロトコル表記の省略に関することを色々調べてみましたので、本エントリーで紹介致します。 このエントリーは、「「Google HTML/CSS Style Guide」を適当に和訳してみた」の以下の部分に... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
レスポンシブデザイン、パララックススクローリング、そういったレイアウトに関する変化に伴い、サイト内を誘導するナビゲーションの種類も多様化してきていますね。 元々、縦、横、ドロップダウン、固定、メガメニュー等、サイトの構造によって様々なナビゲーションを提案してきたわけですが、最近サイトのレイアウトを... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
『 すごく苦労して作ったことはあるけどめんどい/細部にこだわってみた!CSS3を使った美しい横メニューの作り方｜Webpark 』 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[JS]スクロールを楽しくするパララックスを簡単に実装できる超軽量スクリプト -skrollr | コリス フィード](/thumbnail/727712.png)
skrollrのデモ：ウェブページ skrollrの使い方 skrollrはHTML5+CSS3で実装します。 基本書式 skrollrを使用する際の基本書式は下記のようになります。 「skrollr.css」はskrollrを使用する際のCSSの基本セットが記述されています。 <!DOCTYPE... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
|
HTMLとJSだけで何か作ることが多くて，開発環境をどう作るかとか，ノウハウみたいなのがたまってきたと思う． ローカルのHTMLファイルをブラウザで開くと，いろんな制約がある．たとえば，ファイルAPIを使えないとか，YouTubeのプレイヤー貼り付けできないとか，/js/みたいに絶対パスで指定する... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
JavaScriptの顔認識ライブラリにccv.jsという有名なものがある。 liuliu/ccv ただ、WebRTCで顔認識させようとすると遅くてしかたがなかった。 最初は速いこともあるが、10回ぐらい認識をさせるとすぐに遅くなる。 とりあえず、デモ。 Computer Vision by cc... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
昨年2011年10月に仕事で運営に携わっている大学ウェブサイトでレスポンシブWebデザイン (しかもフル可変グリッドレイアウト) を導入して、はや半年。約6ヶ月間、レスポンシブWebデザイン（RWD）で制作したウェブサイトを運営してみて思ったことをまとめてみました。これからレスポンシブWebデザイ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[JS]ソーシャルメディアの不揃いなボタンを統一した美しいデザインでブログに設置するスクリプト -Koottam | コリス フィード](/thumbnail/725730.png)
Twitter, Facebook, Google+, RSSなど、ソーシャルメディアの不揃いなデザインのボタンを統一した美しいデザインにしてブログやサイトに設置するjQueryのプラグインを紹介します。 Koottamの主な特徴 Koottamのデモ Koottamの使い方 Koottamの主な... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
ご存知の通り、JavaScriptの連想配列の最後のカンマはやっかいです。 最後の要素の後にカンマがあるとIEでバグになるので、普通はこのように書くと思います。 よくある書き方 var x = { a : 1, b : 2, c : 3 // ←カンマつけない } しかしこの書き方は不便だしバグり... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
スマートフォンブラウザ不具合特集 — Presentation Transcript スマートフォンブラウザ不具合特集 若松 浩昭（株式会社ジークス） 自己紹介若松 浩昭（Hiroaki Wakamatsu） iPhone 3G・Webサイトの設計・フロントエンド周りの実装 003SH・スマートフ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
SourceForge.JP Magazine注目記事 ハードディスクの中身を誤って消した場合のファイル復旧方法 ハードディスクを完全消去する「DBAN」のインストールと使い方 HDD/SSDの健康診断を行うS.M.A.R.T.対応ツール「CrystalDiskInfo」 の使い方 HDDやSSD... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Webツール , その他 ウェブサイトのレイアウトを簡単に作成できるジェネレータ「PageBlox」 2012.04.24 12:00 コメント数：[ 0 ] Tweet 「PageBlox」はウェブサイトのレイアウトを作成できるジェネレータです。ウェブサイトを作るときの大枠を簡単に作成できますよ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
|
徳丸本に載っていないWebアプリケーションセキュリティ — Presentation Transcript PHPカンファレンス北海道 徳丸本に載っていない Webアプリケーションセキュリティ 2012年4月21日 徳丸 浩 本日お話しする内容• キャッシュからの情報漏洩に注意• クリックジャッキ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[JS]あなたのウェブページがどのくらいスクロールされて見られているかが分かるスクリプト -jQuery Scroll Depth | コリス フィード](/thumbnail/722156.png)
[JS]あなたのウェブページがどのくらいスクロールされて見られているかが分かるスクリプト -jQuery Scroll Depth Googleアナリティクスを使って、ウェブページがどのくらいスクロールされているか解析するjQueryのプラグインを紹介します。 下記のキャプチャはスクロールの量（パ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
|
『 ChatWork開発裏側。2012年4月時点コード規模は大体JavaScriptで約4万行。他メンバーが慣れてるPHPに近づけるように書く、1ファイル1クラス、マルチデバイス対応でTitanium採用等興味深い。Tiはシングルコンテキストな書き方かな? 』 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
node.jsid:kazuhooku さんの記事 node.js におけるエラー処理のコーディングパターン (もしくは非同期 JavaScript における例外処理。 ナイスです！ なんと素晴らしいタイミングでのブログでしょうか！ 「東京Node学園 5時限目」で id:koichik さんのプ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
|
node.js を代表とする JavaScript を用いた非同期プログラミング環境においては、コーディングパターンのベストプラクティスが共有されておらず、結果として品質の低いコードが多くなるという問題があるように思います。そこで、特にエラー処理をどう書くべきか、既存のライブラリを使う方法を紹介し... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
jQueryによる要素の存在チェックまとめです。 jQueryを実行する際、「$(selector)」が成功してjQueryオブジェクトが生成されたことを判断したいケースがあるかと思います。なかったらすいません。 ということで、jQueryで要素（jQueryオブジェクト）が1つでも存在することを... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
