ブログの記事一覧

WEBデザイナーが外せないWEBフォントの基礎知識

WEBデザインを行っていく上で消して外せなくなったWEBフォントについてお話したいと思います。 WEBフォントってなに? ホームページ上で記載されているフォントを提供しているサービス WEBフォントサーバーから取得したフォントのデータをブラウザ上でテキストとして表示してくれるフォントのサービスです。 これを使用することで、どのキャリアからホームページを見ても制作者が作った...

続きをみる

Salon booking systemで飲食店のネット予約システムを無料で導入したい

まいど!ドスブイサポートの高橋しゃちょーです。 今日はネット予約システムをWordpressで組んでみようと思います。大阪のミナミでラウンジを経営しておりますので、店舗の予約システムを自ら導入することにしました。 無料のCMS、Wordpressのプラグイン機能を使って構築したいと思います。 予約システムプラグイン「Salon booking system」 今回利用する...

続きをみる

【JQuery】メインビジュアルの画像をアニメーション化する簡単な方法

メインビジュアルってサイトで非常に重要な強調になってくると思います。 メインビジュアルを今からコーディングしていく上で一つづつテンプレート化して公開していきたいと思っております メインビジュアル(キービジュアル)ってなに? メインビジュアル、キービジュアルと聞いたことはあると思います同義語ですが、私のは使い分けてます。メインビジュアルはトップページの一番目につくバナーみたいなも...

続きをみる

初心者向け【WEBデザイン講座】デザインの4大原則とは

今日はWEB制作を行っていて、なんか他のサイトをコーディングして自分なりにオリジナリティを出して制作してみたものの、なんかダサくなってるっていうい直感的な感覚を持っている方へおすすめしたい記事になります。 WEBデザインを設計する上で大事な要素になるので、ぜひ覚えていってください。それでは解説していきましょう! デザインとは そもそもデザインっていうのは何かといいますと ...

続きをみる

【SNS】リプやらリツイートやら用語を今から始める初心者向けに解説

はじめまして!大阪でWEB制作会社を営んでいる株式会社ディー・オー・エス ドスブイサポートの高橋しゃちょーです。 私も何を隠そう今から始める人なのでもしよければ一緒に成長していければと思ってブログを書かせて頂きました SNSってやりたいけど、難しいんでしょ?とか用語が分からないって諦めてしまっている方!ぜひぜひ!一緒に学んでいきましょう!!宜しくお願い致します SNSってそもそ...

続きをみる

【CSS】paddingとmarginの使い分け

CSSを学んでいる中で必ずといって良いほどに使うのが余白の取り方ですよね! HEMLを制作する上で、CSSでの余白の作り方には2種類あります。 paddingmargin では、この2つの違いをおさらいしてみたいと思います。 ボックスモデルを理解する まず一番最初に理解しなければならないのがこのボックスモデルという形です。これを理解してしまえば、もう使い分けは簡単で...

続きをみる

【CSS】ブロック要素の縦横高さ中央揃え

ホームページで欠かせない、ボタンなどで文字を中央に寄せて高さも中央に揃えたいってことありますよね? 横の中央寄せは簡単なんですが、高さが真ん中にこないなどうまくいかないことってありますよね。 そんな解決策を簡単に出来る方法をお伝えしたいと思います ブロック要素のセンタリング こんなボタンのようなHTMLはよく作ると思いますが <div cla...

続きをみる

メインビジュアルのテキストをお洒落なアニメーションにしたい【JQuery】

お疲れ様です!サイトを運営する時にお客様からなんか見た目をカッコよくしたいって言われた事ありませんか? そんな時に私は重要なメインビジュアルにアニメーションを付与したりします。 ちょっとしたカスタマイズでお客様に喜んで頂けるので非常に好きな仕様です さて、今回はそんなテキストをふわっと浮かび上がらせたり、横からビュンって出てきたり色々できるJQueryを使ったやり方を解説したい...

続きをみる

【0から学ぶWordPress】投稿タイプのカテゴリ、タグ取得表示する

固定ページやトップページに記事の一覧を何件で表示したい!そんなカスタマイズはもはや標準だと思いますが、ここではそんなカスタマイズ方法をを解説したいと思います。 今回の取得して、出力する部分はこちらになります 投稿タイプのカテゴリー・タグを取得して出力 タイトルのように、こちらは最初からWordpressに実装されている「投稿」の記事になりますので、別途作ったカスタム投稿では出力...

続きをみる

ファビコン(favicon)の作成方法と設定方法について

ファビコン(favicon)とは、Webブラウザで新規タブでサイトを開いたときにタブにタイトルの左側に表示される画像のことです。 その他にWebページをブックマークした際に表示される画像などをいいます。 2019年5月には、Googleの仕様が変わり、ユーザーの検索結果画面にも表示されるようになりました。そんなファビコン(favicon)の概要や表示される場所・作成方法・作成ツール・...

続きをみる