EC studio EC studio デザインブログ

HTML/CSSの記事一覧

2010年02月18日投稿者:谷 拓樹

2010年の海外のウェブデザイントレンド

WebDesignerWallより、2010年のデザイントレンド予測の記事がありましたので、その中身を見ていきたいとおもいます。

「2010年のウェブデザインはより面白く、実験的なものが増える」とのこと。
CSS3やHTML5への注目が集まり、新しいビジュアル・機能を持ったウェブデザインを試しているサイトが増えてきています。
ビジュアルの傾向でいいますと、手書きスケッチ、大きな背景のサイトというのは減少傾向にあり、一方でセリフ書体のフォントを使ったデザインや、テクスチャーを使ったサイトが人気のようです。

またCSS3(と、実装してくれているブラウザ)のおかげで、角丸やRGBAプロパティを使った半透明表現、ドロップシャドウ効果などもたくさん簡単に使えるようになってきています。
そして特に海外では顕著ですが、スマートフォン向けのデザインを提供するサイトも増えてきています。

実際にそれらのトレンドに当てはまるサイトを紹介していきます。(一部)
続きを読む

2010年02月08日投稿者:谷 拓樹

iPhone向けサイト構築 基礎文法最速マスター

弊社代表の著書、「iPhoneとツイッターで会社は儲かる」の出版記念と、巷で話題の「基礎文法最速マスター」ブームに便乗して、iPhone(iPod Touch)向けサイト構築における基礎とプラス応用のネタと、参考になるリンク集をまとめました。

HTML5+CSS3で作る 魅せるiPhoneサイト

2010/11/18追記:

iPhone向けサイト制作の書籍を執筆しました!
既存のデスクトップ向けサイトをモデルにした
iPhoneに最適化したサンプルサイトの紹介と
コードの解説をしています。
iPhone向けサイト制作の入門書に最適です。
HTML5+CSS3で作る 魅せるiPhoneサイト

続きを読む

ウェブサイトは各ブラウザごとに1pxでもずれないよう!
というコーディングをおこなっているところも多いと思いますが、
これって結構大変作業ですよね。

古いブラウザだけのためにCSSをごにょごにょしたり
スクリプトを使ったり、かなりコストがかかる作業も…。
全部のブラウザで同じ見え方にする作業はとても面倒ですよね。

これに工数をかけるならもっとデザインとか色々な部分に
時間がかけられるのに!ということも実際ありますよね。

そこで、ターゲットブラウザを選定してもっと楽にコーディング
できないかと最近は様々な効率化アップの取り組みを考えています。

今回は弊社でターゲットブラウザを選定して、
実際に効率化をおこなった実例のお話をしたいと思います。

続きを読む

みなさん実務でCSS3は使っていますか?
不定期連載的に、CSS3の小ネタを記事としてあげていこうかと思います。

その前にCSS3って?

この記事を見られている方にはCSS3って何?という方もいると思われるので、ざっくりと概要を説明しますと、
続きを読む

ブログを作りたい!
でもたいがいのブログサービスはテンプレートを自由にカスタマイズできないし
かといって、WordPress などのCMSはインストールしないといけないしなぁ…

そんな方におすすめしたいのが、
Googleが提供している無料ブログサービスBlogger(ブロガー)。
自由にカスタマイズができて、管理しやすいサービスです!

続きを読む

2009年11月25日投稿者:谷 拓樹

HTML5だけでiPhoneアプリをつくる

間が開いてしまいましたが、CSS Nite 4周年記念イベント(Vol.40 reprise)の続きです。HTML5のメリットを活かしたコンテンツアイデア」というテーマでお話されたのはKAYACの山田敬美さん。

HTM5を取り上げたブログ記事などを多く見るようになりましたが、その多くは新要素のマークアップについてが特に目立つ気がします。
そんな中、マークアップエンジンニアでもあり、KAYACのブッコミ11メンバーでもある山田さんはWebアプリケーションとしてのHTML5を生かしたアイデアをお話されていました。
続きを読む

2009年11月11日~13日に東京でWeb Directions East2009がはじまります。
今回のWDEでは、ニコール・サリバンさんがワークショップ・カンファレンスで
「ウェブサイトパフォーマンス」について講演をおこなわれます。

なので、その予習のために以前大阪で講演された
「パフォーマンスアップのウェブ技術 WDE-Express」をまとめたいと思います。

続きを読む

今回はEC studioで利用しているWordpressプラグインをまとめて紹介します。
すべてとても使いやすいプラグインばかりです。
プラグインでさらにWordpressを使いこなしましょう!

続きを読む

2009年06月10日投稿者:谷 拓樹

ページネーションのマークアップ考察

ページネーション考察 | warikiruのアレクサで日本語サイト上位20社くらいのページネーション考察を見て、「マークアップはどうなんだろう?」と思ったので調べてみました。
※今回は上記記事から数件、その他メジャーなポータルサイト等からピックアップしました。
※href、onclickなどの属性値についてはすべて省略しています。
続きを読む

thumb_ie-tester2.jpg
ブラウザチェックに苦労しているコーダー・マークアップエンジニアには大変便利なツールがありました。

それがIE5.5 IE6 IE7 IE8 でのレンダリングを確認できるツール、
IE Tester。

続きを読む

全 3 ページ 123
投稿者
カテゴリー
人気のエントリー
最近のエントリー
アーカイブ
Copyright© ChatWork, All Rights Reserved. secured by ESET.