キーワード検索「ポイント」
953
最近今あるサイトをスマートフォンに対応させるべく、コツコツがんばっているわけですが、その際に気になったことや知っておきたいポイントをまとめてみました。基本的な内容も多いと思いますが、ご参考になればと思います。 1. スマートフォンに対応させるには？ ウェブサイトをスマートフォンに対応させるには2つのパターンがあると思います。 PCにもスマートフォンにも対応したページを作成するか、PC用ページとは別...
667
ユーザーのアクションを誘う購入や送信や検索ボタンなど、最近のインターフェイスデザインでよく見かける7種類のボタンデザインを紹介します。 下記は各ポイントを意訳したものです。 また、元記事ではそれぞれのボタンを作成するPhotoshopのチュートリアルも掲載されています。 1. テクスチャを使ったボタン 2. パターンを使ったボタン 3. 3Dを使ったボタン 4. 1ピクを使ったボタン 5. 背景を...
565
どのWebサイトにも必ずあるのがナビゲーションメニュー。各コンテンツページへリンクされている「Webサイトの目次」です。この目次をきちんと設置していないと、ユーザーは欲しい情報が見つけられず、離脱率が高くなります。そのサイトでしか手に入らない、本当に必要な情報でない限り、こちらから案内しないとユーザーはコンテンツを探そうとしません。そんなナビゲーションメニューについて考えてみましょう。 ナビゲーシ...
539
いまリニューアル中のwebサイトがあります。リニューアルポイントは改善点の大きなポイントは負荷対策。つまりブラウザへの表示速度の改善です。 よい機会なので、webページの高速化について調べてみました。 目次 高速化の重要度 Webサイトの待ち時間の80％はフロントエンドの処理によるもの 【デザイナーにできること1】「CSS Sprite」で画像の表示速度を高速化する 【デザイナーにできること2】外...
511
![[CSS]今、そして近い将来に使用するであろうスタイルシートのテクニック集 | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/css/the-bright-near-future-of-css-by-smashingmagazine.html)
CSS3のテクニックはさまざまなものがありますが、その中からまさに今、そして次のプロジェクトに使用したくなるテクニックを紹介します。下記は各ポイントをピックアップして意訳したものです。はじめにStyling HTML5Classing like HTML5Media QueriesStyling Occasional ChildrenStyling Occasional ColumnsRGB Al...
461
備忘録, 戯言色々書いてたらめちゃくちゃ長くなった目次個人的なはてなインターンお気に入りポイント5つ圧倒的な質と量で1つのことに取り組むユーザ目線でサービスを作る優秀な社員さんと日本中から集まった仲間たちオフィスランチはてなIDの存在来年行ってみようかな、と少しでも思う学生の方へプログラミングスキルに自信がない京都が遠い他にやりたいことがあるインターン期間にお世話になったWebページなどPerl関...
473
英語のサイトにはたくさんの素敵情報が溢れていますが、なんだかハードルが高く感じていませんか？頑張って読んでみたけどわからない単語につまづいたり。という事でWeb業界でよく使う英単語を、過去のメールのやり取りを読み返したりして思いつく限り書いてしました（そのままカタカナになっている単語は省きます）。ポイントをおさえれば「「英語だから…」なんて拒否っちゃ駄目なWEB屋が知っておくべき厳選ブログ、WEB...
460
Webデザイン制作などに活用できる質感の高いデザインパーツを公開しているサイトがあったので、今回はご紹介します。 継ぎ目の無いパターン、テクスチャ素材などの他にも、ホームページのテンプレートやHTMLホームページ本体も無料でダウンロード可能となっています。 詳細は以下から。 Elemisは、Webデザインに便利なパーツや素材などをすべて無料公開されており、どれも商用利用が可能となったアイテムばかり...
511
手描き字・丸文字・四角い系・四角て丸い系・くずし文字・アクセント付き・へた文字系・ゴシック系・明朝系・筆文字系・筆書体系・欧文(英数のみ)・変わり種フォントなど、約80種類の「ウェブフォント」（パソコンにインストールされているフォントではなく、サーバにアップロードされているフォントを指定して自由に表示させるCSS3 Web Fontsを使った技術、このサンプルを見るとよくわかる）が利用可能なネット...
479
Designer Dailyの記事を参考に、Appleのウェブデザインからディテールを強化する9つのポイントを紹介します。 Creating beautiful web designs: 9 details that matter 下記は各ポイントを意訳し、Appleのサイトを例にしたものです。 ドロップシャドウ ドロップシャドウは、デザインに深さを与える素晴らしいテクニックです。しかし、計画的に...
460
ローソン、無印良品、テレビ朝日など、国内でもHTML5で企業サイトを制作する事例が増えてきました。今すぐではないにせよ、「次のリニューアルはHTML5で制作したい」と考えるWeb制作者も少なくないでしょう。本連載では、「XHTML 1.0/HTML 4.01からの移行」をテーマに、HTML5マークアップの基本から実務で使用するポイントまで、ライブドアのマークアップエンジニア 浜 俊太朗さんが解説し...
450
ひとつ前のエントリーの続きです！(動画も同じ) 今回こそ、当初の目的であった 『Clear for iPhone』のUIを独自に再現した実装 についての解説を書いていきますね。 初めに断っておきますが、今回のエントリーはStudy CoreDataシリーズのようなチュートリアルではありませんのであしからず。。 部分部分でどういった実装をすればあのUIが実現出来るのか？というポイントを解説していきま...
475
![[JS]jQuery Mobileでスマフォ対応ページをはじめて作成する際に役立つコード集とつまづきやすいポイント | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/javascript/jquery-mobile-tips-and-snippets-to-get-you-started-by-webdesignerdepot.html)
jQuery Mobileを使って、スマートフォン対応ページをはじめて作成する際に役立つコード、つまづきやすいポイントを紹介します。 下記は各ポイントを意訳したものです。 スマフォ対応ページの基本HTML jQuery Mobileの利用方法 AJAXナビゲーションの停止 リストアイテムの省略を阻止 Media Queriesの利用 プラットフォームの特定 フォームを使用する際の注意点 ポップアッ...
450
下記は各ポイントを意訳したものです。 キャプチャに使用している画像は元記事よりPSDファイルでダウンロードできます。 各デバイスのサイズ レイアウトを3つ レイアウトを4つ レイアウトを6つ 各デバイスのサイズ まずは、2012年3月現在の各デバイスの幅です。 ※クリックで拡大 ポイント 上段：ポートレイト（縦置き）、下段：ランドスケープ（横置き）です。当初は各デバイスの高さ/幅のダイアグラムを作...
441
スマホサイトの作り方関連のブログとかを見てて、viewport周りの基本的な設定は書かれているのですが、個人的に重要だと思うポイントが、なかなかどなたも書いてらっしゃらないような気がするので、まとめてみました。それは、とにかく内側のHTML要素をハミ出さないように作るどうしてか？ふつうは、スマホサイトというのは縦スクロールしかさせたくないですよね。例えば、iPhoneで言うPortrait（縦）表...
461
素晴らしいデザイナーは日々、自身のスキルを向上しています。 「もうここで十分です」と言って成功したデザイナーを誰も聞いたことがないでしょう。ウェブデザイナーのスキルアップに役立つ20のメソッドを紹介します。20 Methods for Upping Your Current Web Design Skills下記は各ポイントを簡潔に意訳したものです。 原文はそれぞれもう少し長いです。ユーザーインタ...
404
ウェブページのスピードを改善することは最適なユーザエクスペリエンスを提供するだけでなく、Googleの検索結果にも影響を与える大切な要因です。 すぐに実施できる、あなたのウェブページのスピードを改善する10のチップスを紹介します。 下記は各ポイントを意訳したものです。 1. 現在のスピードをチェック 2. 画像の最適化 3. 画像は実寸で配置 4. コンテンツを圧縮して、最適化 5. スタイルシー...
413
最近では、エントリーフォーム最適化（EFO）という施策も広まってきましたが、特に購入やサンプル請求、お問合せ等がコンバージョンとなっているサイトではフォームで離脱されてしまってはせっかくの広告や施策が水の泡になってしまいます。 ここではユーザーを離脱させないために気をつけたいポイントとそれを実現するために便利なjQueryのプラグインを紹介します。 まず、入力フォームを作成する際のポイントは、ユ...
400
下記は各ポイントを意訳したものです。 はじめに URLを設計する理由 トップレベルのセクションは重要 URL構造を増強する方法 クエリの文字列 URLにはASCIIを URLは検索エンジンのためにではない URLは合意 全てがURLを持っているべき リンクはリンクらしく 再利用できないURL 素晴らしいURLの例 おわりに はじめに あなたは、URLの構造を設計するのに時間をかけるべきです。この記...
360
2011年12月02日06:30 jQuery初心者（凡人）が1か月でjQueryを書けるようになった4つのポイント カテゴリWEB書評・読書メモ mixiチェック シェア Tweet 独学でjQueryをはじめて、1か月そこそこで ベーシックなアニメーションを実装できるようになりました。 私なりにポイントだと思ったことを整理したいと思います。 ポイント1 jQuery初心者用の本を買う 数か月前...
