ページが表示できません このページは3秒後にfree design(フリーデザイン)トップページに移動します ※切替わらない場合は、ここをクリックしてください。
最近改めて CSS の基本、要素の配置、レイアウトについて学習しました。過去に CSS でのレイアウトなどの記事を書いた事があるんですけど、改めて勉強してみたら、いろいろ間違えて解釈していたなー ... っていうか、基本が分かってなかったんだなーと反省 ...。今回は CSS の基本中の基本、視覚整形モデルについてまとめてみました。 Webデザインをする上で、必須とも言えるのが CSS …。このブログ – Webデザインレシピでも、過去に CSS について書いた記事がいくつかあります。最近 … でもないけど、以下のふたつは CSS でのレイアウトについて、いろいろと書いた記事でした。 CSSでレイアウトするなら絶対覚えておきたいブロックレベル要素のクセとかいろいろ – 2011年 6月17日 CSS:初心者の頃にハマったスタイルシートのあれこれ … IE7多め -2011年 4月21日 で
ページが表示できません このページは3秒後にfree design(フリーデザイン)トップページに移動します ※切替わらない場合は、ここをクリックしてください。
特に説明するまでもなく、最近のソーシャル云々ではTwitterまたはfacebookを土台とし、様々なサービスと連携したものが出てきています。 そんなソーシャルサービス系で、最近個人的にハマってるのが写真系のSNSサービス。iPhoneやらAndroidやらから、写真を投稿できる代物。それがタイトルでも述べた、Instagr.am(http://instagr.am)やらpicplz(http://picplz.com)です。 ※ここから下は、初稿投稿時のアプリ等の対応状況で記事書かれていますので、最新版は各自で確認ください。例えばInstagr.amは既にAndroid対応してますが、以下の記事では未対応の頃の内容で書かれています。 それぞれの特徴 写真をTwitterに投稿するサービスなど既に多数存在しており、単にそれらと同じでは何の差別化もない。ってことで、両方のサービスともに 投稿
私はウェブデザインができないプログラマーである。以前はデザインはデザイナーさんに任せておけば良いと思っていた。だが、考えてみると、われわれは、デザインされたものしか目にすることはできないのだ。どんなに優れたアルゴリズムをプログラマーが実装しても、残念ながら私たちの目には見えない(反応速度で体感できることはあるにしても)。人もウェブサイトも見た目が9割なのである。 最近、私は「書評人」というウェブサービスを始めた。当然、私にデザイナーを雇う余裕などない。自分でデザインを制作する必要に迫られた。さて困ったどうするか。 私は、ある人気ウェブサービスを運営する友人に尋ねてみた。彼は、昔、一緒に仕事をしたことがあるプログラマーだ。特にデザインを専門的に勉強したことはないはずなのに、彼が作るサイトはどこかあかぬけている。彼に根掘り葉掘り尋ねるうちに、勧めてくれた本がこれ。 XHTML&CSSデザイン
スマートフォン向けサイトでは、デスクトップに及ばないスペックや接続回線を考慮し、いかに「軽い、表示が速い」サイトを作るかが重要です。一方で、様々な画面解像度の端末があり、高解像度の画面を搭載した端末向けには、そのサイズに対応した大きな画像が必要となる場合もあります。画像の扱いひとつをとっても、「パフォーマンス」と「見栄え」の双方を考慮しなければいけない難しさがあります。そこで今回は、前回のサンプルサイトを元に、画像関係の扱いや最適化などを解説します。 スマートフォンブラウザーはPNGに対応しています。デスクトップブラウザーでPNGを使う場合、Internet Explorer 6などの古いブラウザーに気をつける必要がありますが、スマートフォンブラウザーの場合は気にする必要がありません。 PNGは圧縮率が高く、容量を抑えることができます。また、アルファチャンネル(透過機能)を持つので、半透明
こんにちは、イメージ担当の長谷川です。 今回は 1px にこだわったリッチな Web や UI デザインを更に立体的で奥行きのある雰囲気にする『MAX 塗り』を取り入れたグラフィック作成手法をご紹介します。 ところで『MAX 塗り』ってご存知ですか?ガンプラなどが好きな方はピンと来たと思いますが、プラモデルなどに興味がない人は全く分かりませんね。 『MAX 塗り』とはプラモデルに立体感を出すためにエッジから中央に向かってぼかしていく、昔からある「ぼかし塗り」や「グラデーション塗り」の技法です。 この技法で塗装されたプラモデルは単純に塗装したものより格段に迫力や存在感が上がります。プロモデラーの MAX 渡辺さんが良く使うプラモデルの塗装技術として通称『MAX 塗り』と呼ばれています。 Web や UI にこの『MAX 塗り』を取り入れる方法は簡単です。 作ったボタンや背景などのグラフィック
Pancake.io – Dropbox APIを使った、素人でもできるお手軽なウェブサイト作成サービス Pancake.ioは、Dropboxを使って手元のパソコンにあるファイル、それもHTMLではなくテキストファイルやマイクロソフトOfficeファイル、画像ファイルなどをそのままネットに公開できるという新サービスです。 Pancake.ioのサイトから登録を行うと、Dropboxのサイトに飛ばされて、 そこでPancake.ioからのアクセスを承認するかを訊かれます。 OKすると、接続完了のメッセージと、Pancake.ioをどうやって使うかが表示されます。使い方は、ここにあるように非常に簡潔です。 数分待つと、ローカルなPCのDropboxフォルダのAppsサブフォルダの下に、Pancake.io というフォルダができています。これがウェブサイトで公開したいファイルの置き場となります
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く