CSSの未使用のスタイルを削除するツールPurgeCSS、PurifyCSS、UnCSSの使い方、また、Chrome デベロッパーツールで手動で削除する方法を紹介します。 BootstrapやTailwind CSSなど、CSSのフレームワークを使用する際、すべてのスタイルを使用することはほとんどありません。また、再利用可能なUIコンポーネントを使用する場合なども、不要なスタイルがあります。 4 Ways to Remove Unused CSS by Chidume Nnamdi 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 再利用可能なUIコンポーネント内の未使用CSS 1. PurgeCSSで、CSSファイルから未使用のスタイルを削除する方法 2. PurifyCSSで、CSSファイルから未使用のスタイルを削除する方法

レスポンシブWEBデザインで納品したお客様で、パソコンとスマホでそれぞれの改行の位置に細かく指定があったケースがありましたので、パソコンとスマホで異なる改行位置を設定する方法を紹介したいと思います。 レスポンシブWEBデザインとは？ まずレスポンシブWEBデザインについて説明したいと思います。 レスポンシブWEBデザインはここ数年主流となっているWEBデザインのスタイルです。同じWEBページをパソコンで見た時とスマートフォンで見た時、それぞれのデバイスで見やすいように自動的に表示方法を変えるというものです。スマホ用とパソコン用で別々のサイトを作るわけではないので、運用面において効率的で、デザインの統一性などの利点が挙げられます。 レスポンシブWEBデザインはこんなやつです。（他のデザインに関しては制作実績をご覧ください。） ちなみにインクループで作るWEBページはすべてレスポンシブWEBデ

使い方 HTMLとCSSの編集方法をご存知の方は読み飛ばしてくださいませ。 スキップ 手順1：CSSをコピペ のちほど紹介するボックスデザインのうち、気に入ったものがあればCSSをコピーします。これをブログやWebサイトのCSSファイルに貼り付けます。貼付け先はブログサービス別に以下のようになります。 link rel〜を貼る場所 WordPress[ダッシュボード][外観][テーマエディター]右側のバーの[style.css]※もちろんFTPソフトを使ってもOK はてなブログ[デザイン][][デザインCSS]スマホ用はの[フッタ]に<style></style>と入力、この中に貼付け アメブロ[マイページ][デザインの変更][CSSの編集] Livedoorブログ[ブログ設定][PC][カスタマイズ][CSS] FC2ブログ[設定][テンプレートの設定][スタイルシートの編集] Blog

備忘録としてのアップです。 Jimdoでも独自レイアウトで自由にサイトデザインが変えられるのですが、トップページとコンテンツページ それぞれ別のデザインにしたい。と思うこともよくあることだと思います。 それをJimdoでは可能なのか？とでいろいろ試してみました＾＾ トップページはこのデザイン↓ コンテンツページはこのデザイン↓ こんな感じに。 Jimdo、無料でもかなりのものを作る事ができますし、なにより更新が本当に楽なんですよね。 でも、Jimdoの仕様上、独自レイアウトでも1つのhtml、cssで全てのページを設定する形になるので、 2つのデザインを共存させる事ができるのかな？というのがそもそもの問題。あと、独自タグも厄介。 というわけなのですが・・・。 あるお仕事で全く別のデザインにできないか？という質問が来たもので、それが事の発端でございます。 Jimdoで作成したトップページのH

スマートフォンなどのモバイル端末で検索をしたときに、雷マークをみかけることがありますよね。「この雷マークは一体何を意味しているんだろう」という疑問を持つことはあっても、その意味を調べるところまではなかなか行きつかないものです。 モバイルで検索したときに表示される雷マークは、「AMP対応」しているページを意味します。「AMP」という言葉に、頭の中にますます？マークが増えてしまった人もいるでしょう。 そこで今回は、Googleが推奨している雷マークのAMP表示の仕組みとそのメリットについてお伝えします。 AMPとは、WEBサイトの高速表示化プロジェクトampは「Accelerated Mobile Pages」の略称で、モバイル端末によるWEBサイトの表示を高速化するプロジェクト、もしくはそのプロジェクトによる成果となる一連の技術を意味しています。 スマートフォンの普及によって、モバイルユーザ

新規客の開拓に関心あるB2B企業の経営者に向け、失敗パターンと成功パターンを説明するオンライン・セミナーです。特に将来の会社を担う2代目3代目経営者には、必須の内容になっています。 (さらに…)…

「ランディングページってホームページ運営やWebマーケティングをしていると時々聞くけど、どういう意味？」「ランディングページと通常のページは何が違うの？」

この記事では、Google（グーグル）キーワードプランナーを無料で使うためのGoogle広告の登録方法について解説します。 無料で使う場合は機能が制限されますが、オウンドメディアやブログ集客など、多くのアクセスを集めるためのキーワード戦略では十分な戦力になります。 もしもあなたが、検索エンジンからアクセスを集めるためにコンテンツ（ブログ記事）を作成するのであれば、キーワードプランナーを使えるように、まずはGoogle広告の登録をしておいてください。 たとえ現時点で広告を出す予定がなくても、無料で使えます。 Googleキーワードプランナーの登録方法Google広告サービスの一部であるキーワードプランナーを利用するためには、次の2つのアカウントを両方持っている必要があります。 GoogleアカウントGoogle広告アカウントGoogleアカウントとは、グーグルが無料で提供している「Gmail

