html OMG
※ ファイル選択ボタンの「選択されていません」を消したいとかhttps://into-the-program.com/customize-input-type-file/http://fanblogs.jp/to70/archive/262/0
View Articleカード会社のLPを作ってみよう！
ポートフォリオとして制作したカード会社のLPの制作過程をまとめました。尚、ポートフォリオとGitHubは下記でございます。ポートフォリオ「Roman...
View ArticleClik here to view.
【初心者でもわかる】1行と2行など行数が違うものを同じ高さにして横並びにする方法
どうも7noteです。行数が違っても高さを揃える方法について行数が違うけど横並びにするようなレイアウトってうまく作らないとブサイクになってしまいます。これを背景色やborderありでもきれいに並べる方法を紹介していきます。フレックスボックスを使うのですが、フレックスボックス特有の注意点もあるので最後まで読んでくださいね！・[ 失敗 ] display: inline-block;で並べた場合。・[...
View Articleゴルフレッスンの案内サイトを作ろう！
ポートフォリオとして制作したゴルフレッスンの案内サイトの制作過程をまとめました。尚、ポートフォリオとGitHubは下記でございます。ポートフォリオ「Golf...
View Article4/5日報_Qiita投稿#6
今日の活動Progate学習 フッターを作ろう！ ＞完コンテンツを作ろう！ ＞完お問い合わせフォームを作ろう！ ＞完HTML & CSS中級編...
View Articleゴルフスクールの予約システムを作ってみよう！
ポートフォリオとして制作したゴルフスクールの予約システムの制作過程をまとめました。尚、ポートフォリオとGitHubは下記でございます。ポートフォリオ「ゴルフスクールの予約システム」URLhttps://www.golfchamp-reservation.com/loginGitHubhttps://github.com/takayuki007/golfChamp-reservation1、要件概要導...
View Article4/6朝報_Qiita投稿#7
今日の予定ProgateHTML&CSS中級編 レイアウトを作ろうトップ部分を作ろうヘッダーを作ろうレッスン一覧部分を作ろうメッセージ部分を作ろうフッターを作ろうヘッダーを固定しよう
View ArticleClik here to view.
HTML ``...
HTML <option>タグの背景色backgroundを変更したのだけど、選択時の色がまったく変わらなくて、調べまくった結果、グラデーションの指定 linear-gradient()なら効くという「はぁ？」な事態に遭遇したのでメモるこんな感じ red...
View Articleカード案内サイト(jQuery)を作ってみよう！
ポートフォリオとして制作したカード案内サイトの制作過程をまとめました。 尚、ポートフォリオとGitHubは下記でございます。 ポートフォリオ「カード案内サイト(jQuery)」URL https://takayuki007.github.io/cardGuide-jQuery-/index.html GitHub...
View Articleカード案内サイト(JavaScript)を作ってみよう！
ポートフォリオとして制作したカード案内サイトの制作過程をまとめました。 ポートフォリオとGitHubは下記でございます。 ポートフォリオ「カード案内サイト(JavaScript)」URL https://takayuki007.github.io/cardGuid-JavaScript-/index.html GitHub...
View ArticleElementとは？？
今回は、JSでの要素の取得と書き換えについて学習していきます。 getElement index.html <p id="choice">日時を表示します</p> <script> 'use strict'; document.getElementById('choice').textContent = new Date(); </script>...
View Articleカード案内サイト(Vue)を作ってみよう！
ポートフォリオとして制作したカード案内サイトの制作過程をまとめました。 ポートフォリオとGitHubは下記でございます。 ポートフォリオ「カード案内サイト(Vue)」URL https://takayuki007.github.io/card-guide/ GitHub https://github.com/takayuki007/card-guide 1、要件概要 導入...
View Articleページトップへ戻るボタンの作成
①hederの中に下記を記載する <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.4/css/all.css"> ②bodyの中に下記を記載する <div id="page_top"><a href="#"></a></div>...
View Article【CSS】display:flexでmax-widthが効かない時の対処法。flex-basisの活用
フレックスコンテナの中の子要素にmax-widthを適用しても効かず、幅が最少になってしまう時の対処法。 flexコンテナとmax-width flexコンテナの中の要素（子要素や孫要素など）にmax-widthを適用することはできない。 自動で最少の幅となってしまう。widthを指定することはできる。 また、対象要素が孫要素の場合もmax-widthが適用されない。 適用できない事例...
View Article【CSS】画面幅で要素を出し分ける方法。メディアクエリとdisplayの活用
画面幅によって要素を出し分ける方法はcssだけで簡単に実現できる。 displayプロパティとメディアクエリを使う。表示したくない時はdispaly:noneとし、表示したい画面幅の時にdispaly:blockとすればOK。 例１：画面幅375px以下で改行する 376px以上の時は1行で表示して、375px以下になった時に、<br>タグで改行する処理。 <br...
View ArticlejQueryを使用したハンバーガーメニューの作り方
HTMLにボタンを追加 まずは、HTMLにハンバーガーボタンのパーツとなる要素を書いていきます。 <div class="burger-btn"> <span class="bar bar_top"></span> <span class="bar bar_mid"></span> <span class="bar...
View ArticlePHPで時間帯を制御し背景色等を切り替えるCSS外部ファイルを作成する方法
雑記 Web開発の現場では一部を除きフロントエンドとサーバサイドを中心に分業化されているケースが殆どである．とはいえ双方の業務において共通認識として，知っておかなければならない事も多々あるのも現状である．筆者の場合どちらかというと装飾・デザイン面にはほぼ興味がなく，サーバサイド処理等の技術的な内容に関心が偏りがちである．...
View Article【初心者向け】jQueryで擬似的なローディングアニメーションを作る方法
はじめに 今回は僕が以前ウェブサイトを作る際にちょっとかっこいいローディング画面があったらなと思って作ったローディングアニメーションの作り方を解説します。 作り方 HTML まずはHTMLを用意します。 index.html <div class="loading-main"> <p>Now Loading...</p> <div...
View Article4/6日報_Qiita投稿#8
今日の活動 HTML&CSS中級編 レイアウトを作ろう ＞完 トップ部分を作ろう ＞完 ヘッダーを作ろう ＞完 レッスン一覧部分を作ろう ＞完 メッセージ部分を作ろう ＞未 フッターを作ろう ＞未 ヘッダーを固定しよう ＞未 所感 easyミスで進めなくなることが多すぎる。...
View Article