タグ

Webデザインに関するdaddyscarのブックマーク (36)

  • 日米のヤフー天気を比較してみた(海外の反応) : 海外のお前ら 海外の反応

    いつも海外のお前ら海外の反応を訪問して頂きありがとうございます。この度サイトを移転しました。 https://kaigainoomaera.com/ ブックマークやお気に入り登録されている方はお手数ですが変更お願いいたします。 RSS https://kaigainoomaera.com/?xml アンテナサイト様からこの旧サイトに飛ばされてしまったユーザーの方へ。 アンテナサイト様には新サイトのRSS登録を依頼していますが、未対応のアンテナサイト様もいらっしゃいます。 そういった方々は、他のアンテナサイト様をご利用するか、feedlyなどで新サイトのRSS登録、ツイッターでフォローして頂けると幸いです。 ・アジアのウェブサイトってこんな感じだよ。 彼らの文化なんだろう。 ・日のサイトは、どこもこんな感じ。 大学時代、日人のルームメイトがいたけれど、彼が見ているサイトはみんなジャングル

    日米のヤフー天気を比較してみた(海外の反応) : 海外のお前ら 海外の反応
    daddyscar
    daddyscar 2013/11/11
    主体性はあくまで俺。俺が必要とする情報は俺が選ぶ。欧米人の考え方ということなんかな。
  • fu_mou | Green Night Parade EP

    fu_mouがやってきた!ヤァ!ヤァ!ヤァ! 既にフロアアンセムと化しているGreen Night Paradeを引っさげての待ちに待ったリリース。 Preludeから始まる5曲、そしてPandaBoYによるリミックスを含めた全6曲、そうです、音楽ってのはこんなにも楽しいものなんです。 美しく刻まれたLantern Paradeのリミックスからフロア号泣必至のカービィネタアンセムGreen Night Paradeまで、 このEPは僕らにあらゆるポップを提示してくれている。 2011年、5番目の月、12番目の日、今日ここで始まったグリーンに輝く小さなパレードにみんなで笑って涙しよう。 奇跡も、魔法も、あるんだよ。 文章: RE:NDZ a.k.a. kz (livetune)

  • 素人っぽいデザインから脱却するための12のデザインチップス | webox blog

    クオリティを上げるためにはちょっとした「こだわり」がとても大事です。 定期的に話題になるネタで恐縮ですが、素人っぽいデザインにならないように個人的によく使ってる小技をまとめました。 上のものほど、簡単で多くのデザインに使える小技になります。 1pxのボーダーを使う 1pxの効果を使うのと使わないのでは、デザインの質に大きな違いが生まれます。 ある意味Webデザインでは一番重要な要素かもしれません。 定番です。たった1pxのボーダーをつけるだけでシャープな印象になります。 ただ塗りつぶしただけ、グラデーションを入れただけのボタンでは、のっぺりとした感じになりやすいですが、1pxのボーダーを上部に入れるだけでシャープな立体を表現できます。 正確には1pxでなく2pxですが、こうして黒系のボーダーと白系のボーダーを並べることで、明確にかつシャープに仕切りを表現できます。 1pxのドロップシャ

    daddyscar
    daddyscar 2011/08/31
    チップスキタ━━━━(゚∀゚)━━━━!!
  • デザインの基礎、黄金比から大和比、第2黄金比まで - kojika17

    よく黄金比という言葉を聞いたりしますが、実際にどういうものかわかっていなかったり、 デザインの当てはめ方が分からなかったりすることが多いので、簡単にまとめてみました。 貴金属比 nの場所に自然数が入り、第1貴金属比を黄金比、第2貴金属比を白銀比、第3貴金属比を青銅比といいます。 よく聞く黄金比は、貴金属比の1つです。 近似値 1.6180(約5:8) CSSで黄金比を見る 伝承では古代ギリシアから使われ始めたと言われています。 パルテノン神殿、モナリザなど数多くの建築物や美術、アートなどに使用されています。 白銀比 白銀比には、以下の2つがあります。 1:1+√2 の第2貴金属比に含まれる白銀比 1:√2 の日で古くから使用されている白銀比(大和比) どちらも白銀比と呼ばれることが多いので、紛らわしいです。 白銀比(第2貴金属比) 近似値 1:2.414(約5:12) CSSで白銀比を見

    デザインの基礎、黄金比から大和比、第2黄金比まで - kojika17
  • 【バリ5!】

    皆さんお久しぶりぶりデス、あるかでぃあデス。 (=゚ω゚)ノ 今年はたくさん更新するよ!とか宣言しておきながら3ヶ月も放置していますが、ひとまずこれまでの放置の経緯と今後の運営方針などをお伝えしておきたいと思います。 まず放置の理由ですが、単につまらなくなったからです。 これまで【バリ5!】ではPHSやケータイ、デジタルガジェット、フィギュアなどなど、色々な物欲系の情報を出してきましたが、正直2〜3年前から更新が辛くなっていました。 以前はこれらの情報が非常に面白く、書きたくても書ききれないほどだったのですが、ここ数年の業界のつまらなさは異常です。 周知の通り携帯電話業界は迷走を繰り返した挙句赤字を垂れ流して撤退の一途、もはや国内の端末メーカーは全滅状態です。 PC業界を見ても同様で、ソニーがVAIOを売り払ったのはある意味決定打でした。 【バリ5!】の過去ログを漁ってもらえれば分かると思

    daddyscar
    daddyscar 2010/10/29
    ケータイ向けサイトの参考に。
  • 見えてきたECサイトの人気レイアウト

    ECサイトのレイアウトは、ユーザーに情報を的確に届ける上で重要な役割を果たす。サポタントの調査結果から、ECサイトでトレンドになっている検索窓の設置場所やサイト幅のピクセル数が分かった。 Web・モバイル業界の人材事業を手掛けるサポタントは7月30日、EC(電子商取引)サイトのレイアウトのトレンドに関する調査結果を発表した。楽天市場(100サイト)、Yahoo!ショッピング(50サイト)に出展しているECサイトおよび企業が独自に運営するECサイト(100サイト)を7月に調査した。 70%がページ上部に「検索窓」を設置 Webページの上部に検索窓を設置しているECサイトは全体の70%だった。増加する商品点数に対し、検索性を向上させる目的で検索窓を設置するECサイトが増えているという。

    見えてきたECサイトの人気レイアウト
  • 目にやさしい色を追い求めるスレ:アルファルファモザイク

    ■編集元:デスクトップ板より「目にやさしい色を追い求める」 1 名無しさん@アイコンいっぱい。 :2005/07/23(土) 00:16:07 ID:REaKfudz

  • 色見本と配色サイト - color-sample.com

    色 色は、雑誌、広告、テレビ・パソコン、家具・小物、雑貨など、生活する上で自然と目にするものですが、私たちはその目にする色の影響をどれほど受けているのでしょうか。人は750万色以上の色を目で認識できるそうですが、実は目を閉じていても、皮膚から色の違いを感じ取れることが分かっています。ここでは、Web上のフルカラーで表現できる1600万色の色見を見ることができます。心理的・生理的に影響のある色ですから、それぞれの色と向き合って色の個性を体感してみてください。

    色見本と配色サイト - color-sample.com
  • 最適なテキストリンクの色は? | ウェブ力学

    青系統の色が使われていることに変わりはありませんが、検索エンジン以上にバラつきが見られます。特に、Yahoo!の場合は、各ジャンルごとのページでも微妙にテキストリンクの色が変わっていました。それぞれのサイトデザインの特徴に合わせて変化させているのだろうと思います。 楽天のようにデフォルト色を使用しているサイトもありましたが、全体からすると少数派のようです。 Q&Aサイトの最大手OKWaveはGoogleと同一でした。また、ユーザビリティといえばビービットさん、ということで調べてみましたが、やや暗めの青を使用していました。ビービットさんのことなので何か意味があるのかもしれません。 クックパッド クックパッドは、日最大級のレシピ検索のサイトです。ユーザービリティには細心の注意を払っていて、ユーザー一人当たりの平均PVが高いことでも知られています。 そんなクックパッドですが、サイトをのぞいてみ

  • キャズムを超えろ! - 団塊~シニア層向けのWeb設計 やっちゃいけない10のUI

    一時期パソコン教室の講師をやっていたことによる経験と、昨今Webサービス運用にあたって中高年層からのクレームなどを自分なりにまとめた結果として、50代以上のユーザに対するWebサービスPCアプリケーションのUI設計における以下10のTIPSを公開してみたいと思う。...といってもたかだか10個で収まる簡単な話ではないので、思いついたら都度追加して行きたい。 ID,ニックネームを考えさせてはいけない。半角英字開始限定は論外 IDやニックネームが思いつかない方が多い。これはシニアに限らず、ITリテラシーがそれほど高くない若年層についても言えること。作る側の人間も「過去にWebで使ったID,Nicknameは全て使っちゃダメ。何か新しいのを考えて入れてみて。」と言われると結構悩んじゃうもの。それと同じ状態に陥ると思っていただけるとわかりやすい。「IDのかわりに電話番号でもいいですよ」というと結

    キャズムを超えろ! - 団塊~シニア層向けのWeb設計 やっちゃいけない10のUI
  • 0to255

    Hex code RGB functional notation HSL functional notation Distance from base color HSL lightness value Click to copy Pre-orders now open! Color Studio transforms 0to255 into a comprehensive color tool that's ultra-efficient, inspiring to use, and delightfully unique. Available Spring 2024. Read the announcement Pre-order Color Studio 1 year at $2/month + 3 months free “A near perfect color picker”

  • タイポグラフィック・グリッド作成アプリケーション - lab

    http://lab.allianceport.jp/web-typography-app/web_typography/ 私が印刷とウェブのデザインの比較について興味を持ち始めたのは、まだ私が学生だった頃なので、もう 10年近くも前になります。当時、Josef Muler Blockmannの『Grid System』をもとに、ウェブデザインへのグリッドシステムの応用を考えていました。その頃から「メディアによる再現性の違いを理解し、一つの理論をそれぞれに展開する」という考えをベースに、実用的なツールをつくりたいと思っていました。 グラフィックデザインには、グリッド・システムというデザイン手法が存在します。グリッドシステムとは、書籍デザインにおいて、全ページを同じグリッド上で展開することで、ページ全体に統一性を持たせ、レイアウト上の判断を効率的に行うツールとして、全世界のデザイナーに使われ

  • モバイルサイトデザイン集のモバイルデザインアーカイブ 公式サイト

    モバイルデザインアーカイブとは? 携帯サイトを制作する上で、「ケータイサイトを参考にしたいけど、仕事に役に立つケータイサイト集ないかなー?」と思っているデザイナーの方へ向けて公開させていただきました。 そんなモバイルデザイナーのモバイルデザイナーによるモバイルデザイナーのための国内最大の携帯サイト集です。 モバイルサイト制作を請け負ったけど、「なかなかデザインがまとまらない」「洗練 された携帯サイトのデザインを参考にしたい」といった方のために、優れたデザインの ケータイサイトを集めました。 デザインに優れた携帯サイトはもちろん、技術的に優れた携帯サイト、そして現在のウェブトレンドを捉えた携帯サイトを掲載しています。

    daddyscar
    daddyscar 2009/09/30
    スクリーンショットもあって確認しやすい。
  • cssのテクニックなどを学びたい時に見ておきたい12サイト

    cssが苦手で嫌いなので 好きになろうと思い、勉強に なりそうなサイトを国内外で 選んで絞ってみました。 同じ思いをしている方とシェア したいと思ったので記事にします。 リファレンスサイトは今回は割愛しました。勉強するなら抑えて当たり前ですしね。国内外合わせて11サイトとおまけが1サイトあります。まずは国内サイトから。 CSS HappyLife 個人的に国内でcssといえばCSS HappyLifeさん思い出します。基から応用まで幅広く情報を配信。 CSS HappyLife CSS-EBLOG ほぼcss中心に情報を配信してくれています。こちらもかなり勉強になるサイト。サイト自体も見やすいですし、cssで困った時には必ず訪れたいサイトです。 CSS-EBLOG CSS Lecture cssで出来るテクニックを公開してくれています。デモページを用意してくれるのが凄く嬉しい。親切で分か

    cssのテクニックなどを学びたい時に見ておきたい12サイト
  • いまからでも遅くない! ケータイデザインの基礎固め

    いまからでも遅くない! ケータイデザインの基礎固め:一撃デザインの種明かし(6)(1/2 ページ) 普段はPCサイトを作っているけど、ケータイサイトに興味が出始めた人向けの、初めてケータイのデザインハウツーです。日々変化するケータイデザインの基礎の基礎をご紹介 ケータイ機種のスペックが上がりデザイン表現の幅は広がっていますが、PCサイトに比べまだまだ容量やスタイル、キャリア対応などさまざまな制限があるのも確かです。 今回は、普段PCサイトを作っているけど、ケータイサイトに興味が出始めた人、初めてケータイのデザインに触れる人のための基礎固めとして、日々変化するケータイデザインの基礎の基礎をご紹介したいと思います。 誰でも最初は初心者だった! ケータイデザインの基礎の基礎 ケータイの画面サイズを考える! 一般的な画面サイズはQVGA(縦320px×横240px)ですが、最近ではQVGAワイド(

    いまからでも遅くない! ケータイデザインの基礎固め
  • ついつい長居してしまう専門的なサイト25選

    仕事があるのについつい長居してしまう サイトって無いですか?何かを大量に まとめてあるサイトだったり、掘り下げたく なるような専門サイトだったり、理由は様々です。 僕も例外なく気が付いたら全然仕事してない時も あります。そんなサイトを25サイト選んでご紹介します。 中には僕にはまだ必要ないサイトもありますが、こんな専門サイトもあるよ、って事で。因みに一貫性は全くありません。ただ、「長居しちゃう」ってだけ。順不同です。 SourceForge.JP 日語で読めるオープンソース配布サイト。ここはかなり素敵。 SourceForge.JP OpenSourceCMS オープンソースのCMSに絞った海外の配布サイト。ブログとかEC系とかやたらあります。管理画面のデモもあるのでDLする前に触れるのは嬉しい。 OpenSourceCMS Twitpaper Twitterの背景の秀逸なデザインをダウ

    ついつい長居してしまう専門的なサイト25選
  • まとめのインテリア / デザイン雑貨とインテリアのまとめ。

    まとめのインテリア - デザイン雑貨とインテリアのまとめサイトです。

  • カラーユニバーサルデザイン推奨配色セット

    色覚の多様性に配慮した 案内・サイン・図表等用のカラーユニバーサルデザイン 推奨配色セット ■ 東京大学分子細胞生物学研究所 高次構造研究分野 伊藤啓 ■ 社団法人日塗料工業会(JPMA) ■ DIC 株式会社(旧・大日インキ化学工業株式会社) DIC カラーデザイン株式会社 ■ 特定非営利活動法人カラーユニバーサルデザイン機構(CUDO) 概略 一般の人にも色の見え方が異なる人にも見分けやすい、カラーユニバーサルデザイン推奨配色セットを作成。 被験者実験を重ね、数千の候補色から20色を絞り込み。 塗料業界の色指定の業界標準であるJPMA塗料用標準色2011年F版に対応色を収録。印刷・デザイン業界の色指定の業界標準であるDICカラーガイドシリーズから対応色を選出。 はじめに  いわゆる色弱(色覚異常)の人や、緑内障など網膜の疾患を持つ人、白内障の人は、色によっては違いを

  • http://e0166nt.com/blog-entry-646.html

    http://e0166nt.com/blog-entry-646.html
    daddyscar
    daddyscar 2009/05/12
    まさに「まとめ」。
  • スチーム速報 VIP

    Author: Mist twitter: Mist note: Mist diaries: 或るロリータ ロリータ速報 VIP TOP絵簡易まとめ pass: steam つ最近人気あるスレ ↑イミフのパクリです!

    スチーム速報 VIP