新着記事

HTML/CSS WEB

2022/2/27

デザイン崩れを防ぐリセットCSSはこれを使うだけで解決!!

こんにちはNAOです。 今回はWEBデザイン勉強初学者の方に便利なデザイン崩れを防ぐリセットCSSとはどういうものなのかを紹介したいと思います。   リセットCSSとはどういうものなのか     リセットCSSとは リセットCSSとはブラウザがデフォルトで持っているCSSを消すCSSのことを意味します。 ブラウザとはWEBサイトを閲覧するためのソフトウェアでGoogle ChromeやSafari、Internet Explorerなど様々な種類のものがありますがどのブラウザ ...

ReadMore

WEB WEBデザイナー

2022/2/15

最短でWEBデザイナーになるためのオンラインスクール『デイトラ』とは?

こんにちはNAOです。   プロのWEBデザインについて学びたいと考えている人のなかには、コスト的な費用で一歩が踏み出せない人もいるのではないでしょうか。圧倒的なコストパフォーマンスの良さもあり高く評価されているのが「デイトラ」です。WEBデザイナーとして仕事を受注できるようになりたいあなたにこそおすすめのオンライン学習方法です。   デイトラとは     未経験者・初心者の人でも挫折することなく続けられるのがデイトラです。1日1つの課題を解決しながらステップを積み ...

ReadMore

WEB WEBデザイナー

2022/2/27

あなたの行くべきWEBデザイナーになるためのおすすめのオンラインスクールを紹介!

こんにちはNAOです。   今回はWEBデザインが学べるオンラインスクールを紹介していきたいと思います。WEBデザイナーとしての技術や知識が学べる、プログラミングスクールもたくさんあります。そのなかでも、人気のオンラインスクールからそれぞれの特徴やメリットについて解説します。   WEBデザイナーとして活躍するために、まずは知識や技術を取得しつつ、実績を積んでいく必要があります。専門的な知識が必要な仕事だからこそすべてを独学でするにも限界があり、学べる環境を整える必要があります。WEB ...

ReadMore

HTML/CSS WEB

2022/1/10

【HTML/CSS】総称フォントファミリーなどの意味を紹介

こんにちはNAOです。   WEBデザインでフォントを決める時にコードの最後に記載する総称フォントファミリーについて紹介していきます。   WEBデザインでフォントを決める時にCSSコードの最後に総称フォントファミリーと言うコードを記載するのが一般的です。   その意味は何かというとフォントのタイプを表すという意味です。   sans-serif ゴシック体 serif 明朝体 cursive 筆記体 monospace 等幅フォント   下記のコードが見 ...

ReadMore

HTML/CSS WEB チェックボックス

2022/1/8

【HTML /CSS】 お問い合わせやアンケートフォームなどのチェックボックスの作り方を紹介

