!!!今日もコード書くよ!!!

#背景泡 R2.6.28

本当はこのsection内だけに泡を出現させたかったのだが 出来ずに(--;)色々Javascriptいじってベンキョしよっ

#バブル R2.6.20

#wave R2.6.16

このwaveスゴくいい感じ。
svgの定義と表示。。その都度調べないとすぐ忘れる。

#drop R2.6.16

動く水玉!可愛い♡

#jewelry R2.6.15

#lines-animation R2.6.13

animation{
animation-name,
animation-duration(アニメーション一回分の時間の長さ),
animation-timing-function(アニメーションのタイミング・進行割合),
animation-delay(アニメーションがいつ始まるか),
animation-iteration-count(アニメーションの繰り返し回数),
animation-direction(アニメーションを交互に反転再生させるかどうか)
}
ややこしやーだけど実装できてるのを見るとスゴく嬉しい!

#wordpress R2.6.10

昨日、wordpressでお初にwebページつくり始めて、今日も続きやってたら、
『内部サーバーエラーサーバーで内部エラーまたは設定ミスが発生し、リクエストを完了できませんでした。サーバー管理者(admin@mirinn.wp.xdomain.jp)に連絡して、このエラーが発生した時刻とこのエラーの直前に実行したアクションを通知してください。このエラーの詳細については、サーバーエラーログを参照してください。さらに、ErrorDocumentを使用してリクエストを処理しようとしたときに、403 Forbiddenエラーが発生しました。』
って表示されるようになって、作ってたwebページにアクセスできなくなった。悲しみー(;;)
webサーバーサイドの勉強もしてみよっと。

#アクセスカウンター R2.6.8

参考: http://www.rays-counter.com/

アクセスカウンター

#picture要素 R2.6.6

picture要素でレスポンシブデザインが出来ます。しかも、css不要!これは使える!!source要素が適用されない場合にimg要素が適用されます。画面を横幅767px以下にするとアマビエ(これ、アマビエだったの?!)の色が変わります。あれ、背景色つけたらアマビエの色変わらないじゃん。背景色無くしたら機能しました。

あまびえ

#load R2.6.3

初めて”SVG:Scalable Vector Graphics”を使ったので調べてみた。

JPEGやPNGのような画像(ビットマップデータ)ではなくイラストレーターで扱うベクターデータ。拡大しても画が綺麗。画像みたいにも扱えるがテキストエディタでも開くことができる。ほう、綺麗で便利なのね←大雑把

#スライドメニュー R2.6.1

#box-shadowを重ねがけ R2.5.31

飛び出すボタン

#details&summary R2.5.30

htmlだけでアコーディオンができるの?

 できちゃった!

#流行っているNeumorphism R2.5.29

#background-attachment: fixed; R2.5.28

色々サイトを調べていると、このような背景の固定がされているサイトがチラホラあったので実装してみました。出来ると何か嬉しい。

#background-clip R2.5.27

background-clip:padding-box;

background-clip:border-box;

background-clip:content-box;

background-clip:text;

#CSSで文字をアーチ状にする R2.5.25


さっそく、やってみた。

できた。
transform-origin: bottom center; で変形の原点を決定して
transform: rotate(-35deg); で一文字ずつ角度をつける感じです。
角度を微調整したい場合に使えそう!