簡単にできそう見えて、ちょっと考えると、難しいレイアウトってありますよね。 下記のような雑誌風に配置された画像とテキスト、どのように組みますか？
[CSS]雑誌風のレイアウト、さぁどう実装する？
簡単にできそう見えて、ちょっと考えると、難しいレイアウトってありますよね。 下記のような雑誌風に配置された画像とテキスト、どのように組みますか？
美しくてわかりやすいシングルページウェブデザインの例30
ウェブサイトが生まれてから現在までの20年間で、あまたのウェブデザイナーたちが試行錯誤を重ねながらより美しく、より見やすいウェブデザインを生み出してきました。 ここでは、見た目が美しくて内容がわかりやすい最新のシングルページウェブデザインの例を30種類集めています。どれも新鮮なアイデアが詰まったページばかりなので、これからウェブデザインを始めるという人や、何かデザインのヒントが欲しいという人などの参考になるのではないでしょうか。 シングルページウェブデザイン30種類は以下から。30 Beautiful Single Page Website Designs | SpyreStudios 01：Skysoclear 02：FeelWire 03：Marius Roosendaal 04：Silverback App 05：Scribble And Tweak 06：Visual Box 07
2011年はSVG元年に。デザイナー大注目の画像フォーマット「SVG」の特徴を一気におさらい。
MIX11で「SVG女子」が紹介されました！ 弊社が制作をさせていただいた「SVG女子」が先日ローンチし、MIX11で大きく取り上げられました。 こちらがその様子です。 日本上陸は4/26！「SVG女子」をより楽しむために、まずはSVGについて知っておきましょう。 それでは続きからどうぞ！ SVGの気になる疑問に答えます！ SVGって何？ SVG（Scalable Vector Graphics）は、XMLによって記述されたベクターグラフィック言語のこと、あるいは、SVGで記述された画像フォーマットのこと。W3Cでオープン標準として勧告されている。 Scalable Vector Graphics - Wikipedia 簡単に言うと、ブラウザで表示できるベクター画像のフォーマットです。 SVGって何がすごいの？どういうところが便利なの？ ベクターデータなので拡大しても荒れません。 例えば
メニューに困ったら参考にできる40個のプラグインやスクリプト:phpspot開発日誌
40 Javascript Menu Plugins and Scripts | AJAX | TutsList メニューに困ったら参考にできる40個のプラグインやスクリプト。 便利そうなナビゲーション用のUIがジャンルごとにまとまっていて、それぞれ使えそうです。 自分で作ると超大変そうなものもあり、気になるものはブックマークしておいてもよさそう。 ツリービュー アイコン付きツリービュー ドロップダウン 階層付きドロップダウン アイコン付き階層ドロップダウン RSSメニュー タブ 縦横にタブ iPodスタイルメニュー Dock風メニュー 素晴らしいですね。こういうのを１０年前のWEBで出来るなんて誰が想像したか？というところなんでしょうが、次の１０年どうなっているか楽しみです。 関連エントリ カッコいい円形のメニューナビゲーション実装jQueryプラグイン「Flower Navigatio
[CSS]最近のウェブ構築には欠かせない要件を備えたCSSのフレームワーク -The 1140px Grid
1280px以上の大きなモニター対応、iPhoneなどのスマホ対応、単調になりがちなグリッドのバリエーション、IE6への配慮など、最近のウェブ構築には欠かせない要件を備えたCSSのフレームワークを紹介します。 The 1140px Grid · Fluid down to mobile [ad#ad-2] 以前、Twitter(@colisscom)で紹介した時からバージョンアップしたようなので、改めてブログでご紹介。 The 1140px Gridは、1280のモニターには1140pxのグリッド、スマホなどのそれより小さいモニターにはその幅に可変したリキッドタイプのグリッドを提供するスタイルシートのフレームワークで下記にその特徴的なポイントを紹介します。 1140pxで12カラムを採用した理由 12という数字は非常に便利で、二等分、三等分、四等分、六等分して利用することができます。また、
これは要チェック！豊かなユーザエクスペリエンスを与えるナビゲーション集
ナビゲーションはウェブサイトにとって重要なエレメントであり、基盤となるものです。素晴らしいナビゲーションは豊かなユーザエクスペリエンスを与えます。 ユーザーは使いにくくない困惑されないナビゲーションを望み、シンプルなナビゲーションはたいていの場合、ダイナミックなものよりユーザフレンドリーなものです。ここではダイナミックでクリエイティブなナビゲーションの素晴らしいインタラクションと若干の欠点をSmashing Magazineから紹介します。
Googleアルゴリズム200項目全てを特別公開 – マーケティングブログ
Googleアルゴリズムの200の要素を発見しましょう！（Let’s Try to Find All 200 Parameters in Google Algorithm） は2009年に書かれた記事ですが、パンダアップデートが適用された今現在（2011年4月）でも重要項目が多く書かれているもので。 多くはGoogleの特許（合衆国特許出願0050071741）に基づいていますが、筆者のアンが自身の解析結果や予測を盛り込んでいる事で、より実践に近い内容になっています。 SEO初心者の方は、これからのウェブ制作の軸に、SEOエキスパートの方はもう一度自身のサイトを見直す目次として確認してみてはいかがでしょうか。 ドメインに関する13要因 ドメイン年齢 ドメイン取得からの長さ ドメイン登録情報（Who is情報）の表示/非表示 ドメイン種類（サイトレベルドメイン（.com や co.uk） ト
疲労や「死の意識」で脳が「保守化」：研究結果 | WIRED VISION
前の記事 レーシングカーになった『ニッサン・リーフ』 iOS、「ユーザーの全移動を記録」が判明：地図表示アプリも 次の記事 疲労や「死の意識」で脳が「保守化」：研究結果 2011年4月21日 サイエンス・テクノロジー コメント： トラックバック (0) フィードサイエンス・テクノロジー Jonah Lehrer 米国の裁判官。画像はWikimedia われわれは倫理的・道徳的判断をどのように行なうのだろうか。われわれの判断が事実のみに基づき、合理的に判断しているのならすばらしいのだが、どうもそうではないようだ。 以下、最近のPNASに掲載された論文を紹介するEd Yong氏の文章を見てみよう。 上のグラフは、イスラエルのネゲブにあるベングリオン大学のShai Danziger氏が、同国の刑務所で10カ月間に行なわれた仮釈放審査委員会の審問、計1112回分の結果を基に作成したものだ。 グラフ
【宇宙ヤバイ】冥王星が大変なことになっているらしい : 暇人＼(^o^)／速報
【宇宙ヤバイ】冥王星が大変なことになっているらしい Tweet 1：名無しさん＠涙目です。(埼玉県)：2011/04/20(水) 20:51:46.92 ID:k4D2+6lh0● 冥王星の大気に一酸化炭素を確認 10年以上前の観測で、確定的ではないものの冥王星の大気に一酸化炭素が存在する証拠が見つかっていた。 ハワイにあるジェームズ・クラーク・マクスウェル望遠鏡の観測データに基づく今回の研究では、一酸化炭素の存在が確認されただけでなく、2000年の観測時に比べて一酸化炭素の量が倍増していたことが明らかになった。 研究を率いたイギリス、セント・アンドリューズ大学の天文学者ジェーン・グリーブス氏は、「地球でそんな（大気成分が何倍にもなる）ことが10年の間に起こるかどうか考えてみて欲しい」と話す。地球でそのような変動が自然に生じるとはとうてい考えられない。 冥王星の大気はとても薄く、大気圧は地
せっかくの出会いを無駄にしないために！ 初対面の人と仲良くなるための7つのポイント | ライフハッカー・ジャパン
こんにちは。恋愛スタイリストの石田明です。 「ひとめぼれ」という言葉があることからもわかるように、第一印象は大事です。しかし、初対面の人とのコミュニケーションは、相手のことがわからないので、難しいですよね。 「初対面の相手だと緊張して上手くしゃべれない...」「人見知りなので、何を話していいのかわからない...」など、私のまわりにも初対面でのコミュニケーションが苦手な方はたくさんいらっしゃいます。しかし、ちょっとしたポイントを意識するだけで、初対面の相手とも仲良くなる方法があるのです。 せっかく出会いがあったのに仲良くなれずに終わった...とならないように、以下のポイントをチェックしておきましょう。 Photo by Steve.r. 1. 相手も同じ立場 まず頭に入れておきたいのが、「相手も同じ立場にいる」ということです。初対面で緊張する気持ちは同じなので、楽に考えましょう。探り探りなの
【料理】食費を安く抑えて作れるパスタのバリエーションを教えて！ - 役立つちゃんねる
【料理】食費を安く抑えて作れるパスタのバリエーションを教えて！ 2011年04月20日 19:22 | カテゴリ：食事 | コメント( 0 ) Tweet スポンサードリンク 名無しさん＠涙目です。(東京都) 2011/04/20(水) 10:13:03.60 ID:TUH2wcc/0 スパゲティーペペロンチーノ アラビアータ カルボナーラ アンチョビの奴 ナポリタン スパゲチーはこれ以上メニューが増えない というか、増やしたいけど材料が増えると食費が嵩む 安く抑えて他に何か作れないかな 41 名無しさん＠涙目です。(東海・関東) 2011/04/20(水) 10:13:58.49 ID:+KY/1k6NO カラスミパスタ作ってみ マジ上手いから クックパッド内検索「カラスミパスタ」で一番人気のレシピ 『贅沢♪からすみパスタ』 贅沢な
カオスちゃんねる : 解明されてない世界の謎を教えて欲しい
2011年04月20日11:30 解明されてない世界の謎を教えて欲しい 1 名前：以下、名無しにかわりましてVIPがお送りします[sage] 投稿日：2011/04/19(火) 22:43:03.26 ID:pI5I4Du60 ～ムー大陸～ 今から約1万2000年前に太平洋にあったとされる失われた大陸とその文明をさす。 イースター島やポリネシアの島々を、滅亡を逃れたムー大陸の名残であるとする説もあった。 しかし、決定的な証拠となる遺跡遺物などは存在せず、 海底調査でも巨大大陸が海没したことを示唆するいかなる証拠も見つかっておらず、伝説上の大陸であるとされる。 こんな感じのお願いします。 4 名前：以下、名無しにかわりましてVIPがお送りします[] 投稿日：2011/04/19(火) 22:46:03.60 ID:vObCSGjY0 水の入ったコップと、お湯の入ったコップを冷凍庫に入れると
iPhoneがユーザーの行動履歴を保存していることが判明
iPhoneおよびiPad 3Gが、ユーザーの位置情報(経度・緯度・時刻)の履歴を過去10ヶ月に渡り記録していることが判明。 公開されているツールで、比較的簡単にデータを取り出せることが報告されています。 [source: O’Reilly Radar 他 ] 現在開催中の位置情報系のイベント「Where 2.0」で、2人の研究者 (Alasdair Allan と Pete Warden)が発表したもので、以下がその要点。 iOS 4.xを搭載したおそらく全てのiPhoneおよびiPad 3Gが対象 携帯基地局による位置情報を時刻とともに記録 本体およびバックアップに暗号化なしで保存されている 地図上にプロットするツールが公開されている 問題となるデータは、「consolidated.db」と呼ばれるファイルに、iOS 4.0が公開されて以来記録され続けており、緯度・経度・時刻のデータが
CSS：初心者の頃にハマったスタイルシートのあれこれ … IE7多め
CSS、スタイルシート。初心者のころには CSS のスタイルがうまくいかなくて、半日や丸一日悩んだこともいっぱいありました。最近では、やっとひと通り覚えて、思うようにできるようになったかなーという感じです。今回は初心者だったころ、ちょっと悩んだことなどをいくつかまとめてみました。 Webサイトの見た目をデザインしていくのに欠かせない CSS。度々これってどうやるんだろうとか、どうしてこうなっちゃうの？というものに遭遇します。また、今までは IE6 をターゲットに含めてましたけど、そろそろ IE7 からをターゲットにすればいいのかなーと思うこともあって、過去のスタイルシートの書き方の習慣を変えようかなとも思っています。 スタイルシートを書いていて、今まで遭遇した不具合やその回避方法、また今まではこうしてたけど、これからは変わるかもしれないなーといものをまとめてみました。もうそんなことしてない
Kotaku - The Gamer's Guide
I arrive at Six Flags Great Adventure, in Jackson, N.J., one extremely hot October day, already a scary human version of myself: I’m slightly hungover, the smell of a sausage, egg, and cheese bodega bagel on my breath, and the internal darkness of someone who just witnessed, through tears, Brett Kavanaugh get…
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【東方】Bad Apple!!をヴァイオリンで演奏【】