こんにちはNAOです。   今回はお問い合わせフォームやアンケートフォームを作る時や顧客に選択してもらうときに必要なチェックボックスフォームのオリジナルの作り方を紹介したいと思います。   いろんなアンケート情報などの取得のため選択式のお問い合わせフォームなどが多岐にわたっていますのでその一部の作り方を理解すると様々なチェックボックスフォームが作成できるようになります。   【まずはlabelで囲んで基本のコードを書いてみます】     [crayon-6 ...

ReadMore

DTP イラストレーター バナー

2022/1/7

Illustratorでバナーとサムネイルの作り方を紹介

こんにちはNAOです。 今回はIllustratorを使ってWebサイトで使用するバナーなどの作り方を紹介していきます。決して難しくないので是非実践してみてください。  どのジャンルのバナーなのか   自分が作ろうとしているバナーはどのジャンルなのかを理解して置くこと。美容系なのに全然違うタイプのバナーを作るのは結果として信用を失うのでリサーチをしてどのジャンルでどのタイプのバナーを求めているのかを把握してから作成に移っていきましょう。   内容はしっかり詰めて必要な文言を用意してもら ...

ReadMore

DTP イラストレーター

2022/1/2

Illustrator を使っていたらツールバーとパネルが消えた時の対処法

こんにちはNAOです。   Illustrator を使っていたら急に全てのパネルなどが消えましたってことありませんか?   操作をしていると無意識で押してしまってツールバーとパネルが消えることがありあれ?って初めはびっくりすることが良くありますので解決方法はというか何故そうなるのかを理解していきましょう。   原因は推してははいけないtabキーを押したからパネルが消えてしまったということです。もう一度tabキーを押せば元に戻りますので間違ってデータを開き直すことがないように ...

ReadMore

DTP イラストレーター

2021/12/28

illustrator 新規スウォッチと特色の違いを紹介

こんにちはNAOです。 今回はIllustratorを使ってデザインをする際にちょっと使えれば効率アップに繋がる新規スウォッチと特色設定の違いを解説していきたいと思います。作り方も紹介していきますのでよろしくお願いします。   新規スウォッチとは   新規スウォッチとはデザインをする際によく使用する色を新規スウォッチとして登録する事を言います。そんなに重要な色ではないが今回のデザインではよく使う色だなと言う時と言う意味になります。   新規スウォッチの作り方を紹介 &nbsp ...

ReadMore

DTP イラストレーター

2021/12/28

Illustratorで画像をパス化する方法を紹介

こんにちはNAOです。 今回はIllustratorで出来たら便利だなシリーズとして世の中にある画像をパス化して編集できる方法を紹介したいと思います。※商用利用などのルールの確認は必要ですが覚えておくとデザインの際に便利な事もありますので覚えておいてください。   まずイラスト画像をパス化していこう   今回はフリーで使用可能なイラストを準備しましたのでこちらをパス化していきましょう。   画像を選択した状態でIllustratorツールバーの画像トレースの横のὓ ...

ReadMore

ワードプレス

2021/12/26

WordPressのウィジェットを旧ウィジェットに変更する方法

こんにちはNAOです。 今回はアップデートによりウィジェットのデザインが変更になってしまったので旧ウィジェットに変更する方法を紹介しますね。 よろしくお願いします。 デザインが変わってどうしたらいいか分からないです(泣)     プラグイン「Classic Widgets」をインストール   エディター同様、ブロックウィジェットとなっていますので旧ウィジェットに戻すためにはプラグインの「Classic Widgets」をインストールすることで戻すことが出来ます。   ...

ReadMore

 

おすすめ記事

 

その他の記事(ランダム)

HTML/CSS

2020/11/25

(HTML/CSS)ブロックレベル要素とインライン要素を理解しよう。

こんにちはNAOです。   HTMLで使用する要素は主に、「ブロックレベル要素」と「インライン要素」に分類されます。この要素は理解しているようで出来ていない方が結構いますので解説していきます。 ブロックレベル要素 HTML文書を構成するひとかたまりの要素 インライン要素 文書の一部に何らかの意味づけをする要素   ブロックレベル要素とは 「ブロックレベル要素」とは、HTML文書を構成する基本のひとかたまりになる要素で、この要素のあとは自動的に改行されて表示されます。 たとえば見出し(h ...

ReadMore

DTP

2021/1/7

DTPオペレーター転職希望の方必見! DTP案件が豊富な派遣会社おすすめ4選!

  DTPオペレーターに転職をお考えの方、本格的に仕事をはじめたい!と考える人も多いのではないでしょうか。まずは実績を作る為にもDTPオペレーターとして派遣で働きたいあなたに、おすすめの派遣会社を紹介します。   それぞれの特徴や選ぶメリットについてもわかりやすく解説していきたいと思います。   DTPオペレーターで派遣で働くということ DTPオペレーターの勉強をした方で正社員にこだわらず、 派遣社員で働く人もいます。DTPオペレーターも専門職になりますので、時給も1,200 ...

ReadMore

LIFE ぺット ネットショッピング

2021/6/30

高品質な「モグワンドッグフード」で愛犬の健康寿命を延ばしてあげよう!

こんにちはNAOです。 気温や湿度、愛犬の体調や年齢によってドッグフードの食いつきはバラつきがありますよね。犬も人間と同じで、気温が暑かったり湿度が高かったりすると食欲が落ちてしまいますし、歳を重ねるごとに食は細くなっていきます。飼い主の「愛犬にたくさん食べてもらいたい」という想いゆえに、品質の良さではなく、「食いつきが良いドッグフード」を与えてしまうことがよくあります。   しかし、市販されているドッグフードの中には、粗悪な原材料を使用しているものもあるので、食いつきが良いからといって原材料も ...

ReadMore

アフィリエイト

2020/7/21

アフィリエイト・アドセンスで稼ぐ方法!! VOL,3

こんにちはNAOです。 今回も自分のアフィリエイトへの取り組み方を紹介していきます。   キーワードを理解する Google 検索エンジンは、非常にシンプルな理想を実現するために、検索アルゴリズ ムのアップデートを繰り返しています。 すなわち、Google は読者の検索意図に沿った役立つ記事を検索上位に表示しようと します。   「自分の方が質の高い記事が書ける!」という自信があるジャンルこそが狙い目で す。 なお、そのジャンルの競合の強さを客観的にチェックす ...

ReadMore

DTP PDF イラストレーター

2021/6/21

IllustratorデータをPDFに変換する方法を紹介

今回は、 Illustratorで作成したファイルを、PDFファイルに保存(変換)する方法を紹介します。PDFの保存(変換)には色々な設定をすることができますので、用途に応じた選択をすると手軽に作成することが出来ます。   複製を保存からPDFファイルを作成しましょう   Illustratorの「ファイル」>「複製を保存」を選択してください。 複製を保存のショートカットキーは(MACはoption+command+S)     「複製を保存」の方が再度編集時には元 ...

ReadMore

DTP 配色

2021/4/29

カラーマネジメントと配色の基本を紹介

DTPデザインをする上で大事なカラーマネジメントと配色のポイントを紹介していきたいと思います。 色には暖かく感じる色「暖色」と、涼しく感じる色「寒色」、どちらとも感じない色「中性色」がありますよね。 上記の画像を見ていただくとお分かりでしょうが、暖色は赤〜黄系、寒色は青緑〜青系、中性色は黄緑〜緑系と紫系を指します。 色が持つイメージの差をもっとも感じやすいのがこの「色相差」であり、私たちの脳や体に様々な印象・影響を与えるということになります。 こういう内容を踏まえて自分が行おうとしているデザインにどの色が ...

ReadMore

jQuery WEB

2020/8/16

Web道 「jQuery初期編」簡単にjQueryを使って画像のロールオーバーをしてみよう!

こんにちはNAOです。 今回はjQuery初期編と題してjQueryを始めたての方に色々な簡単な所から学んでいただき、少しでも役に立つところがあれば、是非取り入れてみてください。 それでは今回は 「画像のロールオーバー」 になります。 画像をロールオーバーとは? ロールオーバーとは、画像にマウスを乗せた際、画像が他の画像に切り替わる、というものです。   ボタンをロールオーバーする手法として、jQueryを使わずにCSSだけでも実現可能です。 ただし、CSSで対応する場合は、画像ひとつずつに対し ...

ReadMore

© 2022 TSUTAERU BLOG