えーと、幅240pxのガラケー用のコンテンツをサーバで自動変換されちゃって、幅が広めなAndroidでみると左右が黒い場合に使うような、きっとそんな時に使うコード。 <meta name="viewport" content="width=240, initial-scale=1.333333, maximum-scale=1.333333, user-scalable=yes"> <script> (function() { function getClientWidth() { if (document.documentElement) { // documentElement = <html> if (document.documentElement.clientWidth) { return document.documentElement.clientWidth; } } if
8XBET ⭐️ Link 8XBET Mới Nhất Hôm Nay, Nhà Cái Châu Âu Uy Tín | Tặng +88K Khi Đăng Nhập Từ Trang Chính 8XBET là nhà cái uy tín hàng đầu châu Âu, cung cấp sân chơi giải trí đẳng cấp cho toàn bộ người chơi trên toàn thế giới. Tại 8XBET, bạn sẽ được trải nghiệm đa dạng hạng mục giải trí hấp dẫn như Casino, bắn cá, đá gà, thể thao,… cùng nhiều chương trình khuyến mãi và ưu đãi đặc biệt dành cho thành v
こんにちは、橋本です。 今回と次回の2回にわたり、Safari、ChromeのWebインスペクターやFirefoxのFireBugで使えるconsoleオブジェクトの使い方について書いてみたいと思います。 Javascriptのコードをデバッグする際に、console.logを使ってメッセージやオブジェクトの内容をログに表示することがあるかと思いますが、 この「console」オブジェクト、実はlogメソッド以外にも複数のメソッドがあります。 まずは、consoleオブジェクトにどのようなメソッドがあるか、console.logを使って表示してみたいと思います。 consoleオブジェクトの中身を見てみると、__proto__オブジェクトに以下のメソッドが定義されています。 assert count debug dir dirxml error group groupCollapsed g
JSBooks is a showcase of the bests free ebooks about Javascript. Find here the best publications about your favourite programming langage without spending any bucks !Learn Javascript for free ! Discover the most popular free Javascript books and improve your skills, thanks to the developers community ! Fork it on Github and add any books related to your best programming langage :) Levels are list
A week ago was the Throne of JS conference in Toronto, perhaps the most interesting and different conference I’ve been to for a while. Quoting its website: Published Aug 1, 2012 It’s no longer good enough to build web apps around full page loads and then “progressively enhance” them to behave more dynamically. Building apps which are fast, responsive and modern require you to completely rethink yo
Download Prism is a lightweight, extensible syntax highlighter, built with modern web standards in mind. It’s used in millions of websites, including some of those you visit daily. Dead simple Include prism.css and prism.js, use proper HTML5 code tags (code.language-xxxx), done! Intuitive Language classes are inherited so you can only define the language once for multiple code snippets. Light as a
jQueryなどの他のスクリプトに依存せず、DOMエレメントを操作するシンプルで超軽量(2KB gzipped)のスクリプトを紹介します。 Chibi -GitHub Chibiの対応ブラウザ Chibiの使い方 Chibiの対応ブラウザ IE6をはじめ、ほとんど全てのデスクトップ・スマートフォン用のブラウザをサポートしています。 Android Browser 2.1+ Blackberry Browser 6+ Chrome Chrome Android Firefox 3.5+ Firefox Mobile Internet Explorer 6+ Internet Explorer Mobile 9+ Opera 10+ Opera Mini Opera Mobile 10+ Safari 3.2+ Safari Mobile 3.2+ Symbian^3 Browser or h
1.1 初期のJavaScript JavaScriptが強力で動的なオブジェクト指向言語である これって議論が分かれるところだけど書籍ではオブジェクト指向言語と言い切っている。 1.2 アプリケーションの構造化 大規模なjavaScriptアプリケーションを作成する上で鍵になるのは、「javaScriptの」アプリケーションをつくろうとはしないことです。まず、独立性の高いコンポーネントへとアプリケーションを分割するべきです。 粒度が細かいほうが制作しやすいし管理もしやすいと。 1.3 MVCとは MVCはデザインパターンの1つであり、アプリケーションをデータ(Model)とプレゼンテーションレイヤ(View)そしてユーザーインタラクションレイヤ(Controller)の3つに分割するという概念です。 大抵のWEBアプリケーションはこう分割できるよねと。 ユーザーがアプリケーションを操作し
郵便番号から住所補完zip2addrサンプル Google日本語入力APIを利用し、完全にメンテナンスフリーな住所補完機能を提供します。 フロントエンドのJavaScriptのみで作動するため、サーバーサイドに手を加える必要はありません。 数行のJavaScriptを書くだけで簡単に既存のフォームに実装できます。 こちらからどうぞー: https://github.com/kotarok/jQuery.zip2addr jQueryとzip2addrの読み込み 下記のようにjQueryとzip2addrを読み込んでおきます。これで準備は完了。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> <script type="te
Adobe Edgeとは 「Adobe Edge」(以下、Edge)は、Adobe Systemsが開発中のHTML5アニメーション作成ツールである。Edgeでは、HTML5、CSS3、JavaScriptを利用したアニメーションを、コードをほとんど記述することなく作成することができる。 HTML5を使えばWeb標準の技術だけでインタラクティブなコンテンツを実現できるが、Flashなどの既存技術に比べると完成されたオーサリングツールがない点が課題とされていた。それに対して、デザインツールベンダーの雄ともいえるAdobeが送り出したのがEdgeだ。 Edgeで提供される主な機能としては、次のようなものが挙げられている。 シンプルで直感的に使いやすい描画ツール 既存のWebページにEdgeで作成したアニメーションを埋め込むことが可能 WebKitベースのプレビュー画面 スニペットを有したJav
Perl Hobby Programming - Games::BeLike::EightBIT ターミナルで8ビット風ゲームをつくろう
第31回 HTML5とか勉強会に参加しました! 今回は開始時刻ちょうど位に会場に到着したのですが、 既に満席で壁際に椅子をご用意頂いて、 そちらで参加させていただきました。ありがとうございました! 席取りはお早めに!以下、レポートです。 アジェンダ: MVCフレームワークのご紹介(15分×4組=60分) Backbone.js・・・清水大輔さん(NHN Japan) Spine.js入門・・・村田 賢一郎さん(Acroquest Technology) Playing With Ember.js・・・斉藤 祐也さん(サイバーエージェント) Angular.js・・・北村 英志さんさん(グーグル) 全員参加の座談会:40分 モデレータ:新野淳一さん(publickey) 質疑応答など10分 JavaScript MVC フレームワーク全般 Backbone.js, Spine.js, Emb
HTML Best Practices 保守しやすく、規模に依存しない、HTML文書の基本的な書き方をまとめた文書です。 vim-css3-syntax Vimのビルトイン・ランタイムに含まれるCSSのシンタックス・ファイルを拡張する形で、CSS3の様々なプロパティーなどに対応させます。 Color Blindness Emulation SVGフィルターを使い、画像やウェブページに対して8種類の色覚多様性を再現します。 hail2u-ipsum このウェブサイトの文章を利用して、アルファベットやカタカナが適度に混じった日本語の無意味な文章を生成します。 MN Google Fontsで公開されている等幅フォントを普通のウェブページで利用すると、どのような印象になるかを確認できるウェブサイトです。 Drawic SVGで描かれたアイコンの小さなセットです。 CSS MQPacker CSS
Today, we're going to put on our computer science hats as we learn about some common design patterns. Design patterns offer developers ways to solve technical problems in a reusable and elegant way. Interested in becoming a better JavaScript developer? Then read on. Introduction Solid design patterns are the basic building block for maintainable software applications. If you've ever participated i
公開: 2012年7月16日16時25分頃 先週、JavaScriptの本を選定したわけですが、実際に勉強会の概要を決めて、参加者に課題を出しました。 案内をほぼそのまま掲載するとこんな感じ。 基本的なルール毎週金曜日の朝9時に開催します。第一回目は7月6日です。テキストとして、「よくわかるJavaScriptの教科書 (www.amazon.co.jp)」(たにぐち まこと著) を使用します。毎回、課題を出します。課題は、翌週水曜日の23:59までに提出してください (提出方法は後述の「課題」の項を参照)。木曜日の間に内容をチェックし、金曜朝の勉強会でレビューします。とりあえずやってみて、やりながらやり方を調整していきます。この基本ルールも随時修正される可能性があります。※ スクラムとは? : マンガ「ドラゴン桜」に登場する「スクラム勉強法」にちなんだ名前です。 ドラゴン桜では主人公の桜
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く