今さら聞けない! ビギナーのためのJavaScript講座(3) JavaScript未経験者のためのやさしいインタフェース制作
みなさんこんにちは。 前回のタブ切り替えですが、理解できましたでしょうか？ ポイントとなる部分はJavaScriptによって適宜クラスを付け変えることで、あとはCSSよって表示・非表示を切り替えるということです。 すべてをJavaScriptで行うのではなく、上手にCSSとの連携をすることが大事です。インタラクティブなWebアプリのインタフェースづくりの第一歩になるでしょう。 さて、前回はタブを押して、表示・非表示は切り替えられましたがタブ自体は色も何も変化がないままでした。今回は前回のHTMLをうまく流用してできるだけ簡単にタブの色を切り替えてシンプルなタブインタフェースを完成させましょう。 ここでもし初めてこの連載記事をご覧の方は、「タブ切り替えで、JavaScriptの基本を学ぶ(1) クリックイベントを書いてみよう」、「タブ切り替えで、JavaScriptの基本を学ぶ(2) ページ
典型的なJavaScripter3+1種類と、それぞれの勉強法。 | Ginpen.com
一口にJSerといっても、色々な分野の人がいます。あなたはどんなJSerになりたいですか？ 方向性により学ぶべき事も変わってきます。目標を明確にしましょう。 というわけで、独断と偏見……というか主に偏見で三種類にまとめてみました。 追記: 「勉強法」とかタイトルに付けておきながら勉強法に触れてませんでしたので「勉強範囲」に修正しました。ひー。 三種類 アニメーションを作る人 アプリを作る人 サーバ側を作る人 基本的にプログラマ視点です。コーダー視点も最後に。 では、それぞれ見てみましょう。 アニメーションを作る人 Flashの代わりにJavaScriptやCSSを使う人。Flasherさんがシフトしてくる位置。 発注側が想定するJavaScripter。最近の携帯ゲームで需要がある。 お仕事 JSだけでなくCSSや画像を駆使して画面を描く。 UIだけならいなくても困る事はないけれど、UXま
Illustratorで使うJavaScriptをテーマに、6月28日にDTP Boosterを開催（日程変更しました）｜DTP Transit
2012年6月21日28日、アップルストア銀座でDTP Booster 035を開催します。 IllustratorでJavaScriptを使えます！カンタンです！と言われても、実際、スクリプトやプログラミング言語になじみがない人にはチンプンカンプン。 体系的にアカデミックに、ではなく、とりあえず、ありものを修正したりなどのレベルではじめてみる上でつまづきがちなポイントについて、生徒（鷹野）／先生（市川）にて取り上げます。 参加費は無料ですが、事前登録をお願いします。 追記： すごい初速でお申し込みいただいています。 具体的には、下記のエントリーなどをネタに、まず、このスクリプトを改変するのに必要な知識を掘り下げていくといったことを想定しています。 選択テキストの文字ツメ関係をすべて解除する - 名もないテクノ手 Illustratorで選択したテキストの変倍、トラッキング、ベースラインを
CoffeeScript 入門! 怒濤の 100 サンプル!! | TM Life
今まで CoffeeScript についてのエントリーを連投してきましたが とりあえずこのエントリーで一区切りつけようと思います. ちなみに今までに書いた CoffeeScript についてのエントリーはこんな感じです. node.js 不要! Windows でも簡単に CoffeeScript を使う方法 jsdo.it で CoffeeScript を使う方法 CoffeeScript 入門 基礎編 – CoffeeScript と JavaScript を 10個のサンプルで比較してみた CoffeeScript と gl.enchant.js を使って15分で 3D ゲームを作ってみた. 動画もあるよ♪ 今回は enchant.js で怒濤ったとき同様 CoffeeScript についても怒濤ってみました. プログラミングは本を読むだけでは学んだとは言えません. 作ってナンボの世
クリック可能な箇所でa要素を使用しない時に気をつけたい3つのポイント
リンクではない、例えばJavaScriptを埋め込むなどのクリッカブルな箇所でアンカーリンクを使用しない時に気をつけたい3つのポイントを紹介します。 When (and when not to) use an anchor tag? [ad#ad-2] 下記は各ポイントを意訳したものです。 a要素は、いつ使うべきでしょうか。 私はそれがクリック可能である時に、a要素を気前よく使用していました。しかし、a要素の定義を考えてみると、セマンティックではない使い方をしている場合があるのではないかと思いました。 例えば、Gmailのソースを調べてみると、クリック可能な大部分の箇所はdiv要素を使用しています。これはJavaScriptのイベント用のもので、a要素を使用すべきではないものです。 では、そのa要素を使用しない場合、ユーザーにそれがクリック可能であるように見せるために、どのようにしたらよい
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TEST CORDING » Sassの@functionの使い方まとめ – プログラマブルな処理は@function
