For several years now the 960px grid system (960.gs) has been designers’ favorite pick to help structure and design web layouts. As screens and resolutions have gotten bigger, I’ve found that the 960 grid system does not always fit my needs. 20px gutters and only a 940px content area is a bit too small for the modern web. While designing Themify, I found a new grid layout that works quite well for
Last week I talked about 960 Grid System is Getting Old. Surprisingly a lot of comments have been made. It seems like people are using 960gs because of the "golden ratio" — all numbers are even. I’m a designer, not a grid scientist. Why restrict your layout so that it can fit into this 960gs? A grid is supposed to help you in design, not to limit your creativity. The 978 grid, that I mentioned bef
Looking back after 2.5 years since my previous post on scalable system design techniques, I've observed an emergence of a set of commonly used design patterns. Here is my attempt to capture and share them. Load Balancer In this model, there is a dispatcher that determines which worker instance will handle the request based on different policies. The application should best be "stateless" so any wo
YAPC::Asia2010 の発表資料、動画が面白いので、まとめ。 YAPC=Yet Another Perl Conferenceは、その名のとおりPerlのイベントです。PHPで言うならPHPカンファレンスにあたるでしょうか。(違ったらごめんなさい) Perl のイベントということで特に気にしていなかったのですが、先日行われたYAPC::Asia2010の発表資料を見ると PHPer が見てもかなり面白いです。もちろんPerlならではの発表もあるのですが、言語を問わずWebシステム開発をするなら参考になる内容が多くあります。 Perl だから、という理由だけで避けるのはホントに勿体無いので是非見てみて下さい。 PHPerにオススメな発表 PHPユーザの自分が見て面白かった発表です。リンク下にある一言は自分が面白いと思った点で、要約では無いです。内容は各発表を見てみて下さい。 ソーシャ
2002年、当時設立したばかりの会社に入り、何もない状態から、コンテンツとシステムを作り続け8年が経った。日々、試行錯誤しながら、それなりに会社も大きくなり、まだ、大成功とは言えないけど、それなりにうまくやってきたつもりだ。 しかしながら、その8年という短くはない時間の中で、色々な課題や問題が発生し、その時々正しい選択をしてきたつもりだったけど、反省点も多い。もう一度スタートアップに参加するとしたら、やり直したいところや、もっと早くこうしていれば良かったというところがたくさんある。 そんなわけで、次の挑戦のときに忘れないように、また、もしかして誰かの参考くらいになればと思い、メモっておくことにした。1 まず、反省点の前に、何をやっているのかというのを簡単に。 ビジネスとしては、英語e-learningのWebサービス(ネットを使った英語のお勉強)をASPな形で、企業や大学などに提供している
Twitterでつぶやいたツイートをあなたのブログやサイトに簡単に設置できるjQueryのプラグインを紹介します。 jTweetsAnywhere デモページ [ad#ad-2] jTweetsAnywhereの設置は簡単で、数行のスクリプトで自分のブログやサイトにツイートを設置することができます。 jTweetsAnywhereの主な特長 指定したユーザー(複数可)のツイートを表示。 ユーザーのリストからツイートを表示。 Twitterの検索の結果を表示(パラメータは全対応)。 @Anywhereに対応。 エンドレススクロールを使ったページングをサポート。 自動更新でリアルタイムにツイートを表示。 ツイートボックスのカスタマイズが可能。 Follow me ボタンの設置が可能。 ネイティブのリツイートをサポート。 ユーザーのプロフィールを表示。 ツイート内のリンクを検出し、自動でリンク化
前の記事 リビングを飾る「F1カーのパーツ」 「注意力散漫」とインターネットと創造性 2010年10月18日 サイエンス・テクノロジー コメント: トラックバック (0) フィードサイエンス・テクノロジー Jonah Lehrer 画像はWikimedia 人々は、ネットの世界は気が散りやすいと不満を訴えている。われわれは、そこかしこにあるリンクや、予想していなかった検索結果、妙に詳しいWikipediaの項目などに常に誘惑され続けている。 われわれの文化は「集中」を尊ぶ。困難な問題に直面したとき、最も良い方法は焦点を絞って注意深く思考することだと考えている。従って、3倍濃いエスプレッソを飲んだり、Red Bullを飲んだり、リタリン[中枢神経刺激薬]を飲んだりする。これらの化学物質は注意力の焦点を鋭くし、われわれをタスクに固定する働きがあるからだ。 しかし、注意力散漫は絶対に悪いものなの
EAGLE 3.0 取扱説明書 本ツールは入力したキーワードの上位表示難易度を算出するSEOツールです。 Yahoo!とGoogleどちらかの上位10ページのデータも表示します。 各項目の説明 titleタグ・・・キーワードが含まれている場合は強調表示 URL・・・検索エンジンにキャッシュされているURL 純被リンク・・・同一ドメインからの被リンクを省いた被リンク数 ドメイン被リンク・・・ドメイン全体の純被リンク数(サブドメインはサブドメインのみ) 関連被リンク・・・被リンク元ページのtitleタグにキーワードが含まれている割合(概算) PR・・・Google PageRank。「PRなし」と「PR0~10」がある LEVEL1~99までの99段階があり、Yahoo!とGoogleそれぞれ異なる。 titleタグ、純被リンク数、ドメイン被リンク数、関連被リンク率、 Google P
li > a" data-ddst-label="Navigation Items" data-ddst-no-support="background,border"> li > a" data-ddst-label="Navigation Items" data-ddst-no-support="background,border"> Home Categories Tutorials Resources Inspiration Freelance Interviews Design Freebies About Contact Advertise With Us Write For Us Contact
CSS でのレイアウト、段組み作りがとっても簡単にできる、CSS グリッドシステムをご紹介。既に使っている人もたくさんいるとは思いますが、未体験の人はぜひ試してみてくださいね! Web デザインに欠かせない、CSS でのレイアウト作り。コンテナ作って、ここにラッパー作って、メインが 600px で padding が 20px だから、サイドバーが、えーと … なんてことになりがちです。そんな面倒な作業がイヤだなーという人におすすめなのが、CSSグリッドシステム。全ての Web デザインに使える訳ではありませんが、結構重宝します。すでに使っている人もたくさんいると思いますが、こんな方法もあるんだよーということでご紹介します。 1. CSSグリッドシステムとは? CSS グリッドシステムというのは、レイアウトを均等に分けて、マス目上に考えるレイアウト。何が便利かっていうと、この段は4等分にし
iPadは、スマートフォンでもなければ、Netbookでも、電子書籍端末でもない。これまでになかった、まったく新しいカテゴリーのデバイスだ。 そのまったく新しいカテゴリのデバイス上で、これまでになかった新しいメディアがいくつも誕生し始めている。その中でも、大きな可能性を感じさせてくれるのがエレメンツ・コレクション社の「元素図鑑」だ。化学の周期表という、多くの人にとっては退屈なものを、紙の本では表現できないインタラクティブな写真やおもしろいストーリーで、とても魅力的な世界に変えてしまった。そのユニークな元素図鑑がどのように誕生したのか。作者のセオドア・グレイ氏(THEODORE GRAY)に話を聞いた(聞き手:林信行) 目標はハリー・ポッターの世界 ――日本でも大人気のiPadアプリケーション「元素図鑑」ですが、人気の秘密は何でしょう。 グレイ 我々がこの本を作るときに目標にしたのはハリー・
2002年のイグ・ノーベル賞に輝いた経歴を持つセオドア・グレイ(Theodore Gray)氏は、iPadアプリ「元素図鑑」の作者であり、爆発などの危険を伴う科学実験を紹介した異色の書籍「Mad Science −炎と煙と轟音の科学実験54」の著者だ。その一方で、世界の研究機関が活用する技術計算ソフト「Mathematica」の開発元であるWolfram Research社の重役、という硬派な顔も持つ。 「クレイジーな科学オタク」? それとも「理性的なビジネスマン」? その素顔は、「職人的表現者」だった! 金属ナトリウムと塩素ガスでポップコーン調理 セオドア・グレイ氏(以下、グレイ)グレイ氏(以下、グレイ) 「Mad Science −炎と煙と轟音の科学実験54」は、「Popular Science」という雑誌で毎月、5年間担当していた連載をベースとした書籍です。1つのネタごとにプロの広告
With thousands of icons available, with endless gradients, colors and reflections, it can be overwhelming as to what will best suit your minimalist design. There are alternatives to all those over-glossed icons, should you require a more simple, elegant design style. Here are ten noteworthy icon sets which match the minimalist design ethos. 1. Iconic Iconic is a beautiful set consisting of 120 ico
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く