今回のGDCで任天堂は2つの開発者向けセッションを予定。最初に行われたのは「Nintendo Wii U Application Development with HTML and JavaScript」(HTMLとJavaScriptを使ったWii Uアプリケーション開発)と題したセッション。講師は任天堂の環境制作部の島田健嗣... 続きを読む

• www.gamebusiness.jp
• テクノロジー

先日、Facebookでぼやりとつぶやいたのですが、「デザイナーもJavaScript覚えるべきだよ」ということについて、思うことを素直に書いてみます。 2012年12月8日に開催されたCSS Nite in OSAKA, Vol.34でわたしは微力ながら第二会場の進行をしていました。 この日... 続きを読む

• designers-hack.net
• テクノロジー

CSSリファレンス、(X)HTML、Movable Type、その他Webサイト制作に関する役立つ情報を掲載します！ 「Animated JavaScript Accordion V2」で配布。紹介されているスプリクトなんですが、容量も少なく、アコーディオンメニュー開閉の動作もスムーズのなので使い方... 続きを読む

• www.css-lecture.com
• テクノロジー

さて突然ですが、ドットインストールで「通信添削コース」を始めることにしました。なお、先生による個人指導なので有料サービスとなります。 ドットインストールに関してもっとも良く聞かれる質問の一つが「どうやってマネタイズしていくのですか？」だったり... 続きを読む

• www.ideaxidea.com
• テクノロジー

programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + / 弊社ピクセルグリッドのの、ほかちゃんが、ノンプログラマのためのJavaScriptはじめの一歩という本を書いたので、紹介します。 自分もjQueryの本を書い... 続きを読む

• hamalog.tumblr.com
• テクノロジー

デジタルマーケティングやWebアプリの企画開発を手がけるtadashikuのメンバーが、いま話題のサイトをピックアップ。UIやフロントエンドの技術を中心に、サイトの裏側に迫ります。 アディダスが立ち上げた、フットボール向けシューズブランド「predator lethal z... 続きを読む

• ascii.jp
• テクノロジー

Google Chrome デベロッパー ツール Google Chromeに付属しているウェブ開発向けの便利ツール JavaScriptのデバッグ、HTML/CSSの変更や解析、パフォーマンスの分析、ネットワークの解析などなど、いろいろできます WebKitのWeb Inspectorをベースにしているので... 続きを読む

• ss-o.net
• テクノロジー

タブレット向けサイトを制作する際に、スマートフォンサイトの延長線と考えて取り組んだところ、いくつか痛い目に合った経験から、注意して欲しい点をまとめてみました。 目次 タブレットはスマートフォン？PC？ 縦横どっちがメインになるの？ 横幅を何pxを基準... 続きを読む

• mdlab.jp
• テクノロジー

以前の記事でお伝えした、Web コーディングに特化したコードエディタ Brackets の Sprint 10 が公開されました。それにあわせて、アドビからのアナウンスもようやく行われました。 Brackets は無償のオープンソースプロジェクトです。コードは githab に公開さ... 続きを読む

• cuaoar.jp
• テクノロジー

2012年6月18日 日本音楽著作権協会 （JASRAC) ホームページで使用したJavaScriptのコピーライト表示漏れについて 去る2012年6月15日、ニュースサイト「秒刊サンデー」において、JASRACのホームページ（HP）に他人のJavaScriptを使用していながら、コピーライト... 続きを読む

• www.jasrac.or.jp
• テクノロジー

IE対応でよく利用するhtml5shivの使用方法変更について Posted by Hideki at 2012年5月14日 13:00 タグ： HTML5JavaScript HTML5でサイトを構築する際にIE8以下への対応でよく利用されるhtml5shiv。今まで導入方法は下記のように条件分岐コメントを利用してGoog... 続きを読む

• www.skyward-design.net
• テクノロジー

モバイル用でJavaScriptでアプリケーションを作成できるフレームワークについて比較した記事を翻訳しました。Comparing HTML5 Mobile Web Framework - Dzyngiri Comparing HTML5 Mobile Web FrameworkApr 27, 2012 by Dzyngiri 今年はモバイルWebにとって面白い... 続きを読む

• d:id:nowokay
• テクノロジー

