HTML・CSS
HTML・CSSの記事
CSSを使って縁取り文字を表現する方法 (デザインサンプル付き)！見出しのデザインの幅を広げる!!
CSS3が浸透した昨今、画像を使わなくてもCSSを使って様々なデザインの表現が可能になっています。そこで今回はCSSを使って「縁…
CSSで乗算がかけられる!!css3の新プロパティ「mix-blend-mode」でデザインの幅を広げよう!!
ブラウザ対応状況に伴い、css3の「mix-blend-mode」を使い、テキストや画像にブレンドモードを適用しているサイトを多く見るよ…
FontAwesomeでアイコンが□（四角）になって表示されない場合の対策まとめ（:after:before利用時）
FontAwesomeを利用していて、:after:beforeを使ってアイコンを表示したいけれど、正しく設定しているはずなのに、アイコンがな…
Headless（ヘッドレス） CMSとは？ 代表的な１０のCMS比較！
↓動画でも解説しています。 Headless CMSとは？ 近年、目にする機会が増えた「Headless CMS」という単語。この記事では、Headle…
サイト高速化に必須の link rel=preload とは？（使い方とサンプルHTML・CSS）
サイト高速化にあたり Google の PageSpeed Insights と睨めっこをしている際、「キー リクエストのプリロード」という項目が出…
「ツールチップ」で効果的にサイトのユーザビリティ向上！デザインのポイント・実装方法
今回はツールチップについての使い方・デザインのポイント・実装方法についてまとめてみました! ツールチップとは ツールチップ…
StrapiでHeadless CMS＋高速サイト制作を始めよう（インストール・使い方など導入解説）
Strapiは話題のHeadless CMS Headless CMSとは？ Headless CMSは、コンテンツ管理などのバックエンド機能のみを提供するCMSです…
ユーザーフレンドリーなフォーム改善テクニック「フローティングラベル」を使ってみよう！（CSS3＋jQuery）
ユーザーフレンドリーな入力フォームのテクニックとして注目される「フローティングラベル」の魅力と、CSS3・jQueryを使った簡…
明日から使える！ユーザビリティに優れたリッチなグローバルメニューの作り方
スクロールすると縮むヘッダー固定のグローバルメニューを作ってみました！ファーストビューはデザイン性のあるリッチなグロー…
【2020年】CSS・Javascript・PHP 非エンジニアも押さえておきたいポイントまとめ
2020年、Flashがついに終了 Adobe Flash Playerが2020年末をもって開発・配布を終了することが決まっています。かつてはWebアプ…
「css next」を使ってみよう！次世代CSSの記法でSassみたいに書ける！
次世代CSSとは？ 次世代CSSとはCSS4のことだと思う方も多いかもしれません。ですが、CSSは各機能ごとに仕様が策定されるため、…
【画像軽量化】WebPにそろそろ対応したほうが良さそうなので現時点で最適方法の考察
WebP（うぇっぴー）という画像形式をご存知でしょうか。Google さんが主導となって開発している新しい画像形式なのですが、意外…
CSS Grid の使い方をマスターして float を卒業しよう
CSS Grid とは 最近、Web ではグリッドレイアウトを取り入れたデザインが増えてきました。しかしグリッドレイアウトをWeb上で実…
〼（ます）や株式会社がiPhone（Safariなど）で特殊文字に変換される原因と解決方法
先日、新しいテーマをガチャガチャとカスタマイズしているときに、沼にハマったものの、なかなか解決策が見つからなかったので…
SSL（HTTPS）対応のはてなブックマークボタンの設置方法と注意点
はてなブックマークボタンがSSLに対応するようになってしばらく経ちますが、改めてSSLのウェブサイトにはてなブックマークボタ…
ご相談
まずは、今の状態を整理する
ところから
「何を頼むべきか決まっていない」という段階で構いません。現行サイト、目標、困っていることを伺い、優先して確認すべき点を整理します。