私がwebサイトのラフデザインを制作する時の流れ │ Design Spice
私がwebサイトのラフを作る時の流れを書いてみました。 独学で身に付けた方法であり、 一般的な方法ではないかも知れないことを予め断っておきます。 私にはやりやすい方法ですが、 他の人にとってはそうではないかもしれません… 本エントリーはラフデザインのみ注力するため、既にコンセプト、ターゲット、サイト構成などは決まった状態と仮定します。 （※本文中のショートカットキーは全てMacの場合です） 希望デザインのヒアリング ※委託業務の場合です どんなデザインが希望かを先方にヒアリングします。 この時にできるだけ、クライアントのイメージを明確にするため 抽象的でも良いので沢山言葉を貰います。 明るい、可愛い、ポップ、カッコいい、シンプル、落ち着いた…etc 具体的にデザイン参考にしたいサイトがあるのなら聞いておきます。 また頂いた言葉と自分のイメージのギャップを埋めておきます。 ”シンプル”と言う
CSSだけで作るtableデザインテクニックVer.02(おまけ付き)
今日は土曜日なので、軽めの記事を投稿させていただきます。以前紹介した[CSSだけで作るtableデザインテクニック]の続編です。今回はCSSだけで作るテーブル2つと、おまけとしてCSS+ちょっとした画像で作るテーブルを紹介させていただきます！ こんなに朝早くから投稿した理由は、これから新潟に旅行に行くからです！！予約投稿すればよかったんですが、ちょっと手直しをしたかった所があったので、ついでに投稿しちゃいました！ 気に入っていただけましたら自由に使ってください。シンプルなデザインですのでカスタマイズもしやすくなっていると思います。ではどうぞ！ CSSテーブルデザインテクニック01 HTML テクニック01 <table> <tr> <th class="t_top">No.</th> <th class="t_top">table title01</th> <th class="t_top
目的を達成させるための最適なWebサイトのタイプ(種類)
先日[ホームページ成功への道はすべてここから始まる。目的・目標の明確化]を書かせて頂いたんですが、「目的が決まっても、目的を達成させるためにどんなWEBサイトを作ったらいいのかわからない」と読者の方から連絡をいただきましたので、今回は【目的を達成させるための最適なWebサイトのタイプ(種類)】を紹介したいと思います！ WEBサイトには多種多様な目的があり、その目的を叶えるためにさまざまなタイプのWEBサイトが存在します。今回はこれらをわかりやすく見比べられるように表にしてみました。新しくWEBサイトを作るときなどに参考にしてみてください。 WEBサイトの目的とタイプは生まれ続ける。 インターネット上には、さまざまなタイプのWEBサイトがあります。商品を直接販売するための「ECサイト」、会社情報を伝えるための「コーポレートサイト」、商品やサービスを認知してもらうための「プロモーションサイト」
iView Slider
画像だけでなく、動画やiframe, HTMLコンテンツにも対応し、レスポンシブレイアウトやタッチデバイスもサポートしたスライダーをHTML5ベースで実装するjQueryのプラグインを紹介します。 iView Slider (jQuery) iView Sliderの特徴 iView Sliderのデモ iView Sliderの使い方 iView Sliderの特徴 iViewはキャプションやサムネイルをアニメーションで表示できるjQueryのスライダーで、イメージスライダー、コンテンツスライダー、バナー広告、プレゼンテーションなどさまざまな用途で利用できます。 IE6/7/8/9, Firefox, Chrome, Safari, Operaなど、主要ブラウザを全てサポート。 iOS, Androidのスマートフォンもサポート。 サイズは変更可能で、レスポンシブレイアウトに対応。 フレ
すぐ役に立つ10の「トヨタ流片づけ術」 | ライフハッカー・ジャパン
5S（整理・整頓・清掃・清潔・しつけ）という考え方があるトヨタには、片づけの文化が浸透しているそうです。そして、その点に注目した『トヨタの片づけ』（OJTソリューションズ、中経出版）の著者は、「デスクの上が整然と片づけられている人ほど、段取りよく仕事をこなしています」と断言します。 でも、わかってはいてもなかなか片づけられないもの。そこできょうは本書から、「ムダを減らすトヨタの『整理術』」に焦点を当ててみましょう。1．「モノの放置」がすべてを物語る（56ページより） 整理されていないオフィスは成果が上がりにくいため、「モノの放置」を放っておかないのがトヨタマン。ポイントは「いるもの」と「いらないもの」を分け、いらないものは捨てること。この意識が徹底されていないと、モノの放置が生まれるそうです。 2．捨てる「判断基準」を持ちなさい（62ページ） 片づけに「判断基準」を持つことは、整理すること
Google、「検索の仕組み」を描いた公式インフォグラフィックを公開 - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
インフォグラフィックばかりかビデオグラフィックにもはまりつつあるSEO Japanですが、あのGoogleがインフォグラフィックで検索エンジンの仕組みについて分かりやすく解説した特設ページを開いたということで早速のその内容をご紹介。 — SEO Japan グーグルの検索エンジンが、どのように動き、どのようにウェブでページを見つけ、そして、検索クエリに対して、どのようにページをリストアップするのか、誰しも気になったことがあるはずだ。グーグルがこの質問に答える新しいリソースを用意してくれた。本日発表された、How Search Works（検索の仕組み）と呼ばれるこの新しい取り組みは、インタラクティブなインフォグラフィックであり、グーグルがスパムを処理する方法を含む、検索のプロセスが詳しく描かれている。 この新しい取り組みは、グーグルがeメールを処理する方法を説明するため、昨年リリースしたイ
YSTのSEOとYahoo! Japanからのトラフィック誘導 - SEO 検索エンジン最適化
テクニカルSEOとは、オンページSEOの一部であり、検索結果での順位を向上させるためにウェブサイトの技術的な側面を改善することを指します。検索エンジンにとって、クロールしやすく理解しやすくすることがテクニカルSEOの中心です。具体的には、サイト内のリンク構造を最適化したり、ページ内の論理的な構造を最適化したり、ページの読み込みを高速化することなどの技術的な最適化が含まれます。 ECサイトのSEOでは、正確で詳細にわたる商品情報に加えて、上位表示のためには高い評判や人気が必要となります。通販系のトランザクショナルクエリの検索結果には、その分野における人気の高いショップから順にリストされるからです。この記事ではGoogle検索品質評価ガイドラインをもとに、ECサイトのSEOの方法を解説します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
