最近はレスポンシブコーディングも多くなり、コーディングする度にデザインに合わせて
毎度ちまちまコードを書いていくのも面倒なので、コピペして使えるパーツを載せていこうと思います。
bootstrapなど便利なフレームワークも沢山ありますが、100％使用するとカスタマイズが面倒なので、
その辺は、使えそうな部分のみ抜粋して組み込んであります。
まずは、よく使うボタン。
レスポンシブのブレイクポイントは、Bootstrap のグリッドシステムに倣っています。
0 ～ [xs] ～ 768 ～ [sm] ～ 992 ～ [md] ～ 1200 ～ [lg]
inlineボタン（.button）
画面幅768px 以下でブロックボタン（.xs-block）
画面幅992px 以下でブロックボタン（.sm-block）
画面幅1200px 以下でブロックボタン（.md-block）
画面幅1200px 以上でブロックボタン（.lg-block）
こんにちは、デザイナーのカジです。
烏丸御池に引っ越して１ヶ月が経ちました。
「パスタが食べたい！」たまたまビルの向かいのイタリアンの
お店があったので同僚のＹさんと行きました。写真はＹさんが食べた女子らしいサラダランチ。
こういう緑の彩りって素適ですよね（でもたべたのはパスタです）
さて、
今年からブログの内容を盛り上げていきましょう！
ということなのでデザイナーらしくwebデザイン関連の話題を書いていきます。
通勤や寝る前のスキマ時間に「photoshopテクニックやらSassやら勉強・・・」な～んて思ってはいるのですが、参考書はなかなか重くて進まないです。
ですから通勤時間とかにスマホでwebデザインの豆知識といいますかお役立ちブログを読むだけでも少し賢くなった気がするのです。
あ、歩きスマホはだめですよ。歩くときは目をつむる。（あぶないですね笑）
っと話は逸れましたが、それでは
「webデザインの制作に役立つブログ」を私選ですがご紹介します。
Web Design Magazine
http://webdesignmagazine.net/
フリーランスのWEBデザイナーさんが、デザインやWeb制作に関する情報やインテリアやファッションなどの身の回りのデザインその時に興味のある事を発信しているブログ。
web以外のデザインも紹介されていています。
KoToRi Blog【コトリブログ】
http://kotori-blog.com/
WordpressやMovableType等のCMSのカスタマイズに関する事や、HTML,FLASH,プログラミング,サーバー関係まで。
パンダがうじょうじょ。
コリス
http://coliss.com/
CSS3やJavascript、フォントなど、Web制作に関する様々な最新記事を発信しているブログ。
CSS3やJavaScriptのことを調べるとたいていひっかってきますよね。
デザイン素材の話題も豊富です。
株式会社LIG [リグ]
http://liginc.co.jp/
社長を砂浜で埋める事で有名な株式会社LIGさんですね。
どーでもいい記事も多いですが、すごく役に立つ記事も豊富なので見ちゃいます。
驚異のPV数です。
![株式会社LIG [リグ]](https://www.sunatmark.co.jp/blog/staff/wp-content/uploads/2016/03/4.png)
その他webデザイン関連
（めんどうだから・・・というわけではないです。ブログ以外も）
http://weboook.blog22.fc2.com/
http://memo.goodpatch.co/
http://www.nxworld.net/
http://www.webcreatorbox.com/
http://ohako-inc.jp/uiux-japan/
http://muuuuu.org/
↑ムーオルグっていうんですね。知ってました？
以上です。次にお会いできるのは夏頃でしょうか。
次回をお楽しみに！
サマソニにいきたいけどお友だちがいないカジでした。