tips– category –
-
画像圧縮 おすすめツール２選 Squoosh ,Tiny PNG
PageSpeed Insightsに気に入られよう画像は軽量化する必要があります。最近はPageSpeedがWebPの使用を推奨してきます。無料で軽量化や変換ができるツールをご紹介します... -
Visual Studio Code (VSC) 後からタグで囲む ショートカットキー
Visual Studio Codeで、タグを簡単入力できるEmmetはお使いですか？通常はタグを書いて、テキストを後から書く流れだと思います。 では、テキストを流し込みをした場合... -
[CSS] 否定擬似クラスnot()の使い方
この要素以外はこうしたい。除外が出来るCSS -
デバイスサイズで画像の入れ替えをする。Jsを使わずに
レスポンシブデザインに対応させる為、デバイス毎に表示する画像を変えたい事もあるでしょう。JavaScriptを使用した方法もありますが、HTMLだけの方法をご紹介します。... -
[illustrator] 簡単に3D 立方体(他)を描く
図形、文字などを立体に手作業で書くのは至難の業。illustratorでは簡単に3Dに変換する機能が付いています。あっと言う間に出来るので便利です。デザインの幅が広がりま... -
Minify(ミニファイ）圧縮して軽量化とサイトの高速化する方法
ファイルを圧縮し、軽量化する事でサイトの表示速度が上がり、SEO的にも有利です。閲覧する方にとってもスピーディーな表示は良い事ですよね。デメリットが見当たらない... -
[CSS] box-sizingとボックスの横並びについて
Topページに新着3件など、ボックスを横並びにする事ってありますよね。高さが揃わない、はみ出るなど、なかなか上手にいかない事も。実際に横並びにするのは、display:f... -
[Windows] ファイル名を連番で一括変更する
Web制作の場面では、「IMG_7196」を「rename-1」にするなど、画像の名前を統一し、連番をつける事が多々あると思います。ファイルの名前変更を１つ１つ行っていませんか... -
[WordPress] GitHubでテーマを管理する
もう怖くない！GitHubでWordPressの自作テーマやカスタマイズしたテーマを管理する手順の覚書です。黒いコマンド画面で作業するだけでなく、概念や専門用語が分かりにく... -
Font Awesomeアイコンの使い方と応用
Font Awesome の導入方法が変わっていました。Kitsが導入されました。無料版では1サイトのみで、ページビューの制限もあります。1サイト以上、無料で使いたい場合はダウ...
