CSS入門メモ
文字系文字の大きさpx: 縦のピクセルの大きさで指定、Webページのメインの文章は15px~18pxくらいにするのがいいらしいem: 現在のフォントサイズに対する倍率、現在の設定が10pxの時に2.0emを指定するとフォントサイズは20pxになるテキストの位置を指定する/* 真ん中によせ */text-align:center;/* 右側によせ */text-align:right;線で囲う/*...
View ArticleMAMPを使ったWordpressでのWEB制作方法④ 初心者向け
MAMPを使ったWordpressでのWEB制作方法④ 初心者向け前回の記事はこちら#MAMPを使ったWordpressでのWEB制作方法③...
View Article初心者によるプログラミング学習ログ 302日目
100日チャレンジの302日目twitterの100日チャレンジ#タグ、#100DaysOfCode実施中です。すでに100日超えましたが、継続。 100日チャレンジは、ぱぺまぺの中ではプログラミングに限らず継続学習のために使っています。 302日目は、おはようございます302日目...
View ArticleMAMPを使ったWordpressでのWEB制作方法⑤ 初心者向け
MAMPを使ったWordpressでのWEB制作方法⑤ 初心者向け前回の記事はこちらMAMPを使ったWordpressでのWEB制作方法④ 初心者向けCSSファイルの読み込みまず③の記事で作成したstyle.cssでメインのCSSファイルを読み込みますテーマ情報の下にコピペしましょう。以下のような感じです。...
View ArticleMAMPを使ったWordpressでのWEB制作方法6 初心者向け
MAMPを使ったWordpressでのWEB制作方法6 初心者向け前回の記事はこちらMAMPを使ったWordpressでのWEB制作方法5...
View Articleborder-collapseを理解して、テーブルセルにdivをぴったり重ねる
テーブルのセルにdivを重ねたい!こういう事って、よくありますよね。うむうむ。でもちょっとこんがらがっちゃう。そこでこの記事ではパターン別に計算方法を整理してみました。まずは復習からborder-collapseとbox-sizingについて確認していきます。border-collapseとはテーブルセルの配置の仕方を指定するものです。collapseの場合、borderの中心をwhidthやhei...
View ArticleMAMPを使ったWordpressでのWEB制作方法7 初心者向け
MAMPを使ったWordpressでのWEB制作方法7 初心者向けMAMPを使ったWordpressでのWEB制作方法6 初心者向け今回は固定ページの作成をします。固定ページとは事業内容や会社概要など頻繁に更新しないページに使用します。ここからはwordpressの管理画面も使用しますので...
View ArticleCSSのプロパティ記述順まとめ
CSSプロパティの記述順については、厳密に定義されたルールは存在しないが、視覚的な要素順で書いた方が整理しやすく、レビュー側にとってもわかりやすいということを学んだ。プロパティは無数に存在するため、正確性を保つのは難しいというデメリットはあるものの、ある程度のグルーピングは可能であると思う。【要素分解して考える(大→小)】 1. 要素を表示するのか、しないのか。(display etc...) 2....
View ArticleコピペCSSで簡単実装!スクロールエフェクト8選の解説
はじめに以前にスクロールエフェクトってどうやって作ってるのか気になって以下のサイトを見てみた。コピペCSSで簡単実装!アニメーションパララックス・スクロールエフェクト8選!スクロールに合わせて動く!【作り方】こちらのページではCodePenにアップされているデザインを紹介していて、そのコードをコピペで簡単に実装できると謳っているが、これに関する仕組みの解説はなかったので、この記事では仕組みを調べつい...
View Article"font-family: MS ゴシック"を葬る
追記:書き上げてから気づいたのですが、ほとんど同じ内容の記事が投稿されていました → MS Pゴシックを撲滅する! -...
View Article【jQuery】マウスが乗った時にメッセージを表示させる
学習用に作ったチャットアプリにて。写真左上のチャットグループの「編集ボタン」にアイコンを使用しており、ぱっと見、何のボタンか分かりづらい。今回は何をするアイコンか分かりやすくする方法をざくっとご紹介。【完成形】ホバー状態においては何のボタンなのか分かるようにする。1....
View Articlecss で独立してスクロールできる領域を作る
複数のペインに別れた画面でそれぞれのペインをバラバラにスクロールしたくなったので、そのときに試したことを記録しておく。overlap: scroll を使うまず、素朴には、 css の overlap...
View ArticleMAMPを使ったWordpressでのWEB制作方法8 初心者向け
MAMPを使ったWordpressでのWEB制作方法8 初心者向け前回の記事はこちら#MAMPを使ったWordpressでのWEB制作方法7 初心者向け今回は固定ページの中身を作っていきます。固定ページの中身作成固定ページはpage.phpのファイル内に作成します。まずはhtmlで作成してあるservice.htmlの中身をpage.phpにコピーします。...
View Article初心者によるプログラミング学習ログ 303日目
100日チャレンジの303日目twitterの100日チャレンジ#タグ、#100DaysOfCode実施中です。すでに100日超えましたが、継続。 100日チャレンジは、ぱぺまぺの中ではプログラミングに限らず継続学習のために使っています。 303日目は、おはようございます303日目...
View ArticleMAMPを使ったWordpressでのWEB制作方法9 初心者向け
MAMPを使ったWordpressでのWEB制作方法9 初心者向け今回から投稿ページの作成をしていきます。前回の記事はこちらMAMPを使ったWordpressでのWEB制作方法8...
View ArticleMAMPを使ったWordpressでのWEB制作方法10 初心者向け
MAMPを使ったWordpressでのWEB制作方法10 初心者向け前回の記事はこちらMAMPを使ったWordpressでのWEB制作方法9...
View ArticleMAMPを使ったWordpressでのWEB制作方法11 初心者向け
MAMPを使ったWordpressでのWEB制作方法11 初心者向け前回の記事はこちらMAMPを使ったWordpressでのWEB制作方法10...
View Article