タグ

2014年7月16日のブックマーク (8件)

  • とっても応用の効くラジオボタンを手軽に画像で表現する方法

    HTMLのラジオボタンは、複数の選択肢の中から 特定のものを選ばせる時などに使用します。 利用シーンでは、男性・女性を選択するものであったり、 利用規約の同意・非同意、旅館の予約コースの選択であったりと様々です。 HTMLのラジオボタンの作成はとても簡単で、下記の様に作成する事が出来ます。 上記では、『radio-group』というラジオボタンのグループ内で 特定の選択をさせるというものです。 選択出来るのは必ず一つで、選択状態を変更すると他の選択状態は破棄されます。 formで送信する際は、選択されたラジオボタンの「value」の値のみ送信されます。 ラジオボタンはとても便利で、よく使うHTML要素かと思いますが、 そのまま使用するとブラウザ毎に表示が異なり、 デザインにこだわったサイトでは、他のデザインと協調せず、ういてしまいます。 そこで、今回はラジオボタンを手軽に画像にする方法を解

    とっても応用の効くラジオボタンを手軽に画像で表現する方法
  • 【jQuery】ファイル選択フォームデザインのカスタマイズ方法

    的に、ファイルのアップロード等で使用するフォーム要素として 『input』要素の『type="file"』がありますが、 ファイル選択ボタンや、ファイル名表示エリアの位置やデザインは 基的にブラウザ依存で、中々デザインを当て込むのは困難です。 デフォルトで適用されるデザインは、 IEやFirefoxはファイル選択ボタンがファイル名表示エリアに対して右側ですし、 ChromeやSafariはファイル選択ボタンがファイル名表示エリアに対して左側です。 ファイル未選択字のデフォルトメッセージ(『ファイルが選択されていません』等)も 言葉が異なっていたり、そもそも表示が無い等まちまちです。 これだけブラウザによって異なれば、 そのままデフォルトで使用すると 他のデザインとのバランスが悪くなったりして、 どうしてもデザインを入れたいパターンが出てくる場合があります。 また、ブラウザ依存のデザイ

    【jQuery】ファイル選択フォームデザインのカスタマイズ方法
  • CoffeeScript で学ぶ Observer パターンの基礎 | DevelopersIO

    CoffeeScript を導入したことによってクラス化が比較的易しくなり、導入前よりもずっと見通しの良いコードが書けるようになってきました。クラス化することによって関連する機能を一箇所に集約することができ、後から機能を追加する際も関連するクラス内に迷わず追記することができるので、コードがあちこちに散らばることがなくなります。そして各クラスは、それぞれが与えられた役目だけに徹する(関連機能が集約されているから)ので、他のクラスのことなど知ったこっちゃないと言わんばかりに意識しなくなり、自然と疎結合なコードになっていきます。 と、いうのが理想なわけですが、実際そうも言ってられなくなったりします。ひとつ以下の様なケースで考えてみます。 出版社(Publisher)と読者(Reader)という2つの登場人物がいます。読者は出版社が近日発売予定のとある書籍を購入したいと考えていますが、出版社内で編

    CoffeeScript で学ぶ Observer パターンの基礎 | DevelopersIO
  • coffeescriptcookbook.com - このウェブサイトは販売用です! - coffeescriptcookbook リソースおよび情報

    このウェブサイトは販売用です! coffeescriptcookbook.com は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、coffeescriptcookbook.comが全てとなります。あなたがお探しの内容が見つかることを願っています!

  • jQuery.extendマニアックスでは、ハッシュのマージからjQueryの拡張までを説明している - つれづれ日記

    jQuery.extendマニアックスでは、ハッシュのマージからjQueryの拡張までを説明している。 なるほど、どこかの記事でJavaScriptは関数さえも連想配列であるため、問題があると指摘していたけれども、逆にjQueryのextendメソッドは単なる連想配列を マージするだけで、メソッドを拡張できる仕組みがある。確かに柔軟。 ただし、 jQuery.extend()は最初のハッシュである"target"を上書きして改変してしまうので注意。これはJavaScript共通の特徴。関数に配列を渡すと、参照渡しのため、渡された配列を 書き換えると、元の配列も書き換わっている。jQuery.extend()でマージしたい連想配列を 改変したくない場合は、targetに空の連想配列{}を指定し、返り値でマージした結果をもらう。連想配列は左のものに右のものが順番に上書きされる。 var ext

    jQuery.extendマニアックスでは、ハッシュのマージからjQueryの拡張までを説明している - つれづれ日記
    nyangry
    nyangry 2014/07/16
    JavaScriptのオブジェクト型は参照渡しであることを忘れない
  • javascriptとは?知っておきたい基礎知識 - プログラミング学習の窓口

    JavaScriptは、htmlcssで構成したページの動きを操作出来ます。分かりやすい例としては、ボタンやメニューの動き。こういったものもJavaScriptを活用することで実現が出来ます。 Javascriptは非常に人気の高い言語で、JAVAとにていますが別ものです。 ReactのようなJavascriptを応用した技術も普及が進んでおり、今後当分は主流な言語として活用されるでしょう。 The post javascriptとは?知っておきたい基礎知識 first appeared on プログラミング学習の窓口.

  • Welcome to m-bsys.com

    Welcome to m-bsys.com If you are the domain administrator get started creating your home page with Google Sites

  • if not と unless の使い分け - 本当は怖いHPC

    周辺で話題になったので書いておく。if notとunlessをどう使い分けるか。 検索してみると、青木さんのRubyCodingStyleや、前田さんのRubyコーディング規約などが目に付く。どうやら、世間での標準は、「使えるところではなるべく unless を使い、if not は使わない」ということらしい。 が、僕の場合はちょっと違うので書いておく。他にもこういう人はいるだろうか? 正常処理の分岐にはif not、異常処理にunless 使い分けは簡単明瞭(だと思う)。正常処理の分岐にはif not、異常処理(例外処理)にはunlessを使うというもの。また、if文を使って正常と異常を分岐する場合は、どんなときでも if <正常> else <異常> end となるようにしている。notが入ろうが入るまいが。 このようにする理由はいくつかある。上から順に大きな因子。下に行くほど、いわゆ

    if not と unless の使い分け - 本当は怖いHPC