Clik here to view.
CSSセレクタ詳細度の理解を深める
社内勉強会のメモCSSセレクタの詳細度とは仕様https://www.w3.org/TR/selectors-3/#specificity仕様にもある通り、「詳細度」というのはselector's...
View ArticleClik here to view.
HTML とと
サイト模写中は「divとspanはpは項目とかをまとめられる役割なんだなあー」とざっくりにしか理解していなかったので、少しずつきちんとわかった事をまとめていこうと思います。＜div＞タグdivision（分割・段）の略で、＜div＞～＜/div＞で囲った部分をブロック要素としてグループ化する。前後に改行が入る。＜div＞タグ自身は特に意味を持たない。＜span＞タグ短時間・全範囲の意味。＜span＞...
View Article【初心者】SSIエラーが出たけど実はそうじゃなかった件
はじめに1つ1つ案件をやっていくうちに、予期せぬエラーにも出くわすようになりました（汗）その中でも、なるほどなーって思ったことがあったので備忘録まで。SSI（Server Side Include）Server Side Includes はWebサーバの機能の1つです。...
View ArticleClik here to view.
コンテンツ量の違うボックスの下辺が揃わない問題について
下の画像みたいな感じになった時の対処法解決策flexboxを使うheightで高さ指定するflexboxに関する参考サイトもう迷わない！CSS...
View Article初心者によるプログラミング学習ログ 153日目
100日チャレンジの153日目twitterの100日チャレンジ#タグ、#100DaysOfCode実施中です。すでに100日超えましたが、継続。100日チャレンジは、ぱぺまぺの中ではプログラミングに限らず継続学習のために使っています。153日目は、おはようございます153日目メンターさんのwebサイトコーディング課題#100DaysOfCode#早起きチャレンジ#駆け出しエンジニアと繋がりたい—...
View ArticleClik here to view.
年末まで毎日webサイトを作り続ける大学生 〜20日目 CSSの5つのpositionとfloatを勉強する〜
はじめにこんにちは！最近週末は温泉に通っている@70days_jsです！...
View ArticleClik here to view.
画像添付中はボタンの色が変わるjQuery input[type=file]
すること画像添付中の画像添付ボタンのスタイルを変える方法です。使うものjquerycss(scss)処理の流れ1.添付中は特定のclassを付与 2.上記で付与されたclassのstyleがついて色が変わる３.送信したら特定のclassを削除４.classが削除されたことによってstyleも削除されて色が元に戻る書くコードnantoka.js//...
View Article【低意識】開発中cssとかjsとか読みなおすのめんどくさーーい
なにもかもがめんどくさいPCのChromeとかはさ、開発者ツールだしたうえで更新ボタン左クリックで長押し→「キャッシュのクリアとハード再読み込み」でまあなんとかなる（でもそれすらもめんどい）あとは特にスマホでキャッシュクリアすんのがめんどくさい（結構時間かかる）王道Pragmaheader("Pragma:...
View Articleプログラムに書くコメント各種
java// 一行だけがコメント/* この間の文字は すべてコメント*/html<!-- この間の文字がコメント--><!-- この間の文字が すべてコメント--> // コメントにはならない /* コメントにはならない*/ CSS/* この間の文字がコメント */
View Articlepadding（パディング）の書き方-CSS
paddingの書き方指定したい値が方向ごとに異なる場合、個別で指定する方法もありますが、まとめて書くことも可能。値を4つ、スペース区切りで指定した場合、「上」「右」「下」「左」の順で適用され値を2つ指定した場合、「上下」「左右」の順に適用されますsample.sample1{padding:20px10px20px10px;/* 上(top) 右(right) 下(bottom) 左(left)...
View ArticleSassについての学習
SassとはSassとはCSSの機能を拡張した言語である。Sassを利用することで、CSSを効率的にかけるようになる。SassはCSSに非常に似ているが異なる言語である。CSSを簡潔にかけるだけではなく、CSSの中で編集を使ったり、計算を行うことができたりする。SassファイルSassは通常のCSSファイルには記述することができない。反対にSassファイルにCSSを記述することはできる。Sassを扱...
View Articleクリックした場所に要素を移動させる！(timeclock DAY1)
今回はjavascriptを用いて要素をクリックした場所に移動させるというのをやっていきます。初心者が自分で考えて作ったものなので多分最適化したら3行ぐらいで終わるかもしれません…自身がない方に採用してほしい…(...
View ArticleClik here to view.
年末まで毎日webサイトを作り続ける大学生 〜21日目 段組みレイアウトでタロットカードを配置してみた〜
はじめにこんにちは！最近週末は温泉に通っている@70days_jsです！...
View ArticleClik here to view.
[Catalina] 英語と日本語を混ぜた要素の高さが合わない（フォントのバグ）(Chrome)
現象日本語と英語表記にしたdiv要素をdisplay:inline-blockで横一列に並べると、以下のように英語が入っている要素のみdivが小さくなっている。対象読者codepenの表示が上のようにHelloのみ小さく表示されている人 See the Pen catalina_font_bug by Toshi (@Toshi1) on CodePen....
View Article移動距離と移動時間を比例させる！(timeclock DAY2))
移動距離と移動時間昨日説明したクリックした場所に要素を移動させる[https://qiita.com/toga364/items/bbbdcad49258a5f3540f]のつづきとして紹介していく…初心者が初心者のために作ったものなので無駄に長くてまとまってないかも…あんま参考にしないでね！どういうこと？？タイトルだけじゃよくわからないと思うので、どんな機能をつけるかまとめる 1.要素を移動させる...
View ArticleClik here to view.
さまざまな動きをするjQueryスライダーを作ってみた
jQueryの勉強のために昔作ったスライダーです。そのころはまだレスポンシブとかあまりなかったので、デスクトップ表示しかありません。スライドのパターンよく使う配布されているスライダーを見ると画像の動き方が何種類かあるので、今回は6種類作ってみました。デモデモHTML<divid="slide01"><ul><li><ahref="#"><imgs...
View ArticleClik here to view.
はてなブログのカスタマイズ（brooklyn）自分がやってきたことのまとめ(MarkDownで記事を書く人向け)
はてなブログのカスタマイズ自分が今まではてなブログに行ってきたカスタマイズについてひと段落したのでここに貼ります。自分がMarkdownモードユーザーなのでMarkdownで記事をかきhtmlなどの編集を行わなくてもそれなりの記事になるよう変更しています。完成する記事概要以下、私のブログです。だいたいこんな感じになります。https://mahimahironron.hateblo.jp/entry...
View ArticleClik here to view.
年末まで毎日webサイトを作り続ける大学生 〜22日目 3column layoutでサイトを作る〜
はじめにこんにちは！最近週末は温泉に通っている@70days_jsです！...
View Article