tableにrulesを追加して内側の線の表示を変える

書いた

qiita.com

table rules=""

table要素にrules=""を追加し、内側の線の表示を変えることができる。

実例

<table rules="none"> --- </table>

rules属性と値

属性	値	説明
rules=""	noen	表示なし
	rows	横のみ表示
	cols	縦のみ表示
	groups	グループ間のみ
	all	全て表示

※何も指定しない場合rules="none"と同じ表示なしになる

border属性との関係

tableタグにborder属性を１以上指定した時点で、同時に rules="all"を指定したと同じとなる。

また、そこにrules属性を加えると、その指定が優先される。

ポートフォリオを作る 作りたいものメモ

超個人的メモになるがあえて晒す

20161107 項目を追加
20161129 自サイト作成終了
20161221 更新ポートフォリオ、アイコン終了

ポートフォリオ用

• 自サイト(1枚 ミニマルなデザインで)
• 架空企業サイト
• 3カラムのニュースサイト風サイト
• ポートフォリオサイト(WPかはてダ)

ゆくゆく作っていきたいもの

• かっこいいパーツ諸々
• アイコン(絵は苦手なのでシンプルなもの)
• 名刺
• WordPressテーマ
• Webサービス各種(内容はひみつ)
• フォント作成

完全に趣味

• ZINE

万が一作りたいものが増えて行ったら
追加して行く。

JQueryで変数を使う

書いた。
qiita.com

同じjQueryオブジェクトを複数回使用する時は変数にする。

JavaScriptと同じく、jQueryで変数宣言にはvarを用いる。
変数には文字列や数値、jQueryオブジェクトなどを
格納することができるが、jQueryオブジェクトを格納する時は、
わかりやすいように変数の頭に$を付けるのが慣例となってる。

例えば、

変数を使わない場合

繰り返し同じ$('div')を使っている

$('div').css('color','red')
$('div').html('JQuery');
$('div').fadeOut();
変数を使用すると
var $div = $('div');

 $div.css('color','red')
 $div.html('JQuery');
 $div.fadeOut();

コードが見やすくなる上、 jQueryの処理が高速化される。