HTML+CSS

JavaScript

ブラウザ・デベロッパーツール使用法のまとめ[Chrome/Safari/Edge/Firefox]

各ブラウザ(Chrome, Safari, Edge, Firefox)のデベロッパーツールに関する有益そうなサイトのまとめ記事。ReactとVue.jsについても。
HTML+CSS

target=”_blank”は悪用の危険性があるので要対策

web.devで以下の記事を見つけました。ちなみに、web.devはGoogleが運営するサービスで、サイトの分析を計測したり、他にもwebに関する有益な情報を発信しています。この記事を要約すると、target="_blank"属性はパフォ...
HTML+CSS

【HTML】表のセル結合をExcel・無償ツールで簡単に作る方法

HTMLの表でセル結合をつくるのは結構面倒です。無償オーサリングツールのMicrosoft Expression Web 4を使った方法とExcelを使った方法を紹介します。
HTML+CSS

初心者でもAdobe XDでページの画面設計が素早くできた話

Webサイトのデザインカンプ作成ツールでAdobe XDは便利だったという話。初めての人向けにWebサイト作成の大まかな流れにも少し触れます。
HTML+CSS

CDNのリソースを使う時はSRIを利用したほうが良い

CDNのSRIは、リソース(CDN上のデータのこと)の改ざんを検証するためのものです。もし利用できるなら、利用したほうがセキュリティ上は安全でしょう。CDNとはCDN(ContentDeliveryNetwork)は、CSSやJavaScr...
HTML+CSS

【CSS】セレクタの基本的な記述方法まとめ

CSSの仕組みは大まかには理解していますが、基礎的な概念をきちんと整理していなかったので、メモもかねて記します。#はid属性を指すのに使い、.はclass属性を指すのに使う例えば、以下のようなHTMLがあるとします。<divclass="e...