HTML/CSS

変数の巻き上げ (ホイスト)

www.tairax.com

Google Font (Font-Familyを自選)

digitalidentity.co.jp

font-familyは瑕疵担保責任も考え無難に。

ics.media 記事のおすすめ記述 body { font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; } (抜粋引用) コンセプトは「無難」 上記で紹介した組み合わせは最適解のひとつにすぎません。 ウェブのフ…

グラデーションCSS 簡単作成のお気に入りサイト

webgradients.com

FLOCSSとその中でメディアクエリの書き方

qiita.com www.tam-tam.co.jp

MinifyされたCSSを変換

lab.syncer.jp

buttonタグのCSSの簡単な生成ツール

webparts.cman.jp

font-familyの面白い記事

https://qiita.com/tsuka-rinorino/items/b30e03ce10aa38ac2a10

★Express/Node.js チュートリアル

code-ship-blog.wemotion.co.jp アニメAPI tech-blog.rakus.co.jp

Bootstrap.cssのテーブルを簡単に生成

qiita.com

【CSS】 セレクタチートシート

https://webliker.info/css-selector-cheat-sheet/

【Laravel 5.5】 UserAgentごとのCSS分岐

https://access-jp.co.jp/blogs/development/34

【アセット】 どの範囲までassetと呼ぶのか?

アセットは、ウェブ・ページで参照できるファイルを意味します。 CSS ファイルであったり、JavaScript ファイルであったり、画像やビデオのファイルであったりします。 アセットはウェブでアクセス可能なディレクトリに配置され、ウェブ・サーバによって直接…

【CI】 成功

2020.02.15 自動デプロイの実行 (git push production master) (注意) /public /storage などを.gitignoreに含めて、更新を消してしまわないように運用に配慮。 hotfixにpush [参考資料] https://qiita.com/zaburo/items/8886be1a733aaf581045 リポジトリ構…

【CSS】 部分的にボーダーを引きたい場合

border-right: solid 1px red; border-top: solid 1px red; border-bottom: solid 1px red;

【Laravel 5.1】 撮影画像JPEGのOrientation問題の切り分け

どの環境でなるのか? 【1】写真の種類 (撮影rawデータ) (exifデータ削除後) 【2】ハードウェア, OS, ブラウザの組み合わせ (PC) (mac) (Chrome) なぜ、モバイルAndroid(ブラウザ不明)とパソコンmac(Chrome)では、回転しているのか? Orientationに対するブ…

【Laravel 5.1】 PDF問題の切り分け

iframeの採択は適切か? 5種の実装法のうち、 jsを必要としないHTMLタグでの解決に 取り組んでみた。 iframe のCSSは適切か? iframeでPDFがhead, bodyと描画されるが、仕組みがわからない。 iframeをコンテナやラッパーで囲んでみよう。

【HTML】 PDF埋め込み (blade)

5種 https://aprico-media.com/posts/4051 きっかけ https://qiita.com/katzueno/items/c490361c3274d0108e7d UKmilk https://uxmilk.jp/41612

【CSS】 word-break

[手掛かり] https://hodalog.com/word-break/ [参考資料] http://www.htmq.com/css/word-break.shtml

【CSS】ベンダープレフィックスを少し意識

ベンダープレフィックスについて少し学ぼう。 [講じた処置] https://handywebdesign.net/2017/10/iphone-ios-input-css/ [参考になるまとめ] https://ysklog.net/html_css/5492.html 「ベンダープレフィックス」とは、主に、CSS3で採用予定(草案段階)の機…

【HTMLのhead要素】自分用テンプレート

[参考資料] https://wemo.tech/79 今回のメインはここです。 個人的に色々調べてみて、 必要だと思ったものをまとめておきます。 先にざっと箇条書きにしてみます。 エンコードの指定 IEで常に標準モードで表示させる設定 iOSのSafariで電話番号の自動リンク…

【CSS】CSS設計を取り入れよう

【1】各種設計のメリット/デメリット [参考資料] <メリット・デメリット> https://qiita.com/nezurika/items/a964e21d3596b0ee4c9a 構造と見た目を分離することにより、パーツの使い回しがしやすい (例:btnとbtn-submitを組み合わせて投稿ボタン作ると…