Webサイト制作・保守

~Column~

デザインで覚えておきたいルール5選

Webサイト制作・保守 初級者向け

デザインにおいての基礎ルール 三分割法 三分割法(英:rule of thirds)は、写真やデザインなどにおいて 画面の構図を決定する際に用いられる方法の1つです。 上の図のように、等間隔に引いた水平線と垂直線2本ずつ […]

続きを読む ≫

コーディング初心者向け!2つのルールからはじめる正規表現

Webサイト制作・保守 中級者向け

特定の文字列を記号等を交えて記述することを正規表現といいます。 たとえば郵便番号を「〒○○○-××××」と表現するのも正規表現のうちのひとつです。 難しそうな正規表現も、2つのルールを知っているだけでさまざまなことができ […]

続きを読む ≫

制作時に気を付けたい!デザインデータのポイント

Webサイト制作・保守 初級者向け

綺麗なサイト、かっこいいサイト、ああしたいな、こんなのはどうだろう…。 普段デザインをするにあたり、どのように考え、作っていくでしょうか? デザインからコーディング、一人で一貫して行うなら直面しないかもしれませんが デザ […]

続きを読む ≫

vertical-alignが効かない時

Webサイト制作・保守 初級者向け

vertical-alignが効かない時の対処法 verticalなalignをmiidleにしたいのに、全くいう事を聞きてくれません。 そんな時の対処法です。 目標はただ1つ! 上下高さの真ん中に位置づけしたい。 この […]

続きを読む ≫

レスポンシブウェブデザインにしたいと思ったら

Webサイト制作・保守 中級者向け

よく、お客様から受けるご相談のなかに、 「レスポンシブにしたい」というご相談があります。 スマホやタブレットがすっかり普及した現在、Webサイトもそれに対応することが求められますが、 「そもそもレスポンシブウェブデザイン […]

続きを読む ≫

レスポンシブデザインにも対応!縦横比を維持するCSS

Webサイト制作・保守 中級者向け

ウェブサイトを閲覧する端末といえばパソコンが主流でしたが、現代ではスマートフォンを筆頭にタブレットやゲーム機など様々な端末からアクセスできます。 そのため、ウェブサイトは各端末ごとに適した情報提供やデザインが必要になって […]

続きを読む ≫

Webデザインにおける「3つのカラー」配色の基本ルール

Webサイト制作・保守 初級者向け

デザインをするにあたって、印象や対象を左右する大きな役割を担う「配色」。 どんな色がいいのか悩んでしまう…。そんな経験は多いと思います。 人それぞれ好みがある色ですが、配色の基本ルールを意識することによって、 よりよく効 […]

続きを読む ≫

safariで表示が崩れたデザイナーのあなたへ

Webサイト制作・保守 初級者向け
サファリで表示が崩れてしまった

iphoneのsafariで表示が崩れてしまった。 こんな壁にぶち当たっいませんか? 私は先々週ぶち当たっていました。 原因は何でしょうか? それは、positionタグでした。 私はテキストをpositionで位置指定 […]

続きを読む ≫

CONTACT