CSS, SCSS 【ワレコのWEB】CSSで::beforeや::after疑似要素のcontent:attr()の使い方
最近覚えたWEBプログラミングの小細工を紹介したい。まあ、こんな機能を知っていれば何かの役に立つかも知れない。それは、CSSの設定において、::beforeや::afterでアクセスできる疑似要素に対して、そのcontentにattr()と...
CSS, SCSS
CSS, SCSS 
CSS, SCSS 【ワレコのHTML講座】DropDownメニューを自作する【jQueryとCSSで】
この記事は、完全に自分用の備忘録だ。WEBプログラミングをしていて、DropDownList風のメニューを作成したくなった。クリックすると幾つかのメニュー項目が開く。その項目をクリックすると、それに応じて何らかの処理をする。例えばツイッター...
CSS, SCSS 【ワレコWEBプログラミング】JavaScript, jQuery, CSSクラス操作まとめ
ワテの場合、JavaScriptやjQueryを使ってWEBプログラミングを始めてから約二年になる。そんな中で、当初はクラスと言うものが良く理解出来なかった。ここで言っているクラスとは、HTMLの記述で使う以下の例のようなクラスである。<b...
CSS, SCSS 【ワレコCSS講座】今日覚えたSCSSとCSSのテクニック
今日覚えたSCSSのテクニックとCSSのテクニックを紹介したい。と言うか、単にワテの備忘録であるが。SCSSの calc() 関数の中で変数を使う方法CSSなら calc() を使うとこんな計算が可能だ。div.my_class{ widt...
CSS, SCSS 【ワテのWEBプログラミング講座】HTMLファイル、JavaScript、jQuery、CSSとは何か？【未経験者向け】
2015年6月くらいから本格的にWEBプログラミングを始めた。ワテの場合、C#, C, C++ などのプログラミング言語ではかなりの上級者レベルだと勝手に自負しているのだが、いざWEBプログラミングを開始したら出て来る用語やプログラミング言...
CSS, SCSS 【ワテのCSS講座】レクタングル広告を横並びにする方法【四種類】
ワテの場合、Googleアドセンス広告やAmazonアソシエイト広告をウェブサイトに貼っている。例えばこのページにも幾つか表示されていると思う。このページの場合にはWordPressと言うウェブサイト作成ソフトで作っていて、そのWordPr...
CSS, SCSS 【ワレコのjQuery講座】.closest()を使うと直近の祖先を探してくれる【便利や】
このところ、jQueryを猛烈に勉強しているワテであるが、当記事では最近覚えた小技を紹介したい。まあワテの備忘録みたいなもんだ。では、本題に入ろう。tableのtd内にある要素から祖先を遡ってtr要素を取得したい例えば、htmlページの中に...
CSS, SCSS 【ワレコ講座】今日からJavaScriptプログラミングを始めるぞ‼と言う人向け【1/10】
ワテの場合、2015年5月頃にふと思い立ってJavaScriptの勉強を始めた。何が切っ掛けかと言うと、本家グーグルマップのサイトだ。2015年4月頃に仕様が変更されてしまい、従来版のユーザーインターフェースが廃止された。現在では、上記のグ...
CSS, SCSS 【ワレコCSS講座】チェックボックスとラベル文字列回り込み制御【左揃え】
ワテの場合、CSSが苦手だ。今回は、チェックボックスとラベルを表示する場合の小細工をまとめてみた。では、本題に入ろう。CSSでチェックボックスとラベル文字列の回り込み制御具体的には、チェックボックスとラベル文字列から成るこんなhtmlを表示...
CSS, SCSS 【ワテの備忘録】divの中のlableを上下左右の中央配置にする【解決】
ワレコWEBプログラミングは楽しい。ワテの場合、CSSの設定がなかなか覚えられない。当記事では、divの中に配置した文字列をdivの左右中央にする手法、上下左右中央にする手法を紹介したい。では、本題に入ろう。divの中のlabelを左右中央...