@thorikiriのてょりっき

@thorikiriがWebとかAndroidとかの技術ネタや本を読んだブログです

css3

LESSを試してみる

CSSでデザインを調整しながら開発していると、ちょっと色やサイズの修正で色々と修正しなければならないので不便で、億劫になって、まいっかって思ってしまいますよね。 LESSでは変数定義やミックスインを定義することができます。また、CSSでは、フラットな…

【第4回】HTML5+CSS3+JS勉強会 #techbuzz に行って来ました

(満員御礼)【第4回】HTML5+CSS3+JS勉強会 / 「Createjsで簡単なゲームを作ってみる」 / 「ローカルストレージで表示速度を改善しよう! / 39歳で開発者になった僕 -開発者純情物語- →次回第5回はこちら( http://atnd.org/events/30569 ) : ATND 早くに追…

CSS3でガンクラブ・チェック柄のジェネレータを作ってみた

千鳥格子、シェパード・チェック、バーバリー・チェックは以前作りました。 特にやることがなかったので、これに追加して、ガンクラブ・チェックを追加してみました。ガンクラブ・チェック ジェネレータはこちら → CSS3 Sample - HORIHAVALABOその他、気が向…

CSS3で色々な柄のジェネレータを作ってみた #css3

http://www.horihavalabo.jp/cssgen/#others ひと通り基本的なのが作れたかなと思うので、応用編として作ってみました。千鳥格子 シェパード・チェック バーバリー・チェック その他、気が向いたら作ってみます。 ご意見ご要望あればどうぞ。

CSS3で千鳥格子を作る

CSS3で千鳥格子を作ってみました。ChromeとFireFoxで確認しました。手元にあるIE9では表示されませんでした。 結構頑張ったつもりです。 <html> <head> <meta charset="utf-8"> <title>千鳥格子</title> <style> div#canvas { width: 600px; height: 600px; background-color: #ffffff; -webkit-background-size: 30p</meta></head></html>…

CSS3でチェック柄にさせるジェネレータみたいなの作ってみた

CSS3 Sample - HORIHAVALABO ちょっと時間が空きましたけどCSS3でグラデーション、縞模様に引き続きチェック柄のサンプルを出力するようなジェネレータを作ってみました。 縦横のチェック柄と斜めのチェック柄になります。 次は、格子に挑戦します。目指せ千…

CSS3で縞模様にさせるジェネレータみたいなの作ってみた

CSS3 Sample - HORIHAVALABO 昨日のグラデーションに引き続いてストライプ柄を作るようなCSS3のサンプルを出力するようなジェネレータを作ってみました。 横縞、縦縞、斜めとあります。色と幅とかを入力するとそんな感じになりますよ。 ちょっと斜めなのがイ…

CSS3でグラデーションさせるジェネレータみたいなの作ってみた

CSS3 Sample - HORIHAVALABO CSS3勉強したいなと思いつつも、見てるだけじゃ覚えられないんですよね。それで、実際にググってみて作ってみて確かに思った通りに表示されるのですが、それっきり忘れてまた必要な時にググって・・・って無限ループ。 なので、…

Ajaxでロードしてる時のクルクルのあれをやってみた。

Ajax Style Loading Animation in CSS3 ( no Images ) - nikesh.me と言うものがあって、使ってみました。他にもCSS Load.net - Loading CSS spinners and bars generator for AJAX & JQueryここでスタイルとか設定出来たりするみたいですね。すばらしい。 …