CSS, jquery

デフォルトのラジオボタンは見栄えが…
ってときには装飾してしまえばいいのだ
ってことでCSSとjQueryで装飾してみる。

HTML<label class="fed-radio fed-flxM ...

jquery, web制作

ホームページの内容を動的に変更したり、表示を動かしたりが手軽にできる「jQuery」の始め方
javascriptはハードルが高いと感じた方や、Web初心者の方でも簡単に始められる!

先ずはjQueryを手にいれる

...

jquery, web制作

jQueryでDOM要素(divやpなどのタグ)を指定する際に使用する
「セレクタ」と「トラバース」について

セレクタ

次のようにタグやクラス、IDや属性を直接指定する

jQuery$('.class& ...

jquery, web制作

$('.foo .bar')というように
セレクターで対象を絞り込んでいくことも出来ますが、
セレクターを指定してそこから対象を探すほうが処理が早いので
それらの代表的な方法を記載します。 ...

CSS

IEでtransformの値に入れたcalc()が効かない時の対処法

要素を画面中央に配置したい時に遭遇するかもしれない。
超簡単に対処できる方法がコレ。

calcで計算したい内容をそれぞれ指定する

つま ...

jquery

変数を「false」とか「0」とか「null」でも定義してたら
「true」が欲しいってことで作ってみた

jQuery//定義チェック
function exists(value){
if(value === ...

CSS, HTML, jquery

色々な要素を表示、非表示する関数を作ったので公開

CSSfunction hideAndShow(op){
var target= 'target',//対象のグループ名
show= 'sho ...

jquery

というわけでカスタムデータ属性です。
HTMLのタグに指定することでいろいろな値を持たせることが出来、重宝しているのでおさらい。

data-を指定するHTML<div id="test01" d ...

CSS

最近?流行のグラデーションをさくっとボーダーや、背景に設定する方法をメモ

グラデーションは「linear-gradient」.gradient--bg {background: linear-gradient(45deg,#00 ...

jquery

重なり合った要素の下にあるリンク等にクリックを発生させないための処理
モーダルとかスライドとかで使う
メモ程度。

event.preventDefault();jQuery$(セレクター).on(‘c ...

スポンサーリンク