photo
photo

Webデザイン

photo
2020/08/26

UIとUXの違いとは?Webデザイナー必見「UI/UXデザイン」をわかりやすく解説

デザインに関わる業務をしている方など、UIデザイン、UXデザインという言葉を聞いたことがある方は多いと思います。 それでは、UI(ユーザーインターフェース)とUX(ユーザーエクスペリエンス)では、具体的にど…

photo
2020/08/17

デザインツールFigmaのメリットとは?インストール~使い方を解説

FigmaはWeb上で使用できるデザインツールです。簡単な操作でデザインを制作でき、デザイナー以外のメンバーとも簡単に共有できます。 この記事では、Figmaを使用するメリットやインストール方法、基本的な操作…

photo
2020/04/10

【初心者向け】Adobe XD基本の使い方を紹介!UI/UXデザインを簡単に

Adobe XDは、WebサイトやモバイルアプリのUI/UXデザインができるツールです。Adobe XDの使い方を学習すれば、ワイヤーフレームを手軽に作成し、デザインに関するプロジェクトを効率よく進めることができます。 …

photo
2017/06/26

図解で簡単!CSSの書き方4つが初心者でも5分で理解できる!

CSSの書き方について、HTML/CSS初心者向けに丁寧に解説します。 Web開発経験のある筆者が、わかりやすいコードを使いながらCSSの書き方に解説しているので、安心してご覧ください。 CSSの書き方は主に4つありま…

photo
2017/06/01

【動画解説付!】はじめてのウェブページを20分で作成してみよう!

現在ビジネスを行う上でウェブを使用したプロモーションやマーケティングは必須です。セールスやマーケティング担当者でもHTMLの知識が少々あると、外注したりエンジニアに依頼したりしなくても、商品や事例を紹介…

photo
2017/04/11

HTMLリンクタグの使い方が一目でわかる!3つの便利な知識も紹介

HTMLにおけるリンクの作り方について、HTML初心者向けに解説します。 ※HTMLとは何かがあまり理解できていない人は、HTMLについて初心者向けに解説した記事をご覧ください。 本記事を読めば、HTMLでのリンクの…

photo
2017/03/28

HTML placeholderとは?初心者向けに解説&使い方もわかる!

HTMLにおけるplaceholderについて、Web開発経験のある筆者がHTML初心者向けに丁寧に解説します。 ※HTMLの基本についてもう一度学習したい人は、HTMLとは何かについて解説した記事をご覧ください。 placeholde…

photo
2016/12/06

CSS floatを初心者向けに図で解説 抑えるべき注意点とは?

CSSのfloatプロパティについて、HTML/CSS初心者向けに解説します。 floatプロパティを使えば、要素を横並びにすることができます。よく使うプロパティの1つなので、ぜひこの記事でCSS floatプロパティの基礎を…

photo
2016/11/03

CSS paddingが初心者でもわかる!+αの知識も紹介

CSSのpaddingプロパティについて、HTML/CSS初心者向けに解説します。 paddingプロパティを使えば、内側の余白を作ることができます。(後に詳しく解説) とてもよく使うCSSプロパティなので、必ず知っておき…

photo
2016/11/02

CSS line-heightの書き方3つを初心者向けに図で解説!

CSSプロパティの一つである、line-heightプロパティについて解説します。 line-heightプロパティを使えば、行間を調節することができます。 この記事では、line-heightの3通りの書き方や、line-heightででき…

photo
2016/11/01

text-alignが初心者でもわかる!合わせて知りたい知識とは?

HTMLやCSSを学習し始めると、text-alignというCSSプロパティを目にするかと思います。 今回は、HTML/CSSを学習し始めた人向けに、text-alignプロパティについて丁寧に解説していきます。 見やすい図を使いな…

photo
2016/09/02

imgタグの使い方がHTML初心者でもわかる!3つのよくある疑問も解消しよう!

HTMLのimgタグで画像を表示させる方法について、HTML初心者の人でも理解できるように解説しています。 ※HTML初心者の人は、HTMLについて初心者向けに解説した記事を読んでから本記事を読んで頂くと理解がより深…

photo
2016/08/29

インストール超おすすめ! WordPressをもっと使いやすくするプラグインとは?

WordPressを活用すれば、思い通りのWebサイトを自由につくることができます。しかし、インストールしたままのWordPressは、とてもシンプルに設計されています。そこに、自分が必要なプラグインを加えてカスタマイズ…

photo
2016/08/26

HTML tableタグを初心者向けに解説&便利な知識5選

HTMLのtableタグについてHTML初心者向けに解説します。HTMLのtableタグを使えば、簡単に表を作成することができます。 今回は、WEB開発経験のある筆者が、HTML tableタグの基本・知っておくと便利な知識も5つ紹…

photo
2016/08/23

httpsとはどんな意味?https導入のメリットとhttpとの違い

WebサイトのURLには、「http」や「https」がついていますが、これにはそれぞれどういう意味があるのでしょうか? Webサイトの作成にあたって重要なのが、セキュリティ面の心配です。特に、顧客の個人情報を扱うW…

iconオススメ動画講座

世界最大級のオンライン学習プラットフォーム Udemy(ユーデミー) 」の 学びやすい3の特徴

photo