タグ

2011年4月13日のブックマーク (21件)

  • sakurachiro.com

    sakurachiro.com 2024 著作権. 不許複製 プライバシーポリシー

    sakurachiro.com
    hashimoya
    hashimoya 2011/04/13
    検索・置換で何とかできそうな気がしなくもないけど、例外パターンを想定するとこっちのが全然ありがたい。
  • How To Use CSS3 Pseudo-Classes — Smashing Magazine

    CSS3 is a wonderful thing, but it’s easy to be bamboozled by the transforms and animations (many of which are vendor-specific) and forget about the nuts-and-bolts selectors that have also been added to the specification. A number of powerful new pseudo-selectors (16 are listed in the latest W3C spec) enable us to select elements based on a range of new criteria. “CSS3 Pseudo Classes”)](https://www

    How To Use CSS3 Pseudo-Classes — Smashing Magazine
  • Media Queries

    You are now being GOOGLE.COM...

    hashimoya
    hashimoya 2011/04/13
    Media Query使用しているサイト集。直感的に比較できてスゲーな
  • ゲーム、スマフォやタブレットに便利! 複数台で使えるコンパクトキーボード « ウープスデザインブログ (デザイナーまめこ)

    「PS3アドパでモンハン」や「スマフォで議事録」などしてみたのですが、Mac純正のBTキーボードをペアリングしたりすると、マルチペアリングに対応してないため、メインマシンに再接続するのが手間です。 3000円程度だったので9台もの機器を登録できるコンパクトキーボードを購入してみました。9台って! 9台もの機器を登録できるTK-FBP013BK ※この文章もTK-FBP013使用しています。 ちょっと狭い コンパクトキーボードなのでまぁ、当たり前ですね。手が小さめの自分でもちょっと窮屈。Apple Wireless Keyboardくらいのサイズでも全然持ち歩けるのになー。さすがに小さめのバッグだとそれはキツいのでこのサイズがベストなのでしょう。価格もかなり安くなったので文句無しです! iOSでの使用には注意が必要 かなりネックなのがMacでの使用時に記号が打てないということです。 iPad

    hashimoya
    hashimoya 2011/04/13
    9台ペアリングキーボード!!筆談用にほすぃ
  • WebサイトをiPhoneに対応させる -レスポンシブ・ウェブデザイン- - EC studio デザインブログ

    このところのスマートフォンの広がりにより、デザイン部でもWebサイトのスマートフォン対応の必要性をひしひしと感じています。 実際のスマートフォン対応の取り組みとしてはこれからなのですが、その時のために従来のサイトをスマートフォンに対応させる方法、特に今回は閲覧環境に応じてページレイアウトを柔軟に切り替える、レスポンシブ・デザイン レスポンシブ・ウェブデザイン(Responsive Web Design)(ご指摘ありがとうございます。)に関していまさらながら調べてみたので、大枠的なことをふわっとまとめておこうと思います。 レスポンシブ・ウェブデザインって まず「レスポンシブ・ウェブデザインとはなんぞや」と言うところですが、 Webサイトのページレイアウトを閲覧環境(パソコン、iPhoneAndroid など)に応じて動的に変更させる手法で去年あたりからよく耳にするようになりました。 ブラウ

    hashimoya
    hashimoya 2011/04/13
    Media Queryを使うけど、見た目だけじゃなく。「各デバイスの特性にフォーカスしたコンテンツをそれぞれに用意して、アプローチを変えてWebサイトを展開していくのがこれからのモバイル対応ということになるのでしょうか
  • 結局どうすればいいの? - Dive Into HTML5

    Translation of: What Does It All Mean? - Dive Into HTML5 Diving In The Doctype The Root Element The <head> Element Character Encoding Friends & (Link) Relations rel = stylesheet rel = alternate Other Link Relations in HTML5 New Semantic Elements in HTML5 A long digression into how browsers handle unknown elements Headers Articles Dates and Times Navigation Footers Further Reading 訳注 Diving In この章で

    hashimoya
    hashimoya 2011/04/13
    Dive Into HTML5の和訳だった
  • The Current State of HTML5 Forms · Wufoo

    An arrow pointing left An arrow pointing right An arrow pointing left A magnifying glass The Twitter logo The Facebook logo The LinkedIn logo The Google Plus logo The RSS feed symbol The Wufoo by SurveyMonkey Logo The Wufoo by SurveyMonkey Logo A credit card A tray with an upwards pointing arrow A diamond with two arrows leading to different boxes Two bars in a chart Two pages A painter's palette

    hashimoya
    hashimoya 2011/04/13
    IE9はともかく、Opera11がんばりすぎ。
  • Home - Mgallery-JQ

    Greetings, dear readers! My name is Donald Post I am proud to present you our blog on developing websites in JQuery for desktop and mobile devices.

  • How to Measure the Effectiveness of Web Designs

    President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX. At the end of the day, the quality of

    How to Measure the Effectiveness of Web Designs
    hashimoya
    hashimoya 2011/04/13
    ウェブデザインの効果をどうやって評価するか。結局解脱率だったり、滞在時間だったりクリックレートだったりするけど、こういう視点での試みは大事だな。
  • Graphic Design Links | Best Graphic Design Links | 80+ Graphic Design Links | Outlaw Design Blog - A Graphic Design Blog

    Enhancing Tourism Experience: The Role of Graphic Design in Hotels and Tourism Applications The Importance of Graphic Design in Tourism In today's highly competitive tourism industry, graphic design plays a crucial role in attracting and engaging travelers. From brochures and websites to mobile applications and signage, visually appealing design elements are essential for capturing the attention o

    hashimoya
    hashimoya 2011/04/13
    ウェブデザイナーに売れ筋のPCなど。2011年3月あたま現在。日本版ほしい
  • RedLine Magazine : 印刷用CSSのお話

    印刷用CSSのお話 最近担当したサイトでは印刷用CSSをたいがいセットにしてます。同業者の方だと経験あるかもしれないですが、昔の鬼級テーブルレイアウトの頃は言われた事なかったんですがCSSを使い始めてから「背景が印刷できない」と、よく言われました。「ブラウザの設定で『背景も印刷する』にチェック入れると出てきますよー。デフォルトではインク節約仕様になってるんすねー(嘘かホントかは知らない)あはははー」とか返してました。 デフォルトの状態で印刷できないってのは問題あるだろってのはもちろんちゃんと分かってたんですよ。ここは背景扱いにしたらデフォ状態で印刷したらエラい事になるぞ、とか使い所の選別はしてましたし。まぁでも「あなた、なんでもかんでも画像化するの大好きなクセに検索対策っ!検索対策っ!さっさと検索対策~!って言うじゃん」とか憤も溜まってました。 印刷用のCSSを用意するようになってからは

    hashimoya
    hashimoya 2011/04/13
    じっさいにテクニック云々ではなく、どう対応していくかの過程が参考になる。
  • パン屑リストについてもう一度考えてみる

    様々なパン屑リスト 利用者が辿ってきた道筋を示し、いつでも先に戻れるような配慮としてパン屑リストがあります。IA の専門家 Keith Instone によると、パン屑リストには以下のタイプがあると言われています。 場所の示す Webサイトをツリー状として捉えたときの利用者の現在地を表示する 経路を示す 利用者が現在地まで辿り着いた道筋を表示する 属性を示す 断面的な検索をして絞り込む際、選択済みの属性を表示する 進行状況を示す アプリケーションの利用の際、タスクの進行状況を表示する それぞれのパン屑リストには特有の機能があり役割を果たして来たわけですが、当に必要かどうかを再考するべきタイプもあります。例えば経路を示すパン屑の場合、ブラウザで既に実装している「戻る / 履歴」と重複しています。また、利用者が幾つかのページをブラウジングしているだけの場合など経路を残すべきか判断しにくい場合

    パン屑リストについてもう一度考えてみる
    hashimoya
    hashimoya 2011/04/13
    確かに、わりと変則的(≒柔軟)な構造にするとパン屑リストが矛盾することがある。閲覧者に構造を示すことが本当に必要なのか。おそらくSEOも絡むからなかなかなくならない。
  • YouTube連携|jQuery plugin|Ajax|PHP & JavaScript Room

    jquery-tubular〔背景いっぱいにYouTube動画を再生〕 jQuery Youtube Player〔YouTubeビデオ埋め込みカスタマイズ〕 jquery.mb.mediaEmbedder.1.0〔Vimeo、Ustream、livestream、YouTube、mp3などのメディアファイルを簡単に埋め込み〕 prettyPhoto〔リンククリックで、Vimeo、YouTube動画をポップアップ表示〕 jYouTube〔YouTubeビデオのサムネイルやスクリーンショットを取得するjQueryプラグイン〕 YouTubeのRSSから取得したビデオのサムネイルとリンクを出力〔jQuery使用〕 YouTube Chromeless Video Player〔クロムレスプレーヤー埋め込みプラグイン〕 jQuery Youtube playlist plugin〔カスタマイズ性

    YouTube連携|jQuery plugin|Ajax|PHP & JavaScript Room
    hashimoya
    hashimoya 2011/04/13
    ようつべをいぢり倒せる。
  • Eric's Archived Thoughts: Reset Revisited

    It was close to four years ago now that I first floated (ha!), publicly refined, and then published at its own home what’s become known as the “Eric Meyer Reset”.  At the time, I expected it would be of interest to a small portion of the standards community, provoke some thought among fellow craftspeople, and get used occasionally when it seemed handy.  Instead, it’s ended up almost everywhere. (T

    Eric's Archived Thoughts: Reset Revisited
    hashimoya
    hashimoya 2011/04/13
    Eric Meyer氏のReset.cssの2011年版。HTML5対応。
  • 10 Tips for Optimizing Web Form Submission Usability

    President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX. Web forms play a big part in every day

    10 Tips for Optimizing Web Form Submission Usability
    hashimoya
    hashimoya 2011/04/13
    フォームってちゃんと配慮して作ればコンバージョン率もあがるし大事なとこなのに、わりと最後にまわされてちゃらっと作ることが多いんだよな、、ここで上がってることくらいはせめてさっと実装できるようにならねば
  • BeautyOfTheWeb.jp - 美容とメイクアップのアイデア

    あなたの健康状態を改善する簡単で自然な方法は数多くあります。ここでは、そのいくつかをご紹介します: 1.休息と睡眠を十分にとる。睡眠は全身の健康維持に不可欠であり、気分の改善、ストレスの軽減、エネルギーレベルの上昇に役立ちます。 2.健康的な品をべる。栄養価の高い事は、気分を改善し、エネルギーレベルを上げ、全体的な健康を促進するのに役立ちます。 3.定期的に運動する運動は、ストレスの軽減、気分の改善、エネルギーレベルの向上など、心身の健康にとって多くのメリットがあります。 4.日中、休憩をとる。1日の中で休憩を取ることは、ストレスを軽減し、集中力と生産性を向上させるのに役立ちます。 5.愛する人とつながる。愛する人と過ごすことは、ストレスを軽減し、ポジティブな感情を促進し、全体的なウェルビーイングを向上させることができます。 6.自分が楽しめることをする楽しいことをすることは、ストレ

    hashimoya
    hashimoya 2011/04/13
    IE9+HTML5でBeauty of the Web。しかし、IE9でないとダメな理由とはなんだろう?
  • Yuki77: Daftar Slot Gacor Deposit Slot Bank Syariah Indonesia

    Yuki77 adalah destinasi utama bagi para pecinta perjudian daring di Indonesia yang mencari pengalaman taruhan yang menarik dan aman. Dengan fokus pada kenyamanan dan keamanan, Yuki77 menyediakan daftar slot gacor terkini yang dapat diakses dengan mudah melalui deposit menggunakan bank syariah Indonesia. Pemain di Yuki77 dapat menikmati ribuan opsi slot yang menarik dan menghibur, dengan peluang un

    Yuki77: Daftar Slot Gacor Deposit Slot Bank Syariah Indonesia
    hashimoya
    hashimoya 2011/04/13
    アメリカの新聞一面をならべて比べてみる。変な感想だけど、なんかWEBデザインぽい。
  • 2011年、成長するWebにふさわしいCMS選択ベスト5: 世界中の1%の人々へ

    2010年12月| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 (cc)The U.S. Army Webは企業と制作会社が一緒になって作り、育てることでビジネス競争に勝つ時代になっている。 昨日は「CMSは目的や環境に応じて選ぶといいよ。でもそれより大事なのはパートナー選びだからね」ということを書いたのだけど、今日は一歩進めて、そんな時代にふさわしい育てる時代にふさわしいCMSとはどのようなものかを考えてみました。従来の機能にプラスして、今後制作する新たに考慮しなければならないのは下記3点だと思います。 マルチデバイス SNS連携 高い拡張性 マルチデバイス対応、マルチブラウズ ひとつのコンテンツをデバイスやブラウザ毎にHTMLのバージョンを最適化して出力する機能が

    hashimoya
    hashimoya 2011/04/13
    これすげー参考になるな。内容もさることながら、選ぶ視点が明示化されてるのがいい
  • CSS 20 stunning examples of CSS 3D transforms

    Why not try a subscription?Every issue is packed with art and design inspirationDelivered to your IOS or Android deviceNever miss an issue

    hashimoya
    hashimoya 2011/04/13
    まあ、わかってはいたけど、、Vendor Prefixesと仲良くね★とか・・・時代は進化してもやってることあんまり変わらない気がするのはなぜ。「It's kind of our job.」、確かにそうだけどな!
  • iPhoneデザインボックス

    みんなが見てる人気のスマートフォン向けWebサイトデザイン

    hashimoya
    hashimoya 2011/04/13
    海外モノもあり、デザイン寄り?
  • iPhoneデザインアーカイブ

    【初めての方はこちらをクリック】 iPhoneデザインアーカイブは、携帯サイトキャプチャ集「モバイルデザインアーカイブ」の姉妹サイトです。 iPhoneサイトを制作する上で参考になる秀逸なデザインを持つサイトのキャプチャを集めています。 iPhoneサイト制作を請け負ったけど、「なかなかデザインがまとまらない」「洗練されたデザインを参考にしたい」といった方のために、 優れたiPhoneサイトのデザインを集めました。また、iPhoneサイトにまだ手を出されていないモバイルデザイナーの方に、iPhone サイトデザインの雰囲気を掴んでいただくことで、「今後の仕事の幅を広げるきっかけになれば・・」、という思いで立ち上げました。 デザインに優れたiPhoneサイトはもちろん、技術的に優れたiPhoneサイト、そして現在のトレンドを捉えたiPhoneサイトを掲載しています。 なお、意識的にiPhon

    hashimoya
    hashimoya 2011/04/13
    ジャンル別。しかし既視感のあるデザインだ…