potato tips

manaka design

ウェブデザイン備忘録

サイト制作・デザインに役に立つコツ、豆知識、小技など学んだ事を忘れないように記録しています。せっかく覚えた事でも使うチャンスがないと忘れてしまいます。忘れないように記録しておけばいつか役に立つかもしれない。.....が、とっておいたクッキー缶のようにいつになっても使うチャンスが来ないという事もある。

ということで、ポテトチップスをポリポリ食べながら書いています。(のりしおが好きです)

2015

  1. HTML5属性とCSSで要素内容の直接編集を可能に
  2. cssでマスク・アニメーション

2014

  1. css animationで要素のwidthを%指定
  2. SVG LINE アニメーション・応用編
  3. SVG LINE アニメーション・基礎編
  4. 日本語のWEBフォントを自作(限られた文字だけ)
  5. CSS 疑似要素リストマーク
  6. jQueryでレスポンシヴ|画面いっぱいスライダー
  7. モダナイザーとは?
  8. cssで背景画像を固定。
  9. jQueryで位置(高さ)を取得して、任意の高さに来たらcssを切り替えてアニメーションさせる。

2013まで

  1. css3でhover effect
  2. css3でhover effect
  3. css3でmacのスクリーンセーバー風なものを作ってみた。
  4. cssでドロワーメニュー(jQuery versionもあるよ!)
  5. cssで3D BOXを作る。さらにhoverで回転。
  6. jQuery ショッピングサイト等でみかけるスライドパネル
  7. css3 ショッピングサイト等でみかけるスライドパネル
  8. css3 フワッとメニューでツールチップを出す方法
  9. cssでGifアニメの様なパラパラアニメ(複数画像で実装)
  10. cssでhoverした時に疑似要素で文字や画像を出現させる
  11. css3(calc,box-sizing)で簡単横並びレスポンシヴデザインtime>2013-07-01
  12. cssでpackman
  13. cssでパラパラアニメ
  14. cssで画面いっぱいにアニメーション
  15. javascript Tiny Slide show
  16. PHPでサイトの共通部品を1つのファイルにまとめる
  17. google map 見た目のカスタマイズ
  18. 風神雷神のリキッドデザイン
page top↑

copyright © Manakaa.com all rights reserved.