Webページの「コピペ禁止」を解除・回避するJavaScriptコード。スクリプト有効のまま，ブラウザ上で右クリック・テキスト選択の禁止タグを迂回する

2014-06-27

CSSで，画面の横幅(width)と要素の高さ(height)をパーセント指定で連動させる方法（動作サンプルつき。親と子のタテとヨコを連動）

css 小ネタ

問題 CSSで「親の横幅を，子の横幅に」連動させるのは簡単だ。単純にパーセント指定すればよい。では，「親の横幅を，子の縦幅に」連動させるにはどうするか？（JavaScriptを使ってはいけない。）解答例横をタテに・・・という事は

2012-03-12

CSSだけで「横並び」と「縦並び」を切り替え可能なテーブルを，dl・dd・dtタグで作ろう　（table要素を使わない，変更しやすい表組みレイアウトの実装方法）

html css

HTML上で表組みを実装する際には，table要素を使うのが一番手っ取り早い。しかし，tableで作った表組みは，変更しづらい。（メンテ性がよくない）例を挙げよう。下記のように，「項目名」と「項目の説明」が横並びで並んだ表組みがあるとする。この表組み…

2011-10-24

Webサイトの画像に文字を埋め込もうとする人がいたら，フォントのライセンス問題を知ってもらうために見せるページ（MS明朝・MSゴシックは，商用利用可能か？）

html css ライセンスデザイン

フォントには，著作権がある。 Webページ上でテキストとして表示するのは問題ないが，画像の中に文字列を埋め込むと，フォントのライセンス違反になる場合がある。この点は意外と知られていない。フォントごとに，ライセンスの内容は異なる。例えばWindows…

2011-07-02

HTMLとスタイルシート（CSS）の業務スキルレベル　判別表　（５段階）

html css デザインスキルチェック

スキルチェックの目次へ HTMLおよびスタイルシート（CSS）を利用したWebページ制作の，簡易スキルチェックのための調査表。印刷用。マークアップ・エンジニアとしてのレベルを測定する。これは，「Webページをコーディングして作る人」全般に当てはまる。 …

2011-02-23

CSSの動かないコード（中級編）　Windowsのデスクトップテーマが「XP」の時，ボタンに背景画像を表示したい

CSS デザイン windows ブラウザ html 動かないコード

クイズ… 下記の HTML＋CSS が，意図した通りに表示されないのはどうしてですか。（制限時間１分）やりたい事：ボタンの背景に，画像を表示したい。 <style> input { /* ボタンの背景に画像を表示する */ background-image : url(fuga.PNG); /* 背景画像は繰り返さ</style>…

2011-02-16

なんとなくCSSを使っている人が，CSS中級者になるために　（「崩れないレイアウト」のセオリー）

CSS デザイン html

CSSを「なんとなく」知っていて，「なんとなく」使っている，というケースがある。そういう場合，思わぬところでレイアウトが崩れ，要素の正確なポジショニングができず，「なんとなく」ずっと悩み続けることになる。その原因は，CSSの中級のノウハウが足…

2010-02-06

サクラエディタのマクロで，CSSを自動整形しよう

css デザイン tool WSH/JScript プログラミング

バッチのまとめTOPへサクラエディタ上で，CSSを自動整形したい。例えば，エディタ上に div.hatena-asin-recommend { margin:4px 10px; padding:5px 4px; text-align:left; width:96%; } div.hatena-asin-recommend a { border:medium none; text-decoratio…

2009-01-24

　グラデーションや影を，JavaScriptで付ける方法　（画像を使わず jQuery だけでクロスブラウザなWebデザイン）

javascript デザイン css jQuery

HTML要素の背景にグラデーションをかけたい場合，色つきの画像をそのボックス要素の大きさに合わせて作り，背景として指定する方法がある。しかし画像をいちいち個別に作るのは面倒だ。（CSSで背景画像のサイズを自動調整する方法は無い。貼る個所のサイズ…