社会保険料控除（しゃかいほけんりょうこうじょ）とは、その年に自分や家族の支払った社会保険料の全額が、保険料負担者のその年の所得から控除され、所得税と住民税が軽減される制度です。 ここでは、確定申告時における社会保険料控除のポイントをお話します。ぜひ参考にしてください。 参考：個人事業主の確定申告ガイド｜フロー図を用いてわかりやすく解説

【住宅ローン控除の申請に必要なもの】 住宅借入金等特別控除額の計算明細書 確定申告書 売買契約書または建築請負契約書 土地・家屋の登記簿謄本 住宅借入金の年末残高証明書 源泉徴収票　※給与所得者のみ必要 住宅借入金等特別控除額の計算明細書 こちらからダウンロードできるので良かったらご利用ください。 →住宅借入金等特別控除額の計算明細書 ※ただし、複写になっていないので記入後に1部コピーをとり、それを控えとして税務署に受領印をもらってください。複写版がほしい場合は税務署まで取りに行きましょう。 確定申告書 こちらからダウンロードできるのでよかったらご使用ください。ただし、複写になっていないので記入後に1部コピーをとり、それを控えとして税務署に受領印をもらってください。複写版がほしい場合は税務署まで取りに行きましょう。 →確定申告書 売買契約書または建築請負契約書 住宅購入時の契約書です。 土

審査受けたのに数日または数週間かかっている人や 20記事も30記事も書いて受からない人 審査に落ち続けている人はやり方が間違っています。 今回はアドセンスに一発でしかも24時間内に受かるためやったことをまとめて紹介したいと思います。自分はしっかり設定できているか確認してみましょう。 この記事の内容に沿ったコンテンツを作ることでGoogleアドセンスへの合格にはかなり近づくはずです。 記事最後にはチェックシートを作りましたのであなたには何が足りないか分かるはずです！チェックシートだけ確認したい人は目次から飛んでください！ 【夫婦ブログ運営報告】6ヶ月目 月間PV : 30289PV（前月1.8万PV） 収益 : 66809円（前月2.7万） 記事数 : 8記事（合計62記事） PV単価 : 約2.2円 アフィ収益5万円、アドセンス1万円を超えました 今月は時期的に半分に…ひたすら記事入れます

こんにちは、エクセル使いこなし隊 隊長の吉井良平です。 新しいサービス（エクセル保険サービス）を始めるにあたり、新しくメルマガも作りました。 メルマガを作る際に、メルマガ配信システムを利用しようかとも思いましたが、せっかくGoogleスプレッドシートの記事もあるので、Googleスプレッドシートで作ろうと思いたって、ゴニョゴニョやっていたら、ステップメールを作る仕組みが出来上がりました。 クリック解析などはできないので、そんなにおススメはしませんが、「こういうことも出来るんだ」ということで紹介しますね。 無料で1日500件まで送れるのが、メルマガ配信システムにないメリットです。 少しややこしいかもしれませんが、やっていること自体は複雑じゃないので、順番通りにやればどなたでもステップメール発行の仕組みが作れると思います。 普通にGmailでメールマガジンを作る方法 メールマガジンを作るにあた

こんにちは、nobu2394.comです。 本日はこちらも毎月恒例のブログ運用報告です。2018年1月9日にこのブログを立ち上げ、1年と1ヶ月が経過したことになります。 人様のブログと比較し、明らかに成長の遅いブログですが、細く長く続けて、定年後のお小遣いの足しになればいい。と、圧倒的長期目線でブログの執筆活動と向き合っています。 ↑この考え、ブログを長く続けるという目的の為には実は非常に重要かつ不可欠な考え方だと思っていて、長くブログを続けておられるブロガーさんたちは、多かれ少なかれ、このような長期目線の感覚があるのではないかと思うのです。 睡眠時間を削ってとか、何かを犠牲にしてとか、そういった状況の中での執筆は、数年であればモチベーションも続くのかもしれませんが、10年、20年となると話が別です。 私はそういったものを目指して行きたいな～と密かに思っています。 ちょっと話が脇にそれまし

レスポンシブWebデザインとは、どんな大きさの画面でも見やすく、使いやすいWebサイトにするために必要なものです。 1つのHTML（Webサイトに載せる情報）で配信し、CSS（情報の大きさや位置など表示の指定）はデバイスごとに用意して表示を変えさせます。 内容は全て同じですが見せ方が違うということです。 レスポンシブWebデザインのメリットとデメリット では、レスポンシブWebデザインにはどんなメリットとデメリットがあるのでしょうか。 管理が楽 HTMLが１つなのでWebサイトに載せる情報を修正や更新する時に作業が1回で済みます。 デバイスごとにHTMLがあると修正や更新の作業をHTMLの数だけしなくてはなりません。 シェアされやすい URLが1つなのでWebサイトを見るユーザーにシェアされやすくなります。 スマホ用のモバイルサイトとパソコン用のPCサイトがあった場合、見せたいユーザーのデ