CSS記法〜基本セレクターの種類について
CSS記法について CSSではいくつか記法が存在するが、代表的なものに、 HTMLなどで指定された要素に対して{}(波カッコ)をつけてスタイルを記述していくものがある。 https://twitt…
View Article【HTML & CSS 1日目】Progateで練習開始
https://prog-8.com/paths/node コピペしかしていなかったHTML & CSSを20年ぶりに触った。 これを続けていればよかったな～という大きな後悔をしつつ、これから海外移…
View Article【HTML & CSS 2日目】Progate ～9/15
2/90日目の作業 7/100h 3/90日目の予定 6h 無料コースが終わってしまった・・・ 他のサイト探すか有料版登録するか。 6hくらいやったけどHTML & CSSはかなり楽しい。 早速今…
View Article【備忘録】コーディング依頼時のレギュレーション_テンプレート（参考プロット）
はじめに コーディング依頼時のレギューレーション備忘録。 実際に依頼する際は、各項目を該当Webサイトにあったものに書き換える想定。 不要な箇所はトルツメして依頼用のレギュレーションを作成する。 …
View Article【CSS】こんなメディアクエリの使い方知ってる？
概要 みなさんは、メディアクエリ @media をご存じですか？ Webサイトを開発する時に、 ブラウザーのサイズに応じて、スタイルを変えたり、 ユーザーのデバイスに応じて、スタイルを変えたり... …
View ArticleCloudCircus社【Fullstar】 × Chrome拡張機能でDOM取得
この記事でお話ししたいこと Chrome拡張は開発ハードルも低く、公開しなければ無料で始められるとても魅力的なサービスです。 CloudCircus社では【Fullstar】という製品の一部として…
View ArticleSDGs カラーリスト HEX,rgba
SDGs 17のアイコンのカラー設定 自分が、一覧で欲しかっただけです。 せっかく抜き出したんで。 参考 SDGsのポスター・ロゴ・アイコンおよびガイドライン 2019年8月付、改定版 https…
View Article【Rails】テーブル内の特定の文字列を含む行の背景を変更する方法
やりたいこと Railsで質問待ちアプリを作っている．ユーザが質問を登録したらテーブルに表示される． postテーブルにsituationカラムが入っており，この値が対応中のときにテーブルの背…
View Articleメディアを、スマホの時にタイトル→画像→テキストの順に並べたい
やりたいこと これを スマホの時はこうしたい コードはこんな感じ。 html <div class="media"> <figure class="media__image"> <img src=…
View Articlecalc()関数、vw単位を使った絶対に崩れないCSSの書き方
もう画像に逃げないコードを書こう！ 見た目の凝ったデザインをコーディングする際、表示領域（以下：わかりやすく画面幅と書きます）の拡大縮小に合わせてレイアウトが崩れてしまって、デレクターさんやデザイ…
View Article[javascript,cssアニメーション]草からテキストが生えてくるアニメーション
テキストを入力するだけでメッセージ動画が作れるサービスTeloppyを運営しております！ その中で用いたアニメーションのコードを一部紹介したいと思います！ まずは、コードの完成形です。 See th…
View ArticleWeb制作におけるVSCodeのおすすめ拡張機能
初めに 環境設定......なにそれおいしいの？ そんな自分が出会ったやらなければいけない事orz、やった方が良い事について、備忘録として記載していきます。 （文章力が無いので読みづらい場合はすい…
View Article私は中国のフロントエンドエンジニアです
私は中国のフロントエンドエンジニアです。語学学校で日本語を勉強しており、将来は日本で働く予定です，フロントエンド関連の担当者のコミュニケーションを歓迎しますHTML
View Article本日の勉強✏️
ドットインストール詳解CSS 基礎文法編 12〜#20 HTML、CSSは以前もProgateで勉強しているため、結構吸収していると思います。 やはり目に見えてデザインが変わるのは使ってて楽しいです…
View Articleanimationstartイベントを使ってCSSからHTML要素のsvgを切り替えられるようにした話
はじめに ドワンゴでニコニコ生放送のWebフロントエンジニアをやっています @misuken です。 今回はHTMLのanimationstartイベントを使って、CSSからHTML要素のsvgを…
View Article本日の勉強✏️
ドットインストール詳解CSS 基礎文法編 21〜#33 CSSは奥が深い！ 本当に細かくデザインを変えれるので楽しい。 動画と自分のパソコン上が一致してるのを見ると 嬉しくなる。笑 まだまだ初歩的な…
View ArticleHTMLとCSSの学習ログ
学習教材 udemyで「ウェブ開発入門完全攻略コース - HTML/CSS/JavaScript. プログラミングをはじめて学び創れる人へ！」を学習。 ウェブ開発全般の基本的な知識が習得できるコー…
View Articleよくある「ホバーしたらドロップダウンメニューを表示するナビゲーション」を駆逐したい
正確には 「ホバーした時だけドロップダウンメニューを表示するナビゲーション」がどうかなぁ、と思っている次第です。 あと駆逐は言いすぎましたごめんなさい。「タイトルは弱く見えるくらい強い言葉を使え」…
View Article[javascript,cssアニメーション]魔法陣からテキストが出てくるアニメーション
テキストを入力するだけでメッセージ動画が作れるサービスTeloppyを運営しております！ その中で用いたアニメーションのコードを一部紹介したいと思います！ Teloppyでの動作 まずは、コードの完…
View ArticleカンタンCSSでいろいろな上下中央ぞろえ
上下中央ぞろえはどんな時に使う？ ログイン画面など、ページな中で、強調したいものが一つ決まっている時。 いろいろな実装方法 共通のhtml <!DOCTYPE html> <html lang="…
View Article