Skip to content

Instantly share code, notes, and snippets.

View K-atc's full-sized avatar
:octocat:
Octocatic Days

K_atc K-atc

:octocat:
Octocatic Days
View GitHub Profile
@K-atc
K-atc / array.c
Created June 5, 2014 07:17
ポインタ配列を使わない普通の2次元配列arrを関数の引数で渡したときの、その関数でのarrの扱い方を確認した。
void print(int *arr){
int i, j;
for(i = 0; i < 3; i++){
for(j = 0 ; j < 3; j++){
printf("%d\n", arr[3*i+j]);
}
}
}
@K-atc
K-atc / xampp.md
Last active August 29, 2015 13:57
Apache
@K-atc
K-atc / beta.txt
Last active January 25, 2024 14:14
キチガイ辞書(UTF-8)(Google IMEで使えます。Shift JISにエンコードすればMS IMEでも使えます。)
あげあげ (☝◞‸◟)☝ 顔文字
あげあげ ( ☝՞ਊ ՞)☝ 顔文字
あっあっ (◞‸◟;) 顔文字
あつい (。>﹏<) 顔文字
あわてる ヽ( ̄д ̄;)ノ=3=3=3 顔文字
いう ( ^o^)< 名詞
いしはらよしずみ 三( ◠‿◠ )そんな時にタウンページが便利なんですよ 顔文字
うーにゃー (」・ω・)」うー!(/・ω・)/にゃー 名詞
うーん :;(∩´﹏`∩);: 顔文字
うっとり ・:*:・(*´∀`*)・:*:・ 顔文字

K_atcなりのCSSの記述ルール

HTMLの構造をどう設計するか?

基本的に「BEM記法」に則り,これにアレンジを加えています。

スタイル適用はHTMLタグとclassに対して行い,idはJavascript(JS)でDOM操作を行うために使うこととします。したがって,属性にidが指定されるということはclassも同時に指定されるということになります。

オーソドックスにヘッダー・サイドバー・メイン・フッターの3ブロックに分けておき,クラスを指定します。次にその下に付くグループをパネルと呼び,そのパネルににエレメントを入れていきます。これが終わると,各エレメントは階層的な従属となります。