divはボタンではない、ボタンの実装について知っておくべきすべてのこと
クリックできるボタンを実装するとき、HTMLの何をよく使用しますか？ buttonタグ、もしくはdivタグ？ divを使用してはいけない理由、buttonを使用するときの注意点、場合によってはaがよい理由を紹介します。 Everything you didn’t know you need to know about buttons by Steve Sewell 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに ボタンの実装にdivを使用したときの問題点 ボタンをbuttonで実装する buttonのスタイルに関する問題点 buttonのスタイルを正しく設定する方法 フォーム内のbuttonの動作を修正する 他のページへのリンクに使用する場合はaタグで ボタンの実装をコンポーネントにする 終わりに はじめに クリックで
jQuery#onを便利に使う - Qiita
$(selector).on('click', function(event) { }); くらいしか使ってこなかったのだけど、調べてみたらもっと便利に使える事を知ったのでメモ。多分on()だけじゃなくone()も同じかな。 イベントにネームスペースを付けられる $(selector).on('click.add-button', function(event) { }); $(selector).on('click.remove-button', function(event) { }); // click.remove-buttonだけ削除される $(selector).off('click.remove-button');
とにかくシンプルで簡単で高速なViewのコンポーネントを作れるHorn.jsを作った - mizchi's blog
JavaScriptでリアクティブっぽくとにかく短くシンプルにビューが書けるライブラリを作った。 mizchi/horn.js https://github.com/mizchi/horn.js 名前は背骨とか角とかっぽければ何でもよかった。 方針 Angularっぽいユーザー定義のdirective Knockout.js っぽいデータバインド Backbone風の軽量なAPI 依存はjQueryのみ とにかく短くビューのコンポーネントの塊を書けるのを目的とした。UnityとかFlashのコンポーネントに影響を受けている気がする。 HTMLのテンプレートによって、ビューがどういう属性を持つか決定される。それをJavaScriptから使う。 インストール bower install horn 使い方 こんな感じでテンプレートを用意する <div data-template-name="st
CSS3で立体的なボタンを表現するチュートリアルまとめ「40 CSS3 Animated Button Tutorials And Experiments」
TOP > Design > CSS3で立体的なボタンを表現するチュートリアルまとめ「40 CSS3 Animated Button Tutorials And Experiments」 HTMLに装飾を加えるためのCSSは、2011年頃から登場したCSS3によって表現力が劇的に向上。しかし、新しい機能や表現方法をフル活用できていないという方もいらっしゃるのではないでしょうか？そんな中今回紹介するのが、CSS3で立体的なボタンを表現するチュートリアルをまとめた「40 CSS3 Animated Button Tutorials And Experiments」です。 （CSS Buttons with Pseudo-elements | Codrops） シンプルなボタンはもちろん、デザインソフトでの制作でも時間がかかりそうなリアリティのあるボタンまで、多彩なCSSデザインが紹介さ
コンテンツが少くても下に表示されるフッター - jsdo.it - Share JavaScript, HTML5 and CSS
コンテンツが少ないと画面の途中にフッターが表示されてしまう事がありますが、足りない場合は画面の一番したにくっつくようにしました。CSSのみ。 （JSはコンテンツの量を変更するのに使っています。） IEは6, 8+です。box-sizing: border-box を使っているので。body直下にコンテンツ全体を含む要素を作り、そこにヘッダー、フッター分の余白を取るようにすればIE 7にも対応できます。 (function() { var nList = document.getElementById('list'); var nAdd = document.getElementById('add'); nList.addEventListener('click', function(event) { this.removeChild(event.target); }, false); nA
全ては時の中に… : 【VB.NET】イベントの発生したコントロール名を取得する
2007/6/2722:58 【VB.NET】イベントの発生したコントロール名を取得する VB.NETでは、Handlesの後にイベントトリガを記述するので、1つの関数を複数のイベントに関連付けることができる。 複数のイベントを1つの関数に関連付けた場合、コントロール名によって処理を振り分けなければならないことがある。（ボタンと開くフォームを関連付ける等） 以下、サンプル。 例)ボタンと開くフォームを関連付ける方法 Public Class Form1 Private Sub OpenForm(ByVal sender As System.Object _ ByVal e As System.EventArgs) Handles Button1.Click _ Button2.Click, Button3.Click Dim frm As Forms Dim btn As Button =
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ボタンのスタイルシートを確認しながら、オンラインで簡単作成 -CSS Button Designer