こんにちは、北島です。 今回は少し技術的な話を。   ここ2年ほどHTMLコーダーのスキルセットとしてJavaScriptの重要性が高まってきています。 かつては一部のコーダーやプログラマが書けていれば十分であったはずのJavaScriptが今やマークアップエンジニアやHT... 続きを読む

• www.metaphase.co.jp
• テクノロジー

みなさん、こんにちは。 アメーバ事業本部のHR戦略室でデザイナーをしております安西謙之(@anjilina_nolie )です。 今回は、コーポレートサイトのマルチデバイス化を踏まえつつ、半年程前にリリースしました(だいぶ前ですが…)スマフォ版コーポレートサイトにつ... 続きを読む

• ameblo.jp:ca-1pixel

最近はjsのスクリプトやCSS3のアニメーションを使用してFlashに近い動きを実現しているサイトを最近よく見かけます。 サイトを企画・提案・設計する上で、案件によってFlashとjsどちらを実装するのかは変わりますが、まずはjsでどの程度の動きが可能なのか実例... 続きを読む

• webdesignmatome.com
• テクノロジー

Flashのエンジニアとして著名なGrant Skinner氏が開発している、「CreateJS」の公式サイトがオープンしました。 http://www.createjs.com/ CreateJSはHTML5を介してリッチなインタラクティブコンテンツの制作をサポートする、JavaScriptライブラリとツールのス... 続きを読む

• clockmaker.jp
• テクノロジー

Flashを使わずにJavascriptやCSS3ののアニメーションを使って、スクロール時に奥行きがある視覚効果を生み出す「パララックス効果」。 最近では国内の企業サイトなどでも使われているのを数多く目にするようになってきました。 今回はそんなパララックス効果（p... 続きを読む

• webdesignmatome.com
• テクノロジー

思い切ってガラケーユーザーからAndoridユーザーになってはや2ヶ月くらい。 Andoridは一刻も早く爆発したら良いと思います。 スマホサイトのナビゲーションって概ね行全体がタップ出来るっぽくなってますよね。 概ねっていうとアレですが、概ねサイト内にはあり... 続きを読む

• maboroshi.biz
• テクノロジー

自分は CoffeeScript が好きではない。個人的に書き捨てるコードを書くときには良いだろうけれど、継続的にメンテナンスが必要なコードに、この言語は絶対に採用してはならないと考えている。 CoffeeScript のメリット CoffeeScript を採用することで発生するメ... 続きを読む

• g:subtech:id:cho45
• テクノロジー

CoffeeScriptってなんぞ？ — Presentation Transcript CoffeeScriptってなんぞ？ kanazawa.js v1.7 水野隼登Webデザイナー株式会社DMM.comラボtwitter: @pocotan001 CoffeeScript？ CoffeeScriptはJavaScriptです。 CoffeeScript？ CoffeeScriptはJavaScriptで... 続きを読む

• www.slideshare.net
• テクノロジー

ChromeってJavaScriptオフにしようと思うと、設定 > 高度な設定 > コンテンツ設定 と階層を降りないとできないからめんどくさいねーということをTwitterで見かけたので、Chrome Extensionの勉強も兼ねて作ってみた。 Chrome ウェブストア – jsoff  インストー... 続きを読む

• t32k.me
• テクノロジー

続きを読む

• createjs.com
• テクノロジー

Internet Explorer の自動アップグレードについて | TechNet長かった… 本当に長かった… やっと、IE 6, IE 7 が居なくなるのですね…uupaa.js ver 0.8 に埋まっている処理などを参考に、IE 6, IE 7, IE 8 が居なくなった未来では何が可能になるのか抜粋してみ... 続きを読む

• uupaa.hatenablog.com
• テクノロジー

Loading… Flash Player 9 (or above) is needed to view presentations. We have detected that you do not have it on your computer. To install it, go here. 続きを読む

• www.slideshare.net
• テクノロジー

HTTP Archive HTTP Archiveに2011年と2012年のWebサイトにおけるコンテンツの傾向比較が「2011 recap」として発表された。HTTP ArchiveはWebサイトを分析し、どの種類のコンテンツがどの程度転送されているかをまとめているサイト。2011年と2012年のサイト比較... 続きを読む

• news.mynavi.jp
• テクノロジー

