【CSS】CSS Togglesを使えば、Check BoxでON/OFFを表現しなくてもよくなくなるらしい
概要 みなさんは、HTMLとCSSでON/OFFを表現する際、どのように実装しているでしょうか？ 多くの方は、HTMLで<input type=checkbox>とCSSの擬似クラス:checkedを使って…
View ArticleBootstrapとは？
bootstrapについて学んだこと bootstrapとは HTML／CSS／JavaScriptから 構成される最も有名なWEBフレームワーク フレームワークとは 概念的な意味で、何かの枠組み…
View Article生JavaScriptのみでなんちゃってスライドショーを作ってみた
GWも変わらず勉強続けるのみ。 最近は暖かいのか寒いのかよくわからない季節ですね。 今回はSwiperやKeen-Sliderなどプラグインを使わず気合いでVanillaJsでスライドショーを作ると…
View Article💰お前らのゴールデンウィークはゴールドじゃない💰
ゴールデンウィークがゴールドじゃないのでちゃんとゴールデンウィークにする話です。 ということで、今年もGWアドベントカレンダーが立ち上がっていましたね。何の役にも立たないプロトタイプのアドベントカレ…
View Article100日後くらいに個人開発するぞ！day014
今日はフッターを作ってヘッダーを固定した！ HTML＆CSS学習レッスン中級編を修了！ 今日の学び 要素を固定する方法 position: fixed;を用いると常に要素を画面上の指定した位置に固…
View Article100日後くらいに個人開発するぞ！day016
今日はHTMLとCSSの環境構築をしてみた！ 参照：https://prog-8.com/docs/html-env エディタ「Visual Studio Code（VSCode）」をダウンロード フォルダを作成しHTMLとCSSを記…
View Articleユーザーごとの学習時間の合計
はじめに この記事は筆者がスタディープラスのトレースをする際に、ユーザーの学習時間のランキングを表示するために書いたコードの備忘録になります。 実装 deviseの導入と基本となる投稿機能(記事内…
View ArticlejQueryを少しだけ使って「簡単に画面を切り替える」
はじめに 今回は、他のページに遷移するわけではなく、１ページの中で画面が切り替わったように見せる方法です! jQueryのhide()とshow()を使います! 短いコードでできるので使ってみてく…
View Article100日後くらいに個人開発するぞ！day017
今日はHTML＆CSS初級編を復習してみた！ 今日の備忘録 テキストにリンクをつける方法 <a>タグを用いることでテキストにリンクをつけることができる 定型文：<a ref="URL">アンカーテ…
View Article【JS無し】Spearly CMSで、完全な静的サイトに画像ギャラリーを導入してみた
HTMLとCSSだけで作られたサイトに動的コンテンツを追加したい LPや、企業サイトなどで、今は全て静的なコンテンツだけど、後からお知らせや、ギャラリーなどの動的なコンテンツを追加したくなること、…
View ArticleGoogleフォームをカスタマイズする - フォームに管理用のパラメータを自動挿入する
Googleフォームは超有能 「Googleフォーム」は、チェックボックスは普通に必須にできるし、最近は項目に画像の追加もできるので、使い勝手としては悪くない。むしろ十分。めちゃくちゃ有能。 しか…
View ArticleReactで同時に、一緒にスクロールをしたい。
結論 const Tables = () => { const rightEl = useRef() const leftEl = useRef() const handleScroll = (i…
View Article100日後くらいに個人開発するぞ！day018
今日もHTML＆CSS初級編を復習してみた！ 今日の備忘録 HTMLの全体構造 HTMLファイルには決められた型を書いていく必要がある <html>要素の中に<head>要素と<body>要素が必…
View Articlewidthやheightのアニメーション化は最悪の行為
widthやheightをアニメーション化してはいけない width,heightのアニメーションについて、以下のように記述しているサイトがありました。 Web上でアニメーション化する最初のルール…
View ArticleWordpress管理画面が真っ白に…
WordpressでHPやLPを制作し、本番環境にアップロードしたけど、いざ管理画面に入ると画面が真っ白に... なんで！？と思って原因を探ると、「functions.php」に諸悪の根源がありまし…
View ArticleFlaskについてまとめ6 静的ファイル（HTML,XHTML,JavaScript,CSS）を利用する
過去の記事はこちらです https://qiita.com/TaichiEndoh/items/ca306560b928eddfc222 https://qiita.com/TaichiEndoh/…
View Article【CSS】CSSの擬似クラス :toggle()を使ってToggle Switchを作る
概要 みなさんは、CSS Toggles:toggle()という擬似クラスをご存知でしょうか？ 実は、2022年4月28日に Tab Atkins Jr. (Google)とMiriam E. S…
View Article100日後くらいに個人開発するぞ！day019
今日もHTML＆CSS初級編を復習してみた！ 今日の備忘録 リストの先頭のマークを消す方法 （CSS）リスト要素はlist-styleプロパティを用いてnoneを指定することで先頭のマークを消す …
View Article4K対応HPの制作 part2
こちらの続きとなります。 https://qiita.com/nanakochi123456/items/2a200c2f46e5608740bb あまり4Kと関係ないこともかいていますが・・・ W…
View Article