【HTML】Adobe Dreamweaverを使いSass・SCSSをコンパイルする方法
前回、ブログにて「Sass・SCSSを使うことでWEBサイトの制作を効率化すること」をとりあげました。そこでSass・SCSSは、どちらもCSSを効率よく記述することができること。そして、Sass・SCSSを変換（コンパイル）してCSSとし...続きを読む
【HTML】Sass・SCSSを使ってWEBサイトの制作を効率化する
現在の多くのWEBサイトではHTMLとCSSによって構築されています。WEBサイトの制作方法を勉強するとHTMLとCSSについてを学ぶと、ここ最近は、SassやSCSSといったキーワードが出てきます。SassやSCSSを活用しなくて...続きを読む
【HTML】Font Awesome 5 をWEBサイトに組み込む方法
Font AwesomeはWEBサイトにも組み込むことができるアイコンフォントです。現行の最新バージョン（Version 5.8.1）では、無料版で1,513種類、有料版で5,097種類ものアイコンが利用することができます。アイコンは矢印や...続きを読む
WordPressで投稿された記事の本文の一部「抜粋」を取得するために、テンプレートタグthe_excerpt()とget_the_excerpt()があります。the_excerpt()とget_the_excerpt()は、投稿時に抜粋...続きを読む
【HTML】Bootstrap4を使いレスポンシブサイトをコーディングする《導入編》
Twitterのデザイナーや開発者が作成した『Bootstrap』は、フロントエンドのフレームワークとオープンソースプロジェクトです。『Bootstrap』は、CSS、JS、およびフォントが基本セットになっています。HTMLのテンプレー...続きを読む
【HTML】Bootstrapの基本「マージン」と「パディング」
『Bootstrap』は、フロントエンドのフレームワークとオープンソースプロジェクトです。『Bootstrap』は、CSS、JS、およびフォントが基本セットになっています。HTMLのテンプレートソースを組み合わせて、レスポンシブ対応のサ...続きを読む
【JavaScript】ページ内リンクでページスクロールを実現する「smoothScroll.js」
「smoothScroll.js」は、ページ内リンクでページをスクロールを実装できすJavaScriptライブラリです。jQueryを実装していない状態でも稼働するので、手軽に導入できます。 基本的な使い方 導入は簡単、ライ...続きを読む
【JavaScript】国産ライブラリtmlib.jsを使ったアニメーション入門
「tmlib.js」はゲームやブラウザツールを簡単に作る事ができる国産のJavaScriptライブラリです。「tmlib.js」を使うとアニメーションや画像表示、サウンドなどゲームなどに必要な処理がプログラミングしやすいようになります。...続きを読む
Google Chart API でQRコードを自動生成する方法
Google Chart APIはGoogleが提供しているグラフなどのイメージを作成してくれるAPIサービスです。URLに必要な値を与えるだけで、グラフなどのイメージを返してくれます。 主にグラフなどを作成することができるのです...続きを読む
【JavaScript】横にスライドするレスポンシブメニューを実装するライブラリ『mmenu』
スマートフォンやタブレットのアプリなどでボタンを押すとメニューが横から展開するインターフェイスをみることがあります。今回はそのような横にスライドするメニューを実装することができるJavaScriptライブラリ『mmenu』を紹介します。...続きを読む