No Picture
webdesign

2021年のWordPress(ワードプレス)が学べるおすすめサイト3選

ウェブデザインを学ぶなら外せない『WordPress(ワードプレス)』。スクールに行くのはなかなか敷居が高いと感じる人向けに、自宅にいながらオンラインで自宅から学習できるサイトをご紹介します。今、オンライン学習サイトは本当に充実しています。初心者向け〜プロを目指している方向けの本格的なものまで、様々なレベルのものが、様々な価格帯で選べます。中にはなんと、一部無料で利用できるサイトまであります(下記に紹介しています)!自分に合ったものを探してみてください。

No Picture
webdesign

今更きけないウェブ用語!レスポンシブデザインって?

ホームページ制作を勉強し始めると『レスポンシブデザイン』という言葉を必ず耳にすると思います。現在では、このレスポンシブデザインはホームページ制作の際に標準になってると言ってもいいほどメジャーなデザイン仕様です。

No Picture
webdesign

【2021年版】ウェブデザインの最新トレンド3選

何事にも流行があるように、 Web デザインの世界にも毎年流行はあります。それは、サイトの作り自体に関係するテクニック的なものであったり、ビジュアル面のデザイントレンドもあります。本記事では、本年2021年注目されているウェブデザインの人気トレンド3つをご紹介します。

No Picture
webdesign

【2021年版】いまいちばん簡単に無料でHP作成できるツール

ひと昔前は数十万円といった高額な製作費用が必須だったホームページ製作ですが、今はいい時代になりました。無料でしっかりしたホームページから、オンラインストアまで作れてしまいます。本記事ではおすすめのホームページ作成サイトをご紹介します。

No Picture
webdesign

今更きけないウェブ用語!HTMLってなに?

プログラミングを学び始めると、どんなレッスンであっても、まず最初に学習するのが『HTML』です。Web 制作においては必須の概念であり、大前提の知識でもあります。しかし、勉強し始めのウェブデザイン初心者の方だと、いきなりの横文字に警戒心をもってしまうかもしれません。ウェブデザインを続けるとなると、ずっと付き合っていくものなので、ここでざっくり予習&復習をしておきましょう! HTMLについて簡単に解説! プログラミング初心者の人でもHTMLが理解できるよう、ざっくり簡単に説明していきます。まず、現在のほとんどのウェブサイトのページは、「HTML」または「CSS」というプログラミング言語でその外観が作られています。みなさんのよく見るあのサイトやこのサイトもすべて、裏側をのぞくとHTML」または「CSS」で外観が構築されているのです。 HTMLとは、ハイパーテキスト・マークアップ・ランゲージ(Hyper Text Markup Language)の頭文字をとった略語です。これは、簡単にいうと、コンピューターが理解できる、マークアップをするための言葉=つまり、プログラミング言語の一種です。 マークアップという言葉はもともと、紙媒体である雑誌や新聞の編集用語であり、文章構成の指示のことです。「文章構成の指示」ってなんだ!と思った方もいますよね(笑)一般人にはあまり関係のない仕事ですから。文章構成の指示とは、簡単にいうとレイアウト指示。文章のうち、どの文章がタイトルであり、ひと段落としてまとまっていて、注釈はどれなのか。イタリックや太字等、装飾をつけるテキストはどれか。そういった「文章の外観の指示」です。 このプログラミング版が、HTMLです。ウェブサイト制作の際に、ホームページ上に表示をするテキストまたは画像といった情報に対し、HTMLという言語で、コンピューターに文章構成を指示するわけです。 具体的にはHTMLタグで指示していく 具体的には、HTMLタグと呼ばれるタグでテキストや画像データを囲むことで装飾やレイアウトを指示していきます。例えば、頻繁に使われるものに見出しを意味する「h」というタグがあります。『h1』、『h2』、『h3』…という風に、数字が増やしていくことで、と見出し1、見出し2、見出し3…と、表示される大きさを変更できます。

No Picture
CSS

ブックマーク必須!CSSデザインに役立つサイト

ウェブサイトをデザインする際に、自動化できる作業を自動化できているのといないのとでは全く効率が違います。また、デザイン面でも、一人でうんうん考えているよりはインスピレーションがあった方が絶対にいいでしょう。…と、いうわけで、本記事では、CSS で ウェブサイトをデザインする際に大変役に立つサイトをいくつかご紹介します。控えめに言って、これらのサイトを知っているのと知っていないのとでは、作業時間が大違いです!  そんな、CSSデザインに役立つ神サイトたち。初心者のデザイナーさんも上級デザイナーさんも、ぜひ参考になさってください。 今どきのウェブサイトをつくろう!差がつくHTML/CSSコードスニペット27個まとめ ブックマークしておくと超べんり! コピペするだけで使えるCSSボタンジェネレーターまとめ 角丸からグラデーション・影の設定までCSSだけでボタンをデザインすることも多いと思います。CSSを1から書くのは面倒って方はCSSジェネレーターでデザインするのも方法の一つです。今回は、詳細まで作り込める使いやすそうなCSSボタンジェネレーターをご紹介。 保存版!CSS3で出来る素敵なデザインやアニメーションをまとめてみた ちょっと前の記事ですが、いまだにグーグル検索結果上位にヒットします。CSSでできることが簡潔にまとめてある非常に良記事です。基本のおさらいにもなりますし、煮詰まった時に「その手があったか!」的アイデアも呼び起こさせてくれる可能性もあります。というわけで、初心者のデザイナーさんも上級デザイナーさんも、たまに覗くといいかもですね。 CSS3 Generator とにーかく鬼便利です。まさに、ブックマーク必須の神CSSサイト。 以下の全部が数秒でできてCSSを生成してくれます。かくじつに、作業時間が大幅に節約できるのでとにかくおさえておきましょう。 Border Radius Box Shadow Text Shadow RGBA @Font Face Multiple Columns Box Resize Box Sizing Outline Transition Flexbox Gradient すごく役立った!サイト制作でさりげなく使われているCSSテクニックまとめ こちらは初心者デザイナーさんたちにオススメの記事。ちょっと古い記事なので色々気になる点もありつつ、CSSでできる事を理解するには最適です。