リンクや更新一覧などでタイトルの右側に「＞」アイコンをつけることがよくあると思う。 imgファイルを配置してもいいのだけど、修正のたびに画像編集ソフトを立ち上げる必要がある。 テキストの「＞」を配置してもいいけど見た目はイマイチ…。あとシステム…

ブログ名をこっそり変えました。イイダリョウです。 「イイダリョウが書くブログ（仮）」→「クモのようにコツコツと」 Codepen Settingの旅、第3回です。 第1回は「HTMLテンプレートエンジン」、第2回は「AltCSS」でした。 今回はこれまたアルトいいねの「Al…

先日、久々にプールで潜ったけど中耳炎にならなかったのが嬉しい。イイダリョウです。 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