Column ~Webサイト制作~

トレースでデザイン上達?!マネて吸収していくコツ

Webサイト制作 初級者向け

よく広告や、雑誌、街に溢れる心惹かれるデザインに触れては、「デザインがうまくなるには、どうしたらいいんだろう…?」と考えますが、マネをすることは上達に繋がっているのだろうな、と感じる事が多かったりします。 分からなければ […]

続きを読む ≫

辞書ツールって便利!よく単語登録されているテキストとは?

Webサイト制作 初級者向け

変換しても出ない・・・。 そんな言葉や名前を変換できるようにするため、 携帯、スマホ、PCで単語登録したことがある人も多いのではないでしょうか? しかしながらこの機能、読み方と内容が一致しなくてもいいのです。 例えば、「 […]

続きを読む ≫

Flex boxで均等割り配置を簡単に実現!

Webサイト制作 初級者向け

コーディングをするときに、要素を横並びにして、さらに均等割りで両サイド端に揃える。。。 あぁ、、、なんて面倒なコーディングなんだ。。。 そんなお悩みを抱えてしまった方へ、朗報です。 その配置、もっと簡単に実現してくれるス […]

続きを読む ≫

Bracketsが止まる?動かないときに確認すべきこと

Webサイト制作 初級者向け

本日、Bracketsのバージョンを最新の1.10(2017/7/10現在)にアップデートを行ったところ、以下の現象がおきました。 (補足:Windows10 Proです。) メニューバーは動くが、クリックしても何も起き […]

続きを読む ≫

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

Webサイト制作 初級者向け

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

続きを読む ≫

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

Webサイト制作 中級者向け

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

続きを読む ≫

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

Webサイト制作 初級者向け

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

続きを読む ≫

vertical-alignが効かない時

Webサイト制作 初級者向け

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

続きを読む ≫

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

Webサイト制作 中級者向け

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

続きを読む ≫

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

Webサイト制作 中級者向け

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

続きを読む ≫

CONTACT