jQueryのclickイベントで親と子が同時に対象になった場合に子だけ取得する方法
jQueryのclickを使って何かがクリックされたら処理をするようなコードを作成したとします。 そのとき、セレクタが親子で同じ場合両方とも処理されてしまいます。 複数取得できた場合は子要素だけ取得したいときの書き方を紹…
jQuery(js)
jQuery(js)
jQuery(js)
HTML+CSS
htmlのbuttonをcssだけでおしゃれなデザインにするおすすめページ
僕はデザインの勉強をしようと思ったことも一瞬だけあったのですが、センスが無いからすぐ諦めました(笑) もはやWEBページ全体やHTMLのボタンなどパーツのデザインは世の中にたくさんテンプレートがあるので、それらを活用して…
HTML+CSS
CSSのborder-imageを使ってborderをグラデーションにする方法
今回はCSSのborder-imageを使って、borderをグラデーションにする方法です。 borderをグラデーションにする必要ある？？って思いつつもこの記事を作成するにあたり実験したら、思いの外きれいでした(笑) …
HTML+CSS
CSSのborder-imageを使って下線の色を途中から変更する方法
前回の記事ではpositionや擬似クラスを使って、borderの途中から色を多少強引にする方法を紹介しましたが、その後ひょんなことからもっと簡単に実現できる方法をみつけました！ border-image というCSSの…
HTML+CSS
CSSで下線(border-bottom)の色を途中から変更する方法
borderで引いた線は、上下左右で別の色や太さを指定することは出来ますが、基本的には1辺の線の色を途中から変更することはできません。 そうしたい場合は下線用の画像を作成し、背景に設定する方法が一番簡単です。 しかし、C…
HTML+CSS
CSSのtransitionを使ってhoverでじんわり表示を切り替える方法
マウスカーソルを合わせるとじんわり文字や背景の色が変わったりさせるためにはCSSの transition を使います。 他にもチェックボックスにチェックしたら画像がじんわり切り替わるなどもできます。 transition…
HTML+CSS
CSSのmarginの相殺って？
CSSでmarginを扱う場合、marginの相殺ってのが起こる場合があります。 「marginの相殺」って聞いたことありますか？ ぶっちゃけ僕は聞いたことありませんでした。 質問を受けて初めて知りました。 margin…
体つくり
プログラマーの肩こり対策には懸垂が最適
プログラマーと言えば肩こりです。 多くのプログラマーが肩こりで悩んでいるかと思います。 プログラマーというかパソコンを使う仕事の人ですね。 パソコンを操作するときの両手を前に出している姿勢が肩こりになりやす…
体つくり
体つくりをして優秀なプログラマーを目指す
プログラマーが体つくり？？と思うかもしれません。 夏は涼しくて冬はあたたかい部屋で椅子に座って仕事をするプログラマーって体力使わなくて楽な仕事だなと思われがちですが、実は全然そんなことないです。 むしろ体力勝負な世界な部…
PHP
PHPで複数の画像を繋げて並べ1つの画像を作成する方法
今回は複数の画像を並べて↑のような１つの画像を作成してみました。 画像Aに画像Bを重ねるような処理は以前作成した記事でも確認出来ました。 ≫ PHPで画像に別の画像を重ねる方法 複数の画像を重ねたり並べて配置したりする場…
人気記事
-
CSSを上書きして背景色を指定無しにする方法
-
JavaScriptで空判定する方法
-
配列の要素が空かどうか判定するのはempty？isset？PHPの基礎
-
floatを使ってサイドバーを追加するHTML+CSSの解説
-
サーバーのPHPのバージョンを確認する方法
-
PHPの配列で空白の要素を削除するarray_filterの使い方
-
ContactForm7のデータをDBに保存して履歴を管理画面から確認するプラグイン
-
PHP配列の中から要素を検索するarray_searchとarray_keys、in_arrayの使い方
-
PHPでQRコードを作成する方法
-
PHPの配列をJSONデータとして出力する方法とJSONを読み込み配列にする方法
-
PHPでどこから遷移してきたか前ページURLを取得する方法
-
[HTML+CSS]display:none;でスマホの場合だけ非表示にする方法
-
未経験から何年で一人前のプログラマーになれるのか？僕の過去3年間の経験談
-
WordPressはサブディレクトリにインストールがおすすめの理由と設定方法
-
インドのコルカタ観光！世界最恐エイズ感染率40％売○街ソナガチに潜入してきた
-
inline-blockでwidth:50%でも横に並ばない原因と解決する方法
-
画像をクリックしたらモーダル画面で表示するjQueryを自作してみる
-
jQueryでメニューのサブメニュー(ドロップダウン)をクリックで開閉させる方法
-
PHPの配列をCSVデータとしてファイルに出力する方法とCSVを読み込み配列にする方法
-
jQueryでチェックされたcheckboxの値を取得したり設定する方法
