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なりのCSSの記述ルール

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

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

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

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

@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
K-atc / xampp.md
Last active August 29, 2015 13:57
Apache
@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 / .gitignore
Created November 5, 2014 00:32
.gitignore
# Dev Tools
.svn/
@resources/
node_modules/
# Mac
._*
.DS_Store
# Linux
@K-atc
K-atc / aitter.js
Last active August 29, 2015 14:12 — forked from moroya/aitter.js
(function(){
var total = {};
var year = '2012';
var all = false;
function init(num) {
if(typeof num !== 'number') {
num = 0;
$('<div/>').css({
position: 'fixed',
left: 0,
@K-atc
K-atc / Photoshopグループ毎書き出し.jsx
Last active July 28, 2018 16:24
作業ファイルと同じフォルダにoutputフォルダを作り、その中にグループ毎にJPEG書き出しを行うスクリプト
// 参考: http://yukimi.moemoe.gr.jp/MT/archives/2011/10/
#target photoshop
//配列内にobjがあるかをチェック
function check_array(target_array,obj){
for (var i in target_array){
if (target_array[i] == obj){
return true;
break;
}
@K-atc
K-atc / 全グループ非表示.jsx
Created February 7, 2015 08:23
現在アクティブなPhotoshopドキュメントのすべてのグループを非表示にする
#target photoshop
//app.displayDialogs = DialogModes.NO;
//ドキュメントが開かれているかどうか判別
if (app.documents.length ==0){
//ドキュメントが開かれていない場合処理なし
}
else{
try {
//全てのレイヤーの表示を非表示に
@K-atc
K-atc / dvi.bat
Created March 19, 2015 12:29
TeXファイルをBATでPDFにする
cd report\image
ebb *.png
ebb *.jpg
cd ..
"C:/w32tex/bin/platex.exe" -kanji=utf8 -src -interaction=nonstopmode report-master.tex
rm *.pbm
cd ..