Monthly Archives:10月 2016

[WordPress]管理画面が真っ白になった時の対処法

31 10月 16
Spike

No Comments

 

WordPressの勉強会やネットで時折、管理画面、自身のサイトが真っ白になったというのは、時折、聞きます。

大概の場合、WordPress本体を更新した際に現れるようです。

今回は、僕自身が、そういう画面が、真っ白になるという事態に直面したので、その対処方法を記事にしました。

Read More…

[HTML,CSSコーディング] 文法チェックの方法

30 10月 16
Spike
No Comments

 

CSSのコーディングを始める前に、文法チェックを行いましょう。

W3C HTML Validator Service

[browser-shot url=”https://validator.w3.org/” width=”600″ height=”450″ target=”_blank”]

The W3C Markup Validation Service

使い方は、とてもシンプル。

Read More…

Eclipse について

25 10月 16
Spike

No Comments

 

Eclipse とは?

オープンソースの統合開発環境。

Java の開発環境の中で広く利用されている。

Read More…

C言語の基本、基礎

25 10月 16
Spike

No Comments

 

C言語とは?
C言語は、小規模で高速なプログラムを作成するのに適したプログラム言語である。

C言語は、速度、スペース、移植性が重要な場合に使われる。

実際にマシンが理解する言語に近い低級な言語である。

C言語は、コンパイラによってマシン語に変換される。

Read More…

[CSS] ボックスモデル

24 10月 16
Spike

No Comments

 

ボックスモデル

全てのHTML要素は、CSSで「ボックス」と呼ばれる「四角い領域」として扱われる。

content (コンテンツ領域)に、テキストや画像などの要素の内容が表示される。ボックスモデル

 

その内側から、padding (パディング)、border (境界線)、margin (マージン)と外側へ領域を持つ。

ブラックボックスの前後は改行され、上から下へ配置される。
width,height,上下左右の margin, padding が指定できる。

インラインボックスは、改行は入らず、左から右に横方向に配置される。
基本的に、width,height,上下の margin は指定できない。

border の内側に、background-color により、背景色を付けることが出来る。

border (境界線)には、太さ、線種、色を指定できる。

width,height は、コンテンツ領域を設定し、border,padding が存在する場合は、見た目の幅と width,height が一致しない。

ボックスサイズの計算

ボックスサイズの計算は、レイアウトを組む際の基本となる。

ボックスサイズの計算方法

レイアウトなどで計算する場合、

  • padding:要素の中の余白
  • margin:要素の外の余白

と把握すれば、イメージしやすい。

ボックス全体の横幅

ボックス全体の横幅 = コンテンツ領域の横幅 width + 左右のマージンの幅 + 左右のパディングの幅 + 左右のボーダーの太さ

ボックス全体の高さ

ボックス全体の高さ = コンテンツ領域の高さ + 上下のマージンの幅 + 上下のパディングの幅 + ボーダーの太さ

レイアウトを組む場合、正しく計算し、width を割り出さないと、カラム落ちが起きてしまう。

Read More…

主なセレクタの指定方法

23 10月 16
Spike

No Comments

 

CSSの記述法

CSSの基本書式

p {color:red;}

セレクタ

具体的に、どの箇所にCSSを適応させるのかを明確に指示させるもの。

Read More…

カテゴリー