ツイート
シェア
LINEで送る
B! はてぶでブックマーク
Pocketでブックマーク
RSSフィード

CSS

HTML&CSS,【旧】レスポンシブ対応の基本フォーマットを作成した

html5 css3 image

HTMLとCSSだけでレスポンシブに対応するWebページの基本フォーマットを作成しました。

  • 1カラム
  • 2カラム(左メニュー、右メニュー)
  • 3カラム(両端メニュー)

の4パターンを用意。

cssクラスを1か所変えるだけでパターン変更ができて、スマホになるとサイドメニューが下の方に表示されるようにしています。

続きを読む

PythonでCSS, JavaScript, HTMLの圧縮ツールを作る

python image

Pythonのcss_html_js_minifyパッケージを使うと、簡単にCSS、JavaScript、HTMLの圧縮ツールが作成できます。

サンプルコードを使って作成してみましょう。

(本来、自分で作るもんじゃありません。こうやってPythonは作っていきますよという一例です。)

続きを読む