アクセシビリティWebアクセシビリティについて簡単に説明
この記事はWebアクセシビリティの啓蒙活動のための記事です。この記事に対して様々なご指摘を希望します。 Webアクセシビリティとは Webアクセシビリティは、インターネット上のコンテンツやサービスを、すべての人が平等にアクセス...
Web
アクセシビリティ
コーディング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の紹介もしつつどこまで遊べるのかを確...
Webdocument.designMode=’on’を使って手軽にブラウザの挙動確認をする猫
この記事はホームページ制作を学習し、作ってみたホームページの確認や動作確認などを行う際にどのような手法があるのか知りたいWebデザイナーやコーダー、エンジニア、ディレクターに向けた記事になります。以下、茶番も兼ねていますが御覧ください。 ...
Webホームページを作るときに使うウォーターフォール型開発を意識したディレクションセット
この記事はディレクションを行う際にどうやって着実に、事故なくデリバリーできるか悩んでいる方に向けた記事になっています。 初めてホームページを作るときに考えることをまとめました ホームページを作るときに意識することはなんでしょう...
CSSCSS極めたい猫「CSSだけでスムーススクロールを実装」ってどういうこと？
この記事はCSSを学習し、更に学習を重ねたいWebデザイナーやコーダー、エンジニアに向けた記事になります。 今まではJavaScriptで頑張って表現していたようなUIなどがCSSだけで実装可能になってきました。その中の一つとして「...
CSSCSS極めたい猫「擬似クラス:root」ってなに？
この記事はCSSを勉強し直したい筆者が纏め直しつつ、CSSをより便利に書けるようになりたい方に向けた記事になります。 様々なCSSが使用できるようになってきた中で、カスタムプロパティ（設定用）としてよく活用される「:root」につい...