たった1行！スマホサイトのコーディング時に役立つ小技8（サンプルあり） - Design Color
もくじ 幅をデバイスサイズに合わせる スマホを横にしたときに文字が大きくならないようにする 電話番号に自動的にリンクが付かないようにする リンクを押したら電話をかけられるようにする リンクを押したらGoogleマップアプリを起動させる リンクエリアを広げる paddingやborder分を気にせずwidth/heightの数値を指定する 長い文字列でも途中で改行させる 1.幅をデバイスサイズに合わせる まずはスマホサイトを作るときの基本ですね。サイト幅をデバイスの幅に合わせてあげるには、以下の一行だけで対応出来ます。 <meta name="viewport" content="width=device-width,initial-scale=1.0"> サンプル 2.スマホを横にしたときに文字が大きくならないようにする スマホを横にすると、解像度が変化すると共に文字サイズも大きくなってし
1-yo.com - 1 yo リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
ドワンゴ・川上量生会長 「受験料徴収」の真意 大量の“廃人”を生み出す「就活」
厚生労働省呼び出し事件の真相 ──首都圏の新卒者がドワンゴの採用試験を受験するとき、受験料2525円を払うことになりましたね。 これは今の就活のあり方に、僕なりに思うことがあるから。2525円なら大きな負担にならないだろうときめました。受験料は全額、日本学生支援機構に寄付します。 他の方法も考えましたが、「お金を取る」ことは、今の就活が、いかに問題が多いかを世に知らしめる、いちばんいい方法だなと思いました。「お金を取る」のは単純には理解されないだろうから、様々な意見が出ると思いました。それが狙いでした。 ──特に今の就活のどこに問題を感じますか。 「リクナビ」はひどいと思います。学生をたくさんの会社にエントリーさせようと煽っている。会員登録すると人気ランキング上位の会社に全部エントリーしてみましょう、と勧められる。「まとめてエントリー」ボタンを押すと上位50社とかにいきなりエントリーされる
デザイン時に気を付けたい目的と手段の取り違え
デザインする時、手段ばかり追ってしまい、「( ﾟдﾟ)ﾊｯ!そもそもの目的ってなんだっけ」ってなりがちなので、気を付けたいなと思いまとめてみました。 1. 目的をしっかりと認識する 例えば、上のようなボタンをデザインしたとき、「もっと目立つように大きく、色も赤とか目立つ色にしてください」という修正指示を受けたとします。 「目立たせる」という目的の解決策として、「大きくする」、「赤などの目立つ色を使う」という2つが考えられています。そしていつの間にか、これらの解決索が目的にすり替わっていることが無いでしょうか。 「大きくする」、「赤などの目立つ色を使う」ことを行えば目的を達成できるかのように錯覚するのですが、その解決策は本当に最適かを考える必要があります。そもそもの目的は「ボタンを目立たせること」で、その解決策は他にもあります。 2. 他の手段も考える 「目立たせる」ためには、差別化する、近
Takazudolog - OOCSSとSass
CSS Preprocessor Advent Calendar 2012の10日目、@Takazudoです。 僕はSassが好きです。なぜならSassにはextendがあるからです。その理由を、社内勉強会で発表した、以下のスライドで話したことを補足しつつ、書きます。 OOCSS + Sass OOCSSってなんぞ まず、Sassのextendが素敵な点を紹介する前に、OOCSSについて簡単に紹介します。 OOCSSというのは、Nicole Sullivanという人が言い出した考え方です。そのプレゼン資料やビデオなどは、本人が発表したものが、slideshare等にアップされています。 Object-oriented CSS Object Oriented CSS by Nicole Sullivan · Fronteers The Cascade, Grids, Headings, an
PCサイトをスマホに最適化するツール、Googleがリリース 1年間無料
PC向けWebサイトを簡単にスマートフォンに最適化できるツールをGoogleが提供。中小企業が低コストにスマートフォン向けサイトを作成できるようにする狙いだ。 Google日本法人は11月28日、PC向けWebサイトを簡単にスマートフォンに最適化できるツールの提供を始めた。最初の1年間は無料。2年目以降は月額1180円。中小企業が低コストにスマートフォン向けサイトを作成できるようにするのが狙い。 PCサイトのURLを入力すると、スマートフォンに最適化した画面を自動で表示。テンプレートや色、ボタンの配置などを調整するだけで、スマートフォン版の簡易サイトを作成できる。ワンクリックで電話をかけられるボタンを付けたり、地図を挿入することも可能だ。 サイトデザインが完成するとURLを発行。PCサイトにアクセスしたスマートフォンユーザーを、スマートフォン版にリダイレクトさせる設定もできる。 Googl
無料でダウンロードできる洗練されたデザインのUIキットいろいろ
わかりやすく、統一感のあるウェブサイトをデザインする時にあると便利なのがUIキットですが、ウェブ開発・デザインに関する情報やコンテンツを扱うブログBest Open Source Resourcesがそんな美しいデザインのUIキットをリスト化しています。明るいグレーやダークなカラー・木目調など、さまざまなパターンのPSDファイルが無料でダウンロードできるため、頭の中のイメージに合わせてコンテンツを選ぶことが可能です。 A Comprehensive Collection of Free UI Kits & Templates | Web Resources | WebAppers http://www.webappers.com/2012/11/12/a-comprehensive-collection-of-free-ui-kits-templates/ ◆01："Pizza" UI K
ネット専用クレカ便利すぎ。クレカを持てない、持ってない人に最適な｢V-PreC＠（Vプリカ）｣
ネット専用クレカ便利すぎ。クレカを持てない、持ってない人に最適な｢V-PreC＠（Vプリカ）｣2012.09.17 11:00Sponsored 最初知ったときは｢こんなサービスあるの？ 早く言ってよ〜｣と思わずにはいられませんでした。 Vプリカ。ネットショップでクレジットカードのように使えるプリペイドカードです。 ネットショップでクレジットカード決済するのってなんだか抵抗がありますよね〜。しかも、支払った感覚が希薄なのでついつい買いすぎてしまったり...。 そもそも、ネットショップはクレジットカードを持っていないと買い物できないことも多いので、事情があって持っていない人、作りたくない人にとっては不便な世界でした。 そのへんのお悩みをまるっと解決してくれるのがVプリカです。早速、中身をご紹介しましょう。 Vプリカは実際にはカードが発行されないので実店舗での使用はできません。ネット専用です。
【実践編】少しの手間で大きく変わる、細部にこだわったWebデザインを
2013年3月23日 Photoshop 「少しの手間で大きく変わる、細部にこだわったWebデザインを」で紹介した「わずかな」加工を使ってボタンのデザインをかっこよくしよう！というチュートリアル記事です。前回の記事内にPhotoshopでの作成チュートリアルも載せたかったのですが、あまりにも長くなりそうだったので別記事にする事に。合わせて見てみてください！ ↑私が10年以上利用している会計ソフト！
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
iOS7でAppleが目指したのは「UIデザインの常識」の再発明である