CSS｜WEB制作・WEB開発のTips＆News Kamimoto.biz Labs

2010年4月25日

HTML5とともに今後のWeb技術を支えるCSS3。

cssだけで角丸ができたりとかなりデザイナー的に助かる仕様ですね。

そんな中、tipsも増えてきてますね。

CSS3で作る素晴らしいボタン・メニュー集「12 Excellent CSS3 Button and Menu Techniques」

ボタン・メニューには今年中には積極的に使ったサイトも増えそうですよ。

• CSS
• CSS3

2010年3月20日

CSS Nite in Ginza, Vol.45「CSS3 for tomorrow」

いけるか微妙でしたが、参加出来ました！

タイトル通り、CSS3の話。

スライド自体が、HTML5、CSS3でGoogle Chrome上で動く。

※ブログとかで紹介してはダメとのことだったのでリンクははれず。

実際に動くデモの紹介時は「おぉー」と歓声が上がってた。

CSS3って、ここまでできるんだというインパクトは大でした。

• CSS3
• css nite
• イベント
• セミナー

2009年6月14日

直訳するとカンニングペーパーとなるCheat Sheet（チートシート）。

覚えるべきことをまとめたものという意味合いで、さまざまなものがWeb上にも転がっています。

Webディレクションに必要なチートシートを挙げておきます。

・Cheat Sheets - Added Bytes
html,css,phpをはじめ、python,sqlなど、幅広いチートシートが掲載されているサイトです。
初心者の人は、印刷して手元に置いておくだけでも作業が楽になるでしょうね。

・SEOmoz | The Web Developer's SEO Cheat Sheet
こちらは、SEO対策用のチートシート。
(X)HTMLの文章構造などの基本的なことからまとめてくれています。
SEOに関わり始めたばかりの初心者の方にはいいのかも。

• チートシート
• ディレクション

2009年5月 3日

「速さと容量」重視のGmail Redesigned 3.0がリリース

Gmail絡みの記事なんですが、途中におもしろいワードが。

機能数は確実に増えているのに、サイズを小さくする、ということがどうすれば可能なのか、というと、最大の要因はインターフェースエレメントの多くを統合したこと、さらには我々の圧縮アルゴリズムが改善されたことが挙げられます。このCSS圧縮についてもっと知りたいという方は「CSS Compressor」という名で近々リリースされますので、そちらの動向にもぜひ注目していてくださいね。

この「CSS Compressor」。
すんごい気になります。

• css
• google
• 圧縮

2009年4月14日

Web制作･開発のための今日のブックマークです。

・4杯目：桜の下でCSS談義

CSSについてのリンク集的な感じでも今後使えそうです。
また、文章もおもしろいです。

・世界が注目する「アンドロイド」人気の理由とは？
Googleが提供するアンドロイドについて、平易に紹介されています。
「アンドロイドって何？」っていう方は、読んでおくとよいかと。

• css
• google
• アンドロイド

2009年3月 4日

Web制作・開発のための今日のブックマークです。

・第5回　携帯サイトでセッションを取り扱う｜【PHPで作る】初めての携帯サイト構築
2009年では、当然のごとく携帯サイトへの知識が求められる。

・第0回　テスト技術を使う前に知っておきたいこと｜テストリーダへの足がかり，最初の一歩
テスト（試験）＝QCを保つことの重要性は、新人時代にしっかりと意識したいところ。

・第17回　Mail Marketing「メールマーケティング」｜WEB DESIGN WORKSHOP「正しいウェブデザイン」
開発とは違うのですが、とりあえず。

・他人がソースコードを書く様子を見る「よりそいプログラミング」｜濃縮還元オレンジニュース

・週刊Webテク通信
4のHTMLとCSSの話はぜひ。

・第4回　エア焼肉，Forsman & Bodenfors，Metamosphere｜いま，見ておきたいウェブサイト
エア焼肉！
こういうアイデアは大事です。

• CSS
• gihyo.jp

2008年12月 2日

Web制作などを行う際、(X)HTML、CSSなどの解析を行い、編集するツールは非常に有益です。

たとえば、「Firebug」や「Web Developer」などがすでに有名で、Web制作・Web開発を行っている方の大多数が使用しているかと思います。

これらのツールはCSSや（X）HTMLの確認するだけではなく、その場で編集することも可能で、なおかつJavaScriptのデバッグもできる非常に優れたツールになっています。

ただ、コーダーの人にとっては、Ajax的な修正機能は必要がないわけで、CSSを解析できるという最低限の機能があればいいケースもあるでしょう。

そんな人用のシンプルなツールが、下記の「XRAY」

これは、インストールすることなく、ブックマークからCSSを解析できるツールになっています。

お手軽なCSSツールを探している方は、ぜひお試しあれ！

• CSS
• Firebug
• XRAY

こちらで紹介してるWEB制作・WEB開発は、各種サービスサイトでご相談ください。各種ライブラリ（Prototype.js、script.aculo.us、jQuery）によるAjax開発、Movable Typeサイト制作のサイトへぜひ一度アクセスしてみてください。

• サイトマップ
• お問い合わせ
• ホームページ制作
• Web制作アイデア
• HTMLコーディング
• SEO
• SEO対策情報ブログ
• ウェブデザイン
• twitterデザイン
• twitterサービス
• twitter情報
• 動画まとめ
• 音楽動画