カテゴリー:webスキル

  • 2020.01.11

レスポンシブデザインでサイトを作成するときの注意点

サイトのデザイン・コーディングをしていると、様々な不具合が起きるのはよくあることですが、画面の崩れなどが起きてしまっているとユーザビリティの低下にもつながる可能性があるため、早急に改善したい部分です。 そのような中でも気づかないうちになりやすいものとして、今回は画面が左右に動いてしまったり、ぐらつく時の修正方法を紹介します。左右のブレは特にレスポンシブデザインでサイトを作成したときやスマホサイトを […]

  • 2019.12.09

【HTML/CSS】ブログなどで使える見出し装飾スタイル

今回は、ブログなどで使えるHTMLとCSSを使った見出し装飾を紹介します。(気に入ったものがあればコピペどうぞ!) wordpressとかCMSを使っていない場合、見出しのスタイル設定とか面倒だよね〜 そうなんですよね。wordpressなどのCMSを利用したブログの場合、テーマによっては装飾用のスタイルが充実していて、見出しや強調文字、ポイントなどの装飾には困らないことが多いですが、1から作成し […]

  • 2019.11.13

ドメインとレンタルサーバーを別会社で取得する場合のネームサーバー設定方法

今回は契約したドメインを別のレンタルサーバーなどで使用するときに忘れがちなネームサーバーの設定・変更方法について説明します。 今回は、お名前.comで取得したドメインを、さくらサーバーで使用する際のネームサーバー変更手順についてになります。(※事前にメモなどを用意しておきましょう。) そもそもネームサーバーとは? ネームサーバー… ネームサーバーは別名DNSサーバーとも呼ばれ、ドメインとサーバーを […]

  • 2019.10.03

【HTML/CSS】コーディングで覚えておきたいスキルまとめ

今回は、普段コーディングしていて、覚えておきたいスキルを紹介させて頂きます!私はコーディングを始めてから6年が経ちましたが、今でもお客様のサイトをCMSを使わずに作成する機会が多くあり、その中でも初歩的なミスで手こずってしまったりすることがたまにあります。 そんなこんなでここでは初心者は覚えておいた方が良いと思われるコーディングスキルを紹介させて頂きます。 覚えておきたいコーディングスキル ・(画 […]

  • 2019.09.10

【簡単便利!】Chromeのブックマークを整理する方法

普段、ブラウザを使用していると今後、見返したいと思ったページや、会員登録しているページをブックマークする事はよくありますよね! ブックマークが増えていき、ウィンドウ幅を超える数になると、表示できないものについては矢印のさらに中に表示されてしまいます。その為、定期的に整理がされていない場合、どこにどのブックマークがあるのかわからなくなってしまう事もよくありますよね… そんな時におすすめのデフォルトで […]

  • 2019.08.31

【PV数を増やしたい方必見!】ブログ記事のPV数を増やすには?

ある程度記事を書き続けていると、ブログのタイトル・見出し・テキストそれぞれに対象のキーワードを散りばめる事は意識できてくると思いますが、キーワードを意識した記事を書いても、競合の多いジャンルの記事の場合、どうしても上位の記事が優位になってしまいます。キーワードも重要ですが、今回は、記事のジャンルによってPVを増やす方法を紹介します。 ブログのPV数を増やす ・プライベートや趣味に関する記事を作る […]

  • 2019.08.27

Web担当者必見!おすすめのバックアップ方法

サーバー上のhtml・css・js・phpファイルを変更する事はWebエンジニアの方であれば、当たり前の業務ですよね。1人でサイトを管理している場合は未だしも、複数人でサイトを管理していると誰がいつファイルを更新したのかわからなくなってしまうこともよくあるかと思います。今回はそのような時に一発で更新時間・更新車がわかるような方法を紹介させて頂きます。 ファイルを変更する際はバックアップを取るクセを […]

  • 2019.03.23

コーディング初心者におすすめ!HTML+CSS小技集3(コピペOK)

小技集2に続き、コーディング初心者におすすめしたいHTML+CSSの小技集を紹介します!(表題の通りコピペOKです) メニューのデザイン・コーディング 今回はメニューに使えるアイコンの紹介です。このアイコンは表題やメニューの先頭に使われていたりと、最近では色んなサイトで見かけるようになったWebアイコンやWebアイコンフォントと呼ばれるアイコンになります。 そもそもWebアイコン(Webアイコンフ […]

  • 2019.03.22

コーディング初心者におすすめ!HTML+CSS小技集2(コピペOK)

小技集1に続き、コーディング初心者におすすめしたいHTML+CSSの小技集を紹介します!(表題の通りコピペOKです) 表のデザイン・コーディング 1つ目は表(価格表など)に使えるスタイルの紹介です。デフォルトの表では物足りない!そんな時におすすめのスタイルになります。(※今回はtableタグではなくdivタグを使用した方法での紹介になります) デフォルト(黒枠+黒字) 項目名1個の金額1箱(1kg […]

  • 2019.03.22

【コーディング初心者向け】HTML+CSS小技集1(コピペOK)

今回はコーディング初心者におすすめしたいHTML+CSSの小技集を紹介します!(表題の通りコピペOKです) タイトル、表題のデザイン・コーディング 1つ目はタイトルや表題に使えるスタイルの紹介です。シンプルなページの場合、太字+大きい文字だけでも目立ちますが、デザイン重視のページの場合、枠をつけたり、背景色や文字色を変更したりする場面も出てきますよね。そんな時におすすめのスタイルになります。 ①太 […]