先日、久々にプールで潜ったけど中耳炎にならなかったのが嬉しい。イイダリョウです。 CodePen Settingの旅。 前回はHTMLの記述量を減らす「テンプレートエンジン」を体験しました。 今回はCSSの記述量を減らす「AltCSS」を体験していきたいと思います。 ア…
HTMLをより少ない記述量で書くことができる「テンプレートエンジン」。Haml, Slim, Pagなどをよく見聞きしますね。 これらの形式をブラウザで表示するためにはHTMLにコンパイル(変換)する必要があります。その環境構築が第一難関です。 が!CodePenを使え…
突然ですががブログを引っ越しました。 今後はこちらで更新いたします。 よろしくお願いいたします。 http://idr-zz.hatenablog.com Tumblerはこのまま残して、もし他の用途があったら復活するかもしれません。
はてなブログで外部サイトやSNSが埋め込められるか検証してみたい。 ※ Qiitaで検証した記事と同じ内容になります。
Codepen埋め込むとどうなるか。
以前インスタにアップした家紋研究をまとめてみました。家紋というかシンメトリー図案の仕組み検証です。
デザトレ015 ランダムシームレスパターン 前回の方法では四隅に余白ラインができてしまう。シームレスにするにはどうするか。 予め決めた四角の中に要素を入れる際、線をはみ出した時点で反対側に複製する(四角の距離分)。角にかかる場合は四隅。 四角でト…
デザトレ014 自作パターン1 家紋研究の鳥再登場。 4つに複製して1つ分の四角をセンタリングしてトリミングするとシームレスなパターンになる。 パターン #pattern
デザトレ013 家紋研究その5 今回は72度5分割に絞って実験。 はじめガイドラインを作る。ガイド範囲内ならどんなに複雑な形でも成立する。しかしそれでは限定的…。 ためにし三日月を拡大してガイドからはみ出してみる。左は上側、右は下側にはみ出るが重なら…
<p>デザトレ012<br> 家紋研究その4 先ほどの鈍角であれば、曲線でも重ならないのでは、という実験。重ならなかった! 7本だけないなぁ、とか菊十六紋の16本がない!という理由から整数じゃない角度も追加。 また、本数が多すぎるとかけた労力に対して印象があまり変</p>…