コーディングChatGPTでブックマークレットを大量に作った。Title取得、alt属性、Meta取得、リンクチェック、画像サイズ取得。
この記事はChatGPTを使ってWeb制作の際にチェックに使えるようなブックマークレットを大量に作った男の末路です。動作保証はできませんのでしっかり内容を確認し、試したい方は試してみましょう。 ブックマークレットとは 先日、C...
コーディング
コーディング
コーディングプロのコーディングが身につくHTML/CSSスキルアップレッスンすぐに活かせてずっと役立つ現場のテクニックを読んだ
「プロのコーディングが身につくHTML/CSSスキルアップレッスンすぐに活かせてずっと役立つ現場のテクニック」という書籍が発売されたので、購入して読んでみました。 書籍の紹介 HTMLやCSSを勉強して、よりよいコード...
HTMLHTML極めたい猫「br連打はなんで駄目？」
この記事はHTMLを学習中のWebデザイナーやコーダー、エンジニア、ディレクターに向けた記事になります。HTMLのタグであるbrは誤用の多いタグになるのでぜひ学んでみましょう。以下、茶番も兼ねていますが御覧ください。 HTMLを書け...
コーディングChatGPTでブックマークレットが一瞬で作れる件
この記事はChatGPTにテンション上がっている著者が戦々恐々しながら試している記事です。Webデザイナーやコーダーに向けた記事になります。 ChatGPTとは ChatGPTとは簡単に言ってしまえばチャット感覚でテキストを送...
コーディングChatGPTが楽しすぎる。アコーディオンメニュー作らせてみた。
この記事は近年のAI事情に戦々恐々しているWebデザイナーやコーダーに向けた記事になります。 ChatGPTにアコーディオンメニューを作らせてみた 今更ではあるのですがChatGPTの紹介もしつつどこまで遊べるのかを確...
CSSCSS極めたい猫「CSSだけでスムーススクロールを実装」ってどういうこと？
この記事はCSSを学習し、更に学習を重ねたいWebデザイナーやコーダー、エンジニアに向けた記事になります。 今まではJavaScriptで頑張って表現していたようなUIなどがCSSだけで実装可能になってきました。その中の一つとして「...
CSSCSS極めたい猫「擬似クラス:root」ってなに？
この記事はCSSを勉強し直したい筆者が纏め直しつつ、CSSをより便利に書けるようになりたい方に向けた記事になります。 様々なCSSが使用できるようになってきた中で、カスタムプロパティ（設定用）としてよく活用される「:root」につい...
CSSCSS極めたい猫「擬似クラス:is()」ってなに？
この記事はCSSを学習し、更に学習を重ねたいWebデザイナーやコーダー、エンジニアに向けた記事になります。 ここ数年、CSSの使い勝手が劇的に変化してきたように思います。その理由としてはIEをサポートする必要がなくなったということも...
コーディング初心者からプロのホームページ制作に欠かせないエディタの一つ「Visual Studio Code」
この記事はホームページ制作の知識がない方やこれから学習していきたい方に向けた記事になります。初心者からプロまで幅広い層に愛されているエディタ「Visual Studio Code」のご紹介です。特に、触りの触りで初めて触りますって方のため...
HTMLWebサイトを作るときに必要なHTMLってなに？
HTMLとはハイパーテキストマークアップランゲージ（Hyper Text Markup Language）の略称で、マークアップ言語です。厳密にはプログラミング言語と違うと言う方もいるでしょうが、ホームページの更新をするときや作りたいとき...