プログラミング

HTML

【HTML】formからデータを取得(画面遷移なし)

formからJavaScriptでデータを取得するときに、画面遷移をさせない方法を紹介します。
CSS

[CSS] しずくの形(雨粒の形)

こんにちは、素人エンジニアです。cssだけで、しずくの形を作りました。コピペで使ってください。
CSS

【CSS】ラジオボタンを非表示!(チェックボックスも)

こんにちは、素人エンジニアです。わたしは最近、おしゃれなラジオボタンを作ったりしています。CSSで枠線をつけたり、背景を変えたりするのですが、どうしても気になる存在があります。input { width: 20px; height: 20p...
HTML

【HTML】labelでクリック範囲を広げる方法

こんにちは、素人エンジニアです。「ラジオボタンがクリックしにくい!!」そんなあなたに、テキスト部分をクリックできるラジオボタンの作り方とサンプルを紹介しましょう。labelタグを使うと、ラジオボタンのテキスト部分をクリックしたら選択できるよ...
CSS

【CSS】色が変わるラジオボタン作りました

こんにちは、素人エンジニアです。CSSで、ラジオボタンのチェックが入ると色が変わるようなデザインを作りました。少しtransformとtransitionを使って、動きも加えています。↓↓↓↓ぜひクリックしてください↓↓↓↓ See the...
CSS

【CSS】flexboxでヘッダーのメニューを横並びに

こんにちは、素人エンジニアです。ホームページのヘッダーを作った時、メニューの位置を横並びにしたいですよね。marginやpaddingを調整するのは大変だなぁと思っていたら、簡単に横並びにする方法を見つけましたので紹介します。メニューを横並...
CSS

【CSS】transform: rotate()で要素を回転

こんにちは、素人エンジニアです。唐突に、HTMLの要素を回転させたくなることがあると思います。わたしも、なんだか無性にくるくるしたくなりました。そんな時はtransform: rotate()を使うと簡単にくるくるできるようです。trans...
HTML

【HTML】いろいろなテキストの装飾

こんにちは、素人エンジニアです。自分の学習の記録として、HTMLについてブログ投稿しています。今回は、HTMLタグで表現できるいろいろなテキストについてまとめてみました。見出し <h1>~<h6> See the Pen Hello Wor...
HTML

【HTML】ブラウザに表示させる簡単な方法

みなさんは、Webページの作り方って知っていますか?今回は、Webページ作成の第一歩を一緒に踏み出していきましょう!