もうメンドイので書くけど，http://www.kyosuke.jp/yugajs/ の v0.7.1 以前は読み込んだだけで XSS 可能になるので今すぐ窓から投げ捨てたほうがいいです． 4:27 AM Jul 14th, 2011 Tweenから 続きを読む

• twitter:t_ashula
• テクノロジー

その昔、JavaScriptはWeb開発者の間では嫌われ者であった。IEとNNがシェアを争っていた頃、JavaScriptのブラウザ間の互換性は致命的なレベルであった。それでも気鋭のWeb開発者達は新たな可能性を開拓しようとJavaScriptを使い、DHTMLなんてものを生み出した。... 続きを読む

• blog.3streamer.net
• テクノロジー

Androidの場合のみbodyにclassを追加するJavaScript Check Tweet ちょっとした修正でAndroidだけCSSを変更しなくてはいけないことがあったのでAndroidの場合のみbodyにclassを追加するJavaScriptを書いてみました。 <body> <script> if(/Android/.test(window.n... 続きを読む

• blog.webcreativepark.net
• テクノロジー

HTMLコンテンツ上に広がるバナーを作成しよう！ 今回はマウスのアクションでHTMLコンテンツ上に広がるバナーを作成してみたいと思います。「HTMLコンテンツ上に広がる」というのは、ページ表示の最初はバナー枠に収まるように表示されていますが、何らかのイベ... 続きを読む

• thinkit.co.jp
• テクノロジー

題名の通りスクロールバーを変える jQueryプラグインです。全然使う 機会が無かったんですが、以前から 触ってみたいと思っていたところ、 ちょうど良さそうなプラグインを 見かけたので試してみました。 デザインそのものはcssでカラーリングしたり、画像に置... 続きを読む

• kachibito.net
• テクノロジー

久しぶりにかなり便利そうな気がした ので備忘録。CSS3で各ブラウザに対応 させるために加えるプレフィックスを 自動で付けてくれるライブラリです。 将来的にCSS3のプレフィックスは付け る必要が無くなるのでそうなったら これを外せばいいだけですね。 使い... 続きを読む

• kachibito.net
• テクノロジー

WEB業界ではすっかりおなじみのCSS3。ただまだ全てのブラウザに標準化され実装されているわけではなく、ブラウザ毎に接頭語を付けてあげる必要があります。 機能的にはそれぞれ接頭語をつけて、書き分けてあげれば良いのですが、管理面や手間的もあり面倒です。... 続きを読む

• design-develop.net
• テクノロジー

The Mobile Bookmark Bubble is a JavaScript library that adds a promo bubble to the bottom of your mobile web application, inviting users to bookmark the app to their device's home screen. The library uses HTML5 local storage to track whether ... 続きを読む

• code.google.com
• テクノロジー

In the interest of following jQuery’s motto of “writing less and doing more,” let’s write a simple slideshow using jQuery, JavaScript and a bit of CSS. For starters, our main goal should be keeping the markup as clean as possible: <div id... 続きを読む

• jonraasch.com
• テクノロジー

Twitter公式のツイートボタンの設置の際にIE6,IE7で 「’}'がありません」が出る場合は 文字コードの不一致が考えられます スクリプト読み込みタグにcharset=”utf-8″を付与することで読み込めるようになると思います。 元のコードの<script>タグを <script ty... 続きを読む

• kidokorock.com
• テクノロジー

アクティビティを通知するLikeボタン(いいね！ボタン)の設置方法です。オフィシャルドキュメントはこちらです。 設置方法 iframe src="http://www.facebook.com/widgets/like.php?href=http://example.com" scrolling="no" frameborder="0" style="border:none;... 続きを読む

• blog.hebita164.jp
• テクノロジー

国内のFacebook活用で一歩先を行く無印良品は、Facebookが提供するツールを独自にカスタマイズし、より有効な使い方を模索しているようです。 先日公開した「Facebookビジネス活用で網羅したい４つの施策エリア」というエントリにて、Facebookのビジネス活用に... 続きを読む

• looops-lab.com
• テクノロジー

In this in-depth web development tutorial, you’ll learn how to create a usable and web accessible slideshow widget for your site using HTML, CSS, and JavaScript (jQuery). In the process, you’ll see the concept of Progressive Enhancement in ... 続きを読む

• sixrevisions.com
• テクノロジー

スマートフォンサイトにおいて、左のムービーのようなフリック動作ができる画像スライドのjQueryプラグインを作りました。（ムービーはiOSシミュレータによるデモです）iPhone・Androidでご覧の方はデモに直接アクセスしてください（ムービーは再生されません）... 続きを読む

• blog.kaleido-jp.net
• テクノロジー

「Web Intents」でTwitterの機能をサイトに埋め込む Check Tweet 先日、AmazonがTwitterやFacebookによるシェア機能に対したので、どうやって実装しているかを見ているとTwitterは「Web Intents」という機能を利用して実装していました。 ノーチェックだったの... 続きを読む

• blog.webcreativepark.net
• テクノロジー

今では画像のイメージビューアーとしてのjQueryプラグインは多々あります。 最近よく見かけるもので、画像をクリックもしくはロールオーバーすることで 周りのレイアウトは保持したままで画像のみがその場で拡大表示されるエフェクト。 画像の見せ方としてちょ... 続きを読む

• black-flag.net
• テクノロジー

Recently I was checking out some nice flash galleries and came across an effect that I really liked. I had a sudden urge to duplicate that similar effect but using my bread and butter (CSS and jQuery). I thought I’d share this and maybe some... 続きを読む

• www.sohtanaka.com
• テクノロジー

jsdoit, JavaScriptこれって実は結構前から使えてたんですかね…？A More Open Platform: The Instagram APIhttp://instagr.am/developer/とりあえずclientを申請してゴニョゴニョと触ってみました。Instagram popular photos - jsdo.it - Share JavaScript, HT... 続きを読む

• d:id:sugyan
• テクノロジー

モバイルアプリケーションをHTML/CSS/JavaScriptなどのWeb標準技術を用いて開発するためのさまざまなツールや環境が登場しています。1つ前の記事で紹介した「jQuery Mobile」もその1つですが、それ以外のものもここでまとめて紹介しましょう。 jQuery Mobile jQ... 続きを読む

• www.publickey1.jp
• テクノロジー

div要素だけでなく、p要素やli要素で実装されたパラグラフを新聞のカラムのようなレイアウトにするjQueryのプラグインを紹介します。 ezColumnsの実装例 HTML p要素で実装したパラグラフをdiv要素で内包します。 <div id="groups"> <p>A - Lorem ipsum dolor si... 続きを読む

• coliss.com
• テクノロジー

新型はてなブックマークボタン使ってます？ぶっちゃけあんまり見ない気もしますが、↓みたいな感じで thickbox が開いたりして結構便利ですよ！ Twitter とか Facebook のボタンと似たような感じで今風なのも(･∀･)ｲｲ!! つーことで、このブログにも新型はてブボ... 続きを読む

• sakuratan.biz
• テクノロジー

先日予告したSNBinderのオープンソース化、GitHubに簡単なREADME付きでアップロードしたのでご覧いただきたい。 https://github.com/snakajima/SNBinder SNBinderは、ひと言で言えば「ブラウザー上でView(テンプレート)とData（JSON）を結合して HTML を生成す... 続きを読む

• satoshi.blogs.com
• テクノロジー

そろそろHTML5でコーディングする機会も増えてきたりするかもしれませんが、どうしてもブラウザ対応はしておきたいもの。jQueryで（※）要素をごにょごにょする際にちょっとはまったので一応書いておきます。 IE8以下での話ですが、IE8以下でHTML5を利用すると... 続きを読む

• 5509.me
• テクノロジー

新春特別企画 2011年のJavaScript ─ウェブアプリ全盛の時代へ Check 2011年1月1日 太田昌吾 JavaScript, HTML5, ECMAScript5, CSS3 ブラウザ, リクエスト, JavaScript, HTML5, Chrome, Node この記事を読むのに必要な時間：およそ 3 分 あけましておめでとうご... 続きを読む

• gihyo.jp
• テクノロジー

scriptタグ内を<!-- // -->で括ってからJavaScript書くのってどの辺のブラウザ向けにやってるんだっけ? #javascript 続きを読む

• togetter.com
• テクノロジー