【CSS】linear-gradient（グラデーション）を使ったボタン作成
CSSのlinear-gradient()関数を用いることで画像を使わずとも、グラデーション色のボタンを作成することができます。 ※矢印は、「Font Awesome」、文字...続きを読む
【HTML】Internet Explorer 対応したBootstrapの選び方
Webサイトの制作を相談をいただく際に、「Internet Explorer に対応したい」という要望をうかがうことがあります。主要ブラウザの日本国内のシェアを調べてみると、最新バ...続きを読む
【WP】WordPressで出力されるHEADタグ内の内容を整理する
WordPressを利用してWebサイトを構築すると、HTMLを構成するHEADタグ内にWordPress特有の記述が見れます。このWordPress特有の記述は自動的に生成される...続きを読む
【HTML】Adobe Dreamweaverを使いSass・SCSSをコンパイルする方法
前回、ブログにて「Sass・SCSSを使うことでWEBサイトの制作を効率化すること」をとりあげました。そこでSass・SCSSは、どちらもCSSを効率よく記述することができること。...続きを読む
【HTML】Sass・SCSSを使ってWEBサイトの制作を効率化する
現在の多くのWEBサイトではHTMLとCSSによって構築されています。WEBサイトの制作方法を勉強するとHTMLとCSSについてを学ぶと、ここ最近は、SassやSCSSとい...続きを読む
【HTML】Font Awesome 5 をWEBサイトに組み込む方法
Font AwesomeはWEBサイトにも組み込むことができるアイコンフォントです。現行の最新バージョン（Version 5.8.1）では、無料版で1,513種類、有料版で5,09...続きを読む
WordPressで投稿された記事の本文の一部「抜粋」を取得するために、テンプレートタグthe_excerpt()とget_the_excerpt()があります。the_excer...続きを読む
【HTML】Bootstrap4を使いレスポンシブサイトをコーディングする《導入編》
Twitterのデザイナーや開発者が作成した『Bootstrap』は、フロントエンドのフレームワークとオープンソースプロジェクトです。『Bootstrap』は、CSS、JS、お...続きを読む
【HTML】Bootstrapの基本「マージン」と「パディング」
『Bootstrap』は、フロントエンドのフレームワークとオープンソースプロジェクトです。『Bootstrap』は、CSS、JS、およびフォントが基本セットになっています。HT...続きを読む
【JavaScript】ページ内リンクでページスクロールを実現する「smoothScroll.js」
「smoothScroll.js」は、ページ内リンクでページをスクロールを実装できすJavaScriptライブラリです。jQueryを実装していない状態でも稼働するので、手軽に導入...続きを読む