HTML&CSS メモ帳だけでOK〜Markdowonを使ってみよう
2018年5月に新しくより詳細に説明した「マークダウンの勧め」投稿しました。
Markdowonを使ってみたことがあるでしょうか。
そもそもMarkdowonとは何？
WikipediaではMarkdown（マークダウン）は、文書...
Tips
HTML&CSS 
JavaScript DOMを使ってノードを取得する〜DOMの活用（2）
相対的な位置関係でノードを取得
あるノードを起点に、ツリーをたどることで目的のノードを取得することができます。
その方法としては、DOMのNodeインターフェイスに定義されてる プロパティを活用します。
Node インタフェイスとは、...
JavaScript DOMを使ってノードを取得する〜DOMの活用（1）
DOMを利用してドキュメントを操作してみましょう。
DOMを活用してドキュメントを操作するには大きく分けて２つの方法があります。
ダイレクトアクセス ID値やクラス属性、タグ名で直接要素を指定する方法
ノードウォーキング ...
PhotoShop 定点撮影で人などの障害物を消す〜Photshop
建造物などを素材として撮影した場合、通行人などが障害となったりします。
Photshopの機能を使うとこの障害を簡単に消すことができます。（この機能はCS6で確認）
対象のオブジェクト（建物など）を複数枚、同じ位置で撮影します。...
PhotoShop スクラッチ画 〜Photoshop
背景に画像があり、表面は黒などの「べた塗り」になっている。
そして、表面の黒を引っ掻いて背景の画像を表示させる技法です。
これは、簡単にできます。
手順
素材の画像を用意します
黒のべた塗りレイヤーを作成します。（...
PhotoShop アートヒストリブラシを使った描画 〜Photoshop
できあがり画像
素材画像
手順
素材の写真を用意します
レイヤーパネル下の「新規レイヤー作成ボタン」で空のレイヤーを4つ作成（メニュー→レイヤー→新規→レイヤー）
レイヤー１の背景色を白にします（comma...
jQuery jQueryを使ったフォームのイベント処理
input要素にマウスやタブキーで選択された状態を感知して発火します。
$(セレクタ).focus(function(){
実行する処理
})
次のサンプルではテキストボックスに予め薄いグレーで「入力してください」...
JavaScript 選択ボックスの作成 JavaScriptを使用して作成
選択ボックス
複数の年齢などを表示するoption要素をループ文を使用して作成する方法です。
while文
10代から80代まで10歳ずつ表示する例
for文
1際から50歳まで1歳ずつ表示する例
HTML&CSS フォームの作成
テキストボックス
1行のテキストボックスはinput要素にtype属性をtextと指定することで表示されます。
type属性の値を変更すると次のように変わります。
type属性の種類
...
jQuery jQueryのイベント伝播〜バブリング
jQueryではそれぞれのイベントに対応したメソッドを利用してイベントハンドラを設定します。JavaScriptのDOM0ではイベント属性をイベントハンドラとして利用しました。また、documentオブジェクトを指定してそのプロパティにイベ...