プログラマーの技術や経験の暴露ブログです。何か聞きたいことがあれば遠慮なくご連絡ください。

jQueryのclickイベントで親と子が同時に対象になった場合に子だけ取得する方法

2019.03.03 munehiro

jQueryのclickを使って何かがクリックされたら処理をするようなコードを作成したとします。そのとき、セレクタが親子で同じ場合両方とも処理されてしまいます。複数取得できた場合は子要素だけ取得したいときの書き方を紹…

htmlのbuttonをcssだけでおしゃれなデザインにするおすすめページ

2019.03.02 munehiro

僕はデザインの勉強をしようと思ったことも一瞬だけあったのですが、センスが無いからすぐ諦めました(笑) もはやWEBページ全体やHTMLのボタンなどパーツのデザインは世の中にたくさんテンプレートがあるので、それらを活用して…

2019.03.01 munehiro

今回はCSSのborder-imageを使って、borderをグラデーションにする方法です。 borderをグラデーションにする必要ある？？って思いつつもこの記事を作成するにあたり実験したら、思いの外きれいでした(笑) …

2019.02.28 munehiro

前回の記事ではpositionや擬似クラスを使って、borderの途中から色を多少強引にする方法を紹介しましたが、その後ひょんなことからもっと簡単に実現できる方法をみつけました！ border-image というCSSの…

2019.02.27 munehiro

borderで引いた線は、上下左右で別の色や太さを指定することは出来ますが、基本的には1辺の線の色を途中から変更することはできません。そうしたい場合は下線用の画像を作成し、背景に設定する方法が一番簡単です。しかし、C…

2019.02.26 munehiro

マウスカーソルを合わせるとじんわり文字や背景の色が変わったりさせるためにはCSSの transition を使います。他にもチェックボックスにチェックしたら画像がじんわり切り替わるなどもできます。 transition…

2019.02.25 munehiro

CSSでmarginを扱う場合、marginの相殺ってのが起こる場合があります。「marginの相殺」って聞いたことありますか？ぶっちゃけ僕は聞いたことありませんでした。質問を受けて初めて知りました。 margin…

2019.02.24 munehiro

プログラマーと言えば肩こりです。多くのプログラマーが肩こりで悩んでいるかと思います。プログラマーというかパソコンを使う仕事の人ですね。パソコンを操作するときの両手を前に出している姿勢が肩こりになりやす…

2019.02.23 munehiro

プログラマーが体つくり？？と思うかもしれません。夏は涼しくて冬はあたたかい部屋で椅子に座って仕事をするプログラマーって体力使わなくて楽な仕事だなと思われがちですが、実は全然そんなことないです。むしろ体力勝負な世界な部…

2019.02.22 munehiro

今回は複数の画像を並べて↑のような１つの画像を作成してみました。画像Aに画像Bを重ねるような処理は以前作成した記事でも確認出来ました。 ≫ PHPで画像に別の画像を重ねる方法複数の画像を重ねたり並べて配置したりする場…