http://kruz-graphix.com Web-Design & Developers Work Blog Mon, 28 Nov 2011 06:01:43 +0000 ja hourly 1 http://wordpress.org/?v=3.2.1 http://kruz-graphix.com/2011/10/new-high-quality-html5css3-themes/ http://kruz-graphix.com/2011/10/new-high-quality-html5css3-themes/#comments Sun, 23 Oct 2011 10:51:46 +0000 KRUZ http://kruz-graphix.com/?p=1413 HTML5とCSS3で書かれたテンプレートとテーマの紹介。2011年10月版]]> http://kruz-graphix.com/2011/10/new-high-quality-html5css3-themes/feed/ 0 http://kruz-graphix.com/2011/06/css3_focus_remove_safari/ http://kruz-graphix.com/2011/06/css3_focus_remove_safari/#comments Fri, 17 Jun 2011 04:19:05 +0000 KRUZ http://kruz-graphix.com/?p=1309 知ってる人は知っている。知らない人はちょっと幸せになるCSS3のテクニックを紹介。 CSSで:focusを使用してフォームを作ったとき、safariではちょっとマズいことが起こります。 safariには自動的にハイライト機能が働いて、青いボーダーが表示されます。 こんな感じで…ちょっと残念な感じですね。]]> http://kruz-graphix.com/2011/06/css3_focus_remove_safari/feed/ 0 http://kruz-graphix.com/2011/05/webfonts-demo/ http://kruz-graphix.com/2011/05/webfonts-demo/#comments Fri, 06 May 2011 05:11:29 +0000 KRUZ http://kruz-graphix.com/?p=1245 ユニークなフォントをWEBサイトに使いたい。WEBデザイナーさんならよくある事だと思います。 今までは、フォントサイトからダウンロードして、photoshopなどで画像化したものをWEBに上げていましたね。 これからはWEBフォントを利用するのが、一般的になるかもしれませんよ。 今回は、CSS初心者向けにWEBフォントを利用するためのデモ。 知ってる人は知っている、知らない人は知っててソンはないテクニックですw。]]> http://kruz-graphix.com/2011/05/webfonts-demo/feed/ 0 http://kruz-graphix.com/2010/11/photoshop-like-css-gradient-editor/ http://kruz-graphix.com/2010/11/photoshop-like-css-gradient-editor/#comments Fri, 26 Nov 2010 09:24:59 +0000 KRUZ http://kruz-graphix.com/?p=1039 これはマジで使える！Photoshopのようにグラデーションを作れるし、プリセットも秀逸。 タイムリーにプレビュー出来るので、視覚的にも分かりやすい。 できたグラデーションをCSS3のコードを取得して、自分のCSSファイルにコピーすればOK。]]> http://kruz-graphix.com/2010/11/photoshop-like-css-gradient-editor/feed/ 1 http://kruz-graphix.com/2010/10/how-to-create-css3-progress-bar/ http://kruz-graphix.com/2010/10/how-to-create-css3-progress-bar/#comments Wed, 27 Oct 2010 03:25:25 +0000 KRUZ http://kruz-graphix.com/?p=1002 すっかり定着した感があるCSS3ですが、もうちょっとつっこんでjQueryのライブラリを利用して、アニメートするプログレスバーを作る方法をcatswhocode.comより紹介します。]]> http://kruz-graphix.com/2010/10/how-to-create-css3-progress-bar/feed/ 2 http://kruz-graphix.com/2010/06/sencha-html-5-mobile-application-framework/ http://kruz-graphix.com/2010/06/sencha-html-5-mobile-application-framework/#comments Wed, 23 Jun 2010 08:56:17 +0000 KRUZ http://kruz-graphix.com/?p=952 http://kruz-graphix.com/2010/06/sencha-html-5-mobile-application-framework/feed/ 0 http://kruz-graphix.com/2010/06/css3_gradient_for_ie78_hack/ http://kruz-graphix.com/2010/06/css3_gradient_for_ie78_hack/#comments Wed, 23 Jun 2010 08:08:31 +0000 KRUZ http://kruz-graphix.com/?p=942 CSS3にはグラデーションというすばらしいプロパティがあるんですが、やっぱりIEはCSS3に対応していないのだな。 なので、CSS3のグラデーションをIE7や8にも適応させる為のIEハック。つぅか、IEってなに？頑なにCSS3を実装しない理由がわかんない。]]> http://kruz-graphix.com/2010/06/css3_gradient_for_ie78_hack/feed/ 0 http://kruz-graphix.com/2010/06/kick-ass-css3_for-ie_ie-css3_htc/ http://kruz-graphix.com/2010/06/kick-ass-css3_for-ie_ie-css3_htc/#comments Tue, 15 Jun 2010 05:08:19 +0000 KRUZ http://kruz-graphix.com/?p=937 IEでも角丸と影をCSS3で表現したい！しかも簡単に！という記事を書きましたが、もうちょっとだけ簡単にするスクリプトがdesign-developさんにありましたので紹介。 たった１行追加するだけでOKの超簡単スクリプト。 角丸やシャドーなんかの、比較的良く使いそうな要素に対応しているんで、案件でIE6対応必須の時でも安心して使えそうですね。]]> http://kruz-graphix.com/2010/06/kick-ass-css3_for-ie_ie-css3_htc/feed/ 0