VSCode(Visual Studio Code)でSASS/SCSSファイルをコンパイルする拡張機能「Easy Sass」が便利だったので紹介します。 この拡張機能「Easy.
同じWebページでもPCとスマホでデザインが違うのはもはや当たり前。今回は『HTML5&CSS3しっかり入門教室』より、マルチデバイス対応の手法であるレスポンシブ ...
Googleのデジタルワークショップのボーナスコンテンツとして「プログラミングの基礎」の動画が公開されています
4本の動画が用意されています。英語ですが日本語字幕が表示できます
コードの概要と仕組み(5分)
プログラミング言語について(6分)
暮らしの質を高めるコードの力(5分)
コーディング
CSSは、使用するフォントやパーツの色合いなどウェブページのスタイルを指定するファイルですが、そのCSSだけを用いてパスワードを盗み取るコードがGitHub上で公開されています。
手軽で自由度の高いCSS、しかし、それゆえにチーム開発や中~大規模プロジェクトで思わぬ「事件」が起きるのもCSSです。翔泳社が3月13日に刊行した『はじめてのCSS設計』の著者の一人、田辺丈士(アイ・エム・ジェイ)さんは「CSSのつまみ食い」が横行していると危惧。CSSをきちんと設計するための本書についてうかがいました。
CSSだけでやってくれるのでJavaScriptと相性が良いらしい
visibilityをhiddenにすると、そのタグは非表示になる。ただしそのタグがあったスペースはそのまま残る。(レイアウトは変わらない)displayをnoneにすると、そのタグ自体の存在が消えたようになる(そのタグがあったスペースは縮まって無くなる)。(レイアウトが変わる
eclipseベースのJavaScript,HTML,CSS開発環境
バックグラウンドイメージを一つにまとめるなどしてHTTPセッション数を減らす工夫などが詳しい
Web標準に準拠させるJavaScriptライブラリ
下記コードをhtmlのheadタグ内に記述すれば、IE5/IE6をWeb標準に対応させられます
HTML,JavaScript,CSSなどのリファレンス