今までsublime text3を使用してきたけど、 sublimeはutf8以外の文字コード周りのサポートがあまりないので VisualStudioCodeに乗り換えることにしました。 設定項目が多すぎて何を設定したか忘れそうなので備忘録代わりに投稿。 設定画面への入り方 VS CODE…

フルサイズのスクリーンショット F12でデベロッパーツールを出す Ctrl+Shift+P 入力窓にfullと入力 保存

はんなり明朝」と「こころ明朝」は漢字が使えないので注意。 よくみると気づくんだけど、以外に見落とす。 google fonts 「

See the Pen 斜め切り by tamanegi (@tamanegi_man) on CodePen.

文字コード変換 http://yasu.asuka.net/orkut/conv.html 記号をコピペすると、実態参照で返してくれるサイト shift-jisとかのサイトを作るときに便利 ブラウザ対応 https://caniuse.com/ 各ブラウザの対応状況を確認できる。 各デバイス確認 手持ちに実機が…

windowsのスクロールバーはvwの範囲に入っている windowで body{ width:100vw; } body{ width:100vw; } にすると横スクロールバーが出る（以下はみ出る）事がある。 殆どでる。 縦スクロールバーが出ないサイト以外で出る つまり殆どのサイトで100vwを設定す…

border-colorは設定しなければ、文字色が表示される。 ページ毎やsection毎にborderの色が異なる場合は、あえて書かない方が 編集性が良くなるかも .border{ border-top: solid 1px ; border-bottom: solid 1px ; color: red; }

webよく使わてるCMSとかECとかまとめ 改めて書いてみると、うろ覚えな情報が多すぎる。 今後のスキル習得用に。 CMS まぁwordpressですよね。だいたいなんでもできる。 かつての覇者MTさん、最近はめっきり聞かなくなった。 下の二つもチラホラ聞く。 wordpr…

スマートフォンや携帯電話の普及で、webサイトを印刷はすることが少なくなってきている。 なんだけど、稀に印刷までしっかり組んでほしいという要望があるので備忘録。 横幅をA4に無理やり納める方法 以下の様にscaleでページ全体を縮小してしまうのが有効 …

main画像なんかでよく使うやつ。 オシャレ系のサイトだと多い。 PCサイトならbackground-attachmentとbackground-size:coverで対応可能 スマホやタブレットでは画像がめちゃくちゃ大きくなってしまったりするのでこの方法は使えない。 その為よく使われるの…

ベーシック認証について IEとedgeは、httpのベーシック認証をはじく・・・かもしれない。 要検証 hoverやスクロールエフェクト 最近、hoverやスクロールエフェクトの問い合わせが多い気がする。 近いうちにまとめて記事を書こう・・・書きたいな。 トリッキ…

まだまだ必要なie11対策 ユーザーエージェントで振り分け bodyにclass付けるやつ 昔はよく、ifでつけてたやつだね var ua = window.navigator.userAgent; if( ua.match(/MSIE/) || ua.match(/Trident/) ) { var bodyElement = document.getElementsByTagName…

固定ヘッダーのデザインって多いですよね。 スマホサイトだと、７～8割が固定ヘッダーな気がする（当社比） PCサイトでも1カラムのサイトだと、最近は結構多い。 ただ、ページ内リンクが固定ヘッダの高さ分ずれちゃうのが玉に瑕。 前はJSでスクロール位置ず…

font周り 游ゴシックの、font-weightがwinのchromeだけ細い問題 font-faceでなんとか対応できたり、それがまたできなくなったりと去年あたり振り回されたけど、 現在（2018/4現在）は font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Goth…