- 2019.01.15
[HTML初心者向け] colspanとrowspanでtableを結合させる方法
今回はHTMLでマークアップする時にはよく登場するtableタグの結合方法を紹介します。 trタグとtdタグを使って下記のようなテーブルを作成することは比較的理解がしやすいかと思うのですが、colsp […]
「HTML」の検索結果 30件
1/3ページ
- 2018.02.02
３分で出来る選択式練習問題でHTMLとCSSの基礎知識をチェックしてみよう
今回は比較的間違えやすくよく使うCSSプロパティや値の選択問題を作ってみました。スマホやタブレットでも簡単にできるようにしていますので気軽に試してみてください。 まずは一般的によく使われるCSSプロパ […]
![[初心者向け練習問題] HTMLとCSSでレイアウトを構成する](https://web-firstlog.com/wp-content/uploads/2017/12/714c6622fbac2ec747de6031c78ec19e.png)
- 2017.12.20
[初心者向け練習問題] HTMLとCSSでレイアウトを構成する
今回は初心者の方向けにHTMLとCSSを使った簡単な練習問題を用意しました。問題の後に解説を用意していますが、もしわからなくてもすぐに答えを見るのではなく一度じっくり考えてみましょう。答えに辿り着かな […]
- 2017.12.11
HTMLってなに？WEBデザインを始める人向けに解説
WEBページを制作するには、まずHTMLという言語で全体的な構造を構成していくところから始まります。 このWEBページの構造を構成していく作業をマークアップと呼び、文章を入力したり、画像を挿入したり、 […]
- 2019.01.29
【Flexbox】簡単なCSSで複数列でも均等かつ左寄せにレイアウトする方法
今回はFlexboxを使った複数列・複数行のレイアウトでも綺麗に均等かつ左寄せでレイアウトする方法を見ていきましょう。レスポンシブデザインにも対応可能です。 Flexboxで左右のレイアウトを整えるプ […]
- 2018.10.13
レスポンシブデザイン｜スマホのページ下部に問い合わせボタンを付ける方法を解説
今回はレスポンシブデザイン（スマホ対応）を勉強中の方向けに、スマホでよく見る問い合わせボタンをページ下部に固定表示させる方法を紹介させていただきます。 完成デモ 上記のデモのようにPC画面では表示され […]
- 2018.04.20
駆け出しのWEBデザイナーがまず最初にやるべきこと
今回は駆け出しWEBデザイナーの方向けに、スキルアップを目指す上でまず何をすべきかを実体験を基に書いていきたいと思います。 記事を書いていく前提として、WEBデザイナーとしてのゴールを高品質なWEBペ […]
- 2018.04.19
UIデザインツール。たくさんあるけど『Adobe XD』がやっぱり最強だと思う。
今回はWEBデザイナーが利用するUIデザインツールAdobe XDを紹介させていただきます。 近年では様々なUIデザインツールが登場していますが、いくつかのツールを一通りサッとなでるように触った筆者の […]
- 2018.04.03
[初心者向けCSS練習問題]レスポンシブデザインをメディアクエリで作ってみよう
Q③ 横３列並びをスマホでは１列にする 今回はCSSのメディアクエリを利用して画面幅を変更したらPC用のスタイルからタブレットやスマホ用のスタイルに切り替わるレスポンシブデザインを書くための練習問題を […]
- 2018.03.30
４つのよくある場面を想定してCSS Flexboxの使い方を解説
今回はFlexboxをもっと効果的に活用してもらうべく、Flexboxが役立つ場面をいくつか紹介させていただきます。今まで別のCSSプロパティを使って作っていたけどFlexboxの方がより簡単にスピー […]
- 2018.03.13
入力フォームをオシャレにできる jQueryプラグイン『Foxholder』 の使い方
今回は入力フォームにオシャレなアニメーションエフェクトを実装できるjQueryプラグイン『Foxholder』の使い方を解説させていただきます。 Foxholderを使えば、HTMLのformタグで作 […]
- 2018.03.08
分割画面が上下から現れるjQueryプラグイン『multiscroll.js』の使い方
今回は画面を左右二分割して上下からカッコよく現れるjQueryプラグイン『multiscroll.js』を紹介させていただきます。 このmultiscroll.jsがどういうプラグインなのかまず知って […]