WEB掻っ穿じり

WEB備忘録とチャリとカメラ


html

Gulp 4でテンプレートエンジンのPug(Jade)を使う

Gulpのタスクにテンプレートエンジンのpugを使えるようにします。

Pug

今更ですが、PugはもとはJadeという名称でHTMLのJavaScript Templatesの1つとされる。
Node.jsのフレームワーク Express ではhtmlビューはデフォルトでサポートされて...


【備忘録】Vue.jsをはじめる - その2 〜基礎編〜

jQuery依存から脱却しVue.jsをなんとかキャッチアプしたい、、基本の使い方に入ります。

Vue.js基礎

htmlをベースとしたテンプレート構文を採用している。
htmlに対して、 接頭辞 v- で始まるデ...


【備忘録】アニメーション系js(lib)のまとめ

アニメーション系JS 7種 + α

CSS Transition、WebGL、Canvas、SVG… jsで実装するアニメーションライブラリをさらっと見てみる。


紙媒体ライクなテキストコンテンツのレイアウト実装をスタイルで実装してみる

Webブラウザ上のテキストコンテンツのレイアウトでは、横書きや四角いブロック要素で考えることが長い間一般的とされていると思います。
そこで紙媒体のようなテキスト要素のレイアウトを、現段階で実装可能な機能を紹介します。
ブラウザによって制限がある機能を幾つか取り上げますが、環境によっては現実...


カラムレイアウト(段組み)で便利なスタイル

BootstrapFoundation等のCSSフレームワークでスタイルまかせてWeb開発するのは確かに楽なんですが、オリジナルスタイルを作成する場合、今時はデバイスごとの横幅に関しては(決まりごともありますが)ちょっと意識して考えないといけない事柄だと思います。

スクリーンがいくらワ...


Page 1 of 2