新着記事 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を使ってデザインをする際にちょっと使えれば効率アップに繋がる新規スウォッチと特色設定の違いを解説していきたいと思います。作り方も紹介していきますのでよろしくお願いします。 新規スウォッチとは 新規スウォッチとはデザインをする際によく使用する色を新規スウォッチとして登録する事を言います。そんなに重要な色ではないが今回のデザインではよく使う色だなと言う時と言う意味になります。 新規スウォッチの作り方を紹介   ... ReadMore DTP イラストレーター 2021/12/28 Illustratorで画像をパス化する方法を紹介 こんにちはNAOです。 今回はIllustratorで出来たら便利だなシリーズとして世の中にある画像をパス化して編集できる方法を紹介したいと思います。※商用利用などのルールの確認は必要ですが覚えておくとデザインの際に便利な事もありますので覚えておいてください。 まずイラスト画像をパス化していこう 今回はフリーで使用可能なイラストを準備しましたのでこちらをパス化していきましょう。 画像を選択した状態でIllustratorツールバーの画像トレースの横のὓ ... ReadMore ワードプレス 2021/12/26 WordPressのウィジェットを旧ウィジェットに変更する方法 こんにちはNAOです。 今回はアップデートによりウィジェットのデザインが変更になってしまったので旧ウィジェットに変更する方法を紹介しますね。 よろしくお願いします。 デザインが変わってどうしたらいいか分からないです（泣） プラグイン「Classic Widgets」をインストール エディター同様、ブロックウィジェットとなっていますので旧ウィジェットに戻すためにはプラグインの「Classic Widgets」をインストールすることで戻すことが出来ます。 ... ReadMore おすすめ記事 DTP DTPデザイナー、オペレーターにおすすめの副業サイト3選 DTPデザイナーが、DTPデザインの勉強におすすめなスクール5選を紹介 DTPエキスパートとは、試験日、申込日、受験料などをわかりやすくまとめています DTPオペレーター転職希望の方必見！ DTP案件が豊富な派遣会社おすすめ４選！ DTPオペレーターに転職したい貴方に大切な話をします。 WEB Webデザイナーへ転職を目指している方に！ WEBデザイナーを目指す方に本当におすすめのスクール7選を徹底比較【2022年】 ウェブデザイン技能検定とWebデザイナー検定どちらの試験を受けるべきか解説 Web道 ブログを始める人はGoogleサーチコンソールを理解して有効利用しよう！ WEBデザインの学習に必要なコード比較ツール「デュフフ」を紹介 ワードプレス ワードプレス道 「機能編」囲み枠で記事の見た目を整えよう！！ 【AFFINGER5】簡単にフォントサイズの単位を変更する方法 ブログにおすすめのワードプレステーマを紹介 ワードプレス道 おすすめの吹き出しプラグイン3選 ワードプレス道 サイドバーにTwitterタイムラインの（埋め込み）表示方法を紹介 LIFE あなたにも出来る！ブログ成功の秘訣を紹介します！ Macが熱暴走を起こした時の確認と対処法 ブログに使用のフリー画像・フリーイラスト検索なら おすすめの「タダピク」 発見！！アドビ製品のアフィリエイトプログラムを解説！！ ネットプリントならこのおすすめ4選 Illustrator学習 Illustrator 「機能編」反復作業に必須のアクションを紹介 Illustrator2021にアップデートが出来ない時の対処法 Illustrator 便利な機能 Creative Cloud Filesの使い方 Illustrator 2020年版へのアップデートで気をつける事 Illustrator2020が頻繁に落ちる時の対処法 ブログ ブログを収益化するための３つの大事なポイントを紹介 Google AdSenseの合格は簡単です Google AdSenseで稼いでいるブログのジャンル7選 AdSense広告のクリック率を伸ばしやすいブログ記事の作り方 Google AdSenseのリンク広告が廃止でも簡単に設置する方法！ Twitter Share Pocket Hatena author その他の記事（ランダム） HTML/CSS 2020/11/25 (HTML/CSS）ブロックレベル要素とインライン要素を理解しよう。 こんにちはNAOです。 HTMLで使用する要素は主に、「ブロックレベル要素」と「インライン要素」に分類されます。この要素は理解しているようで出来ていない方が結構いますので解説していきます。 ブロックレベル要素 HTML文書を構成するひとかたまりの要素 インライン要素 文書の一部に何らかの意味づけをする要素 ブロックレベル要素とは 「ブロックレベル要素」とは、HTML文書を構成する基本のひとかたまりになる要素で、この要素のあとは自動的に改行されて表示されます。 たとえば見出し（h ... ReadMore DTP 2021/1/7 DTPオペレーター転職希望の方必見！ DTP案件が豊富な派遣会社おすすめ４選！ 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
