CSS

CSS

【ワレコのWEB】CSSで::beforeや::after疑似要素のcontent:attr()の使い方

最近覚えたWEBプログラミングの小細工を紹介したい。 まあ、こんな機能を知っていれば何かの役に立つかも知れない。 それは、CSSの設定において、::beforeや::afterでアクセスできる疑似要素に対して、そのcontentにatt...
CSS

【ワレコのHTML講座】DropDownメニューを自作する【jQueryとCSSで】

この記事は、完全に自分用の備忘録だ。 WEBプログラミングをしていて、DropDownList風のメニューを作成したくなった。 クリックすると幾つかのメニュー項目が開く。 その項目をクリックすると、それに応じて何らかの処理をする。 ...
CSS

【ワレコWEBプログラミング】JavaScript, jQuery, CSSクラス操作まとめ

ワテの場合、JavaScriptやjQueryを使ってWEBプログラミングを始めてから約二年になる。 そんな中で、当初はクラスと言うものが良く理解出来なかった。 ここで言っているクラスとは、HTMLの記述で使う以下の例のようなクラスであ...
CSS

【ワレコCSS講座】今日覚えたSCSSとCSSのテクニック

今日覚えたSCSSのテクニックとCSSのテクニックを紹介したい。 と言うか、単にワテの備忘録であるが。 SCSSの calc() 関数の中で変数を使う方法 CSSなら calc() を使うとこんな計算が可能だ。 div.my_cla...
CSS

【ワテのWEBプログラミング講座】HTMLファイル、JavaScript、jQuery、CSSとは何か?【未経験者向け】

2015年6月くらいから本格的にWEBプログラミングを始めた。 ワテの場合、C#, C, C++ などのプログラミング言語ではかなりの上級者レベルだと勝手に自負しているのだが、いざWEBプログラミングを開始したら出て来る用語やプログラミン...
CSS

【ワテのCSS講座】レクタングル広告を横並びにする方法【四種類】

ワテの場合、Googleアドセンス広告やAmazonアソシエイト広告をウェブサイトに貼っている。 例えばこのページにも幾つか表示されていると思う。 このページの場合にはWordPressと言うウェブサイト作成ソフトで作っていて、そのWo...
CSS

【ワテのjQuery講座】.closest()を使うと直近の祖先を探してくれる【便利やんけ!!】

例えば、htmlページの中にテーブルを作成して、その中にcheckboxが有る例を考える。 こんな感じか。 <table>   <tbody>     <tr>       <td&g...
CSS

【ワレコ講座】今日からJavaScriptプログラミングを始めるぞ‼と言う人向け【1/10】

ワテの場合、2015年5月頃にふと思い立ってJavaScriptの勉強を始めた。 何が切っ掛けかと言うと、本家グーグルマップのサイトだ。 2015年4月頃に仕様が変更されてしまい、従来版のユーザーインターフェースが廃止された。 現...
CSS

【ワレコCSS講座】チェックボックスとラベル文字列回り込み制御【左揃え】

ワテの場合、CSSが苦手だ。 今回は、チェックボックスとラベルを表示する場合の小細工をまとめてみた。 では、本題に入ろう。 CSSでチェックボックスとラベル文字列の回り込み制御 具体的には、チェックボックスとラベル文字列から成るこん...
CSS

【ワテの備忘録】divの中のlableを上下左右の中央配置にする【解決】

ワテの場合、CSSの設定がなかなか覚えられない。 当記事では、divの中に配置した文字列をdivの左右中央にする手法、上下左右中央にする手法を紹介したい。 では、本題に入ろう。 divの中のlabelを左右中央に配置したい 今日、こ...
スポンサーリンク