HP制作
安心・安全なサイト運営のための利用規約テンプレート(ひな形)
2018.09.212024.08.29
企業サイトなどを構築する際、汎用的に使える「サイトのご利用について（利用規約）」のテンプレートを作成しました。 利用規約は、サイトの利用者と運営者双方を保護する…
HP制作
【jQuery】外部リンクに自動でFont Awesomeアイコンを表示する方法
2018.08.212024.08.23
通常、外部リンクにアイコンを表示する場合、HTMLに直接アイコンを追加することが一般的です。しかし、HTMLに手動でコードを記述するのは手間がかかり、特に大規模…
HP制作
【CSS】Font Awesome 5を疑似要素で指定するとアイコンが表示されない時の解決方法
2018.08.142021.05.19
Font Awesome 5で、CSSの疑似要素（::before, ::after）でcontent指定をした際、アイコンが表示されない場合の解決方法です。 …
HP制作
プログラムコードのインデント論争！タブ？それともスペース？どちらが正解？
2018.02.222018.03.08
プログラミングの世界で古くから激しく行われている論争があります。それは、プログラムコードを書く際、各行の字下げ（インデント）にスペースを使うか、タブを使うかとい…
HP制作
【CSS】position:fixedで固定している要素を横スクロールさせる方法
2018.01.252024.08.26
現代のWEBサイトは多くがレスポンシブ対応になっており、ブラウザ幅に応じて表示が変わるよう設計されています。しかし、古いサイトを改修する際や、特定のプロジェクト…
HP制作
Photoshop CCで起動時やファイルを開くと強制終了する時の解決方法
2018.01.172024.10.28
ついに会社のAdobe製品がCC（Adobe Creative Cloud）になりました。 CS5から解放され、歓喜していたのもつかの間、インストールしたPho…
HP制作
【CSS】FontAwesomeのリンクホバーの下線をテキストだけにする方法
2018.01.042020.09.17
今回は備忘録を兼ねたCSSの小ネタ。 FontAwesomeでリンクアイコンをCSSで表示している時、hoverの下線をテキストリンクのみにする方法を紹介します…
HP制作
user agent stylesheetとは？ブラウザごとのデフォルトスタイルを理解しよう
2017.12.062024.10.18
Google Chromeなどのデベロッパーツールを使ってWebサイト内のスタイルを確認していると、「user agent stylesheet」というスタイル…
HP制作
【初心者用】JavaScriptが苦手なWebデザイナー向け「jQueryの基本的な書き方」
2017.11.022019.02.27
JavaScriptの数あるライブラリの中でも、最も有名なのが「jQuery」。Web業界で働いている方は、毎日コード目にしていると思いますが、デザイナーさんの…
HP制作
JavaScriptの非同期読み込みでページ速度を最適化！async属性の使い方
2017.07.042024.10.17
GoogleのPageSpeed Insightsでサイトをチェックすると、読み込みスピードを速くする方法として「レンダリングをブロックするリソースの読み込みを…