html

HTML/CSS

Tailwind CSSをベースとしたおすすめダッシュボードテンプレート3選

TailwindCSSはユーティリティファーストをコンセプトに設計されているCSSのフレームワークとなります。コンポーネントの代わりにユーティリティクラスを利用するため作成したデザインをカスタマイズするのに優れています。今回はこのTailw...
HTML/CSS

[Webデザイン] HTML/CSS/Javascriptで作成するおしゃれなタイムラインデザイン5選

会社の沿革やポートフォリオの作成過程やフローなど、タイムラインを利用する用途は多々あるかと思います。今回は、おしゃれなタイムラインデザインについて紹介したいと思います。おしゃれなタイムラインデザイン5選VerticalTimeline中心に...
HTML/CSS

HTMLやCSS、javascriptを利用してtextareaをカスタマイズする方法(罫線や箇条書き)

問い合わせフォームなどでtextareaは必須レベルで利用します。このtextareaですが、実は罫線や箇条書きができるようにカスタマイズすることが可能です。本投稿では、textareaに対して、下記のカスタマイズ方法について紹介したいと思...
デザイン

[UIデザイン] HTML/CSS/Javascriptで作成するおしゃれなパスワード入力フォーム5選

今回は、HTMLやCSS、Javascriptで作成するおしゃれなパスワード入力フォーム(input要素)を紹介します。パスワード入力は、アカウント作成を行うWebサービスでは欠かせないアイテムとなっています。この要素をおしゃれに見せること...
HTML/CSS

WordPressやWebサイトに設置するおすすめのSNSボタン(ソーシャルボタン)5選

Wordpressや自身のWebサイトなどでSNSのシェアボタン、ソーシャルボタンの設置は今の時代ほぼ必須となっています。本当投稿では、Webサイトのレイアウトデザインに合わせて、おしゃれなソーシャルボタンを紹介します。ソーシャルボタンを設...
HTML/CSS

[javascript] checkboxにチェックがされたかどうか判定する方法まとめ

checkboxは「オン」「オフ」の二つの値を切り替えるHTML要素となります。チェックボックスはinput要素のtype属性に対して「checkbox」を指定することで利用す流ことができます。今回はこのcheckboxに対してチェックされ...
HTML/CSS

新しいウィンドウ(新しいタブ)でform送信先を開く方法

はじめにinputタグのsubmitで送信したあとに新しいタブで開く方法の備忘録です。jQueryを利用した方法から、HTMLタグのみで行う方法など色々ありますが、状況によっては機能しないものもあります。自身の環境にあった方法がここでは見つ...