登録しておいて損なし!VScodeで開始タグから終了タグまでをパッと簡単に選択する時短ショートカットキー設定 HTML 2023.06.15 HTMLVScode環境構築 HTMLを編集していると開始タグから終了タグまでをパッと選択したいとき、ありませんか?こんな感じ!コーディング中にキーボードから手を放してマウス使って選択とか、Shift+矢印キーで小まめに選択とか地味にめんどくさい・・・。今回はHTMLタ...
text-align: justifyでテキストを両端揃えにしたら文字間が開きすぎた・・・。word-break:break-allで解決! CSS 2023.05.24 CSS サイト構築する上で長文のテキストを表示することはよくあると思います。でも左右に寄せたテキストを改行したとき、端に余分なスペースができて見た目が悪いな、ってことありませんか?そんなときに役立つのがtext-align: justify;!改行...
『Code Spell Checker』でUnknown word(スペルミス)判定されないために単語を除外する方法と解除方法 VScode 2023.04.10 VScode環境構築 この記事はエディターにVScodeを使っている方向けとなります。プログラミングをする上で関数や変数の命名って難しいですよねぇ😵会社やチームで決めた命名規則に則って考えるにしても、いかに伝わりやすい名前にするか悩みやすいポイントですが、最低限...
Tailwind CSSを導入したいけどスタイルが反映されない?Unknown at rule @tailwind エラーを解消する3つの方法 CSS 2023.03.15 CSSTailwind CSS環境構築 クラス名を考える必要がなかったり、HTMLとCSSを行き来しながらコーディングする必要がないなど、モダンなフロントエンドで人気のあるTailwind CSSですが、導入時に躓きやすいのが難点です。公式サイトの「Get started」ページ...
連携したWordPress記事と紐づいたPinterestピンのアイキャッチ画像をそれぞれ違う画像にする方法 WordPress 2023.03.14 PinterestWordPress WordPressで作った記事を読んでもらうためにPinterestで紹介するとユーザーの目に留まる機会がグッと増えますよね。でもWordPressで記事を作ってPinterestに切り替えてピンを同じような内容で作成して、というのはめんど...
モーダルウインドウの実装方法4選!それぞれのメリットとデメリットもご紹介 HTML 2023.03.04 CSSHTMLJavaScriptSCSS/SASS 今回実装方法としてご紹介するのは以下の4つです。素のJavaScript(Vanilla-JS)jQueryInput + Label(HTML)Dialog(HTML+JavaScript)一つ一つ見ていきましょう!素のJavaScrip...
WordPressとPinterestを連携して、記事を作成したら自動でピンも作成させる5つの簡単ステップ WordPress 2023.03.01 PinterestWordPress こんにちは!PinterestではDIYやWebデザイン、ガジェットのアイデアを漁ることが多いみみほくろです。TwitterやFacebook、InstagramなどSNSの種類が豊富で情報発信としてそれぞれ使い分けている方も少なくないと思...
Webデザイン始めるならVScodeイチオシ!VScodeを使うための設定手順とオススメ拡張機能 HTML 2023.02.11 CSSHTMLJavaScriptSCSS/SASS環境構築 Webデザインを始めるにあたって必要なエディターにはVScodeしかない!VScodeをこれから使い始める方向けに初期設定とおすすめの拡張機能をご紹介します。