HP制作
【jQuery】外部リンクに自動でFont Awesomeアイコンを表示する方法
2018.08.21
外部リンク（新しいウィンドウで開くリンク）に自動で外部リンク用のアイコンを表示する方法を紹介。直接HTMLに書き込むこともできますが、その都度コードを打ち込む…
HP制作
【CSS】Font Awesome 5を疑似要素で指定するとアイコンが表示されない時の解決方法
2018.08.14
FontAwesome5で、CSSの疑似要素（::before,::after）でcontent指定をした際、アイコンが表示されない場合の解決方法です。…
HP制作
プログラムコードのインデント論争！タブ？それともスペース？どちらが正解？
2018.02.22
プログラミングの世界で古くから激しく行われている論争があります。それは、プログラムコードを書く際、各行の字下げ（インデント）にスペースを使うか、タブを使うかとい…
HP制作
【CSS】position:fixedで固定している要素を横スクロールさせる方法
2018.01.25
CSSの[position:fixed]で要素を固定すると、ブラウザ幅がコンテンツ幅を下回った際に固定している要素だけ横スクロールしてくれません。最近のWEB…
HP制作
【Adobe】Photoshop CCで起動時やファイルを開くと強制終了する時の解決方法
2018.01.17
ついに会社のAdobe製品がCC（AdobeCreativeCloud）になりました。CS5から解放され、歓喜していたのもつかの間、新規でインストールしたP…
HP制作
【CSS】FontAwesomeのリンクホバーの下線をテキストだけにする方法
2018.01.04
今回は備忘録を兼ねたCSSの小ネタ。FontAwesomeでリンクアイコンをCSSで表示している時、hoverの下線をテキストリンクのみにする方法を紹介します…
HP制作
Chromeのデベロッパーツールに出てくる「user agent stylesheet」とは
2017.12.06
GoogleChromeのデベロッパーツールでWebサイト内のスタイルを確認していると、CSSルールの中に「useragentstylesheet」と設定…
HP制作
【初心者用】JavaScriptが苦手なWebデザイナー向け「jQueryの基本的な書き方」
2017.11.02
JavaScriptの数あるライブラリの中でも、最も有名なのが「jQuery」。Web業界で働いている方は、毎日コード目にしていると思いますが、デザイナーさんの…
HP制作
【JavaScript】レンダリングブロックするjsファイルを非同期化して、ページのスピードを速くする方法
2017.07.04
GoogleのPageSpeedInsightsでサイトをチェックすると、読み込みスピードを速くする方法として「レンダリングをブロックするリソースの読み込みを…
HP制作
SVGファイルを初めて設定する時につまずきやすいポイント！リンクの設定とカラーの変更方法
2017.05.18
画像ファイルと言えば、JPEGやPNG（ビットマップデータ）を扱う機会が多いと思いますが、高解像度ディスプレイで見るとぼやけてしまう欠点があります。そのため、…