タグ

参考とweb制作に関するtagbouzのブックマーク (8)

  • スマートフォンサイト作成の参考になるギャラリーサイトのまとめ

    このブログではないですが、Google Analyticsを見るとスマートフォンからのアクセスが結構あったので、スマートフォン向けのサイトを作ってみようと思いました。 ただ、スマホ向けのサイトは作ったことがないので、まず実際に色んなサイトを見て参考にしようと思い、ギャラリーサイトを調べてみました。 国内ギャラリー まずは国内サイトです。iPhoneが中心になっています。この3つのほかにも色々ありましたが、内容的には似ているので、更新頻度や使いやすさなどを基準に選びました。 iPhoneデザインボックス 画像が大きく見やすいです。個別ページでは画像も多くPCサイトとの比較もあってとても使いやすいです。カテゴリもしっかりしています。 iPhoneデザインアーカイブ 掲載サイト数が多く、更新頻度もかなり高いです。 スマートフォンサイト集めました。 すっきりしたデザインで見やすいです。カテゴリも業

    スマートフォンサイト作成の参考になるギャラリーサイトのまとめ
  • CSS3での背景指定方法のまとめ

    CSSであれこれやっていたら、まず間違いなく使うであろう背景関連のプロパティ。 CSS3ではこれまでより多くの指定ができるようになります。 それらの新しいプロパティや値はいったいどういうものなのか、調べてみました。 主に参考にしたのは以下の2つです。 CSS Backgrounds and Borders Module Level 3現在の仕様です。CSS 背景 & ボーダー モジュール Level 32011年2月15日版の仕様の日語訳です。プロパティと値の説明はこちらを参考にしました。背景のレイヤー背景は複数のレイヤーを持つことができ、レイヤーの数はbackground-imageに指定されたカンマ区切りの値の数によって決められます。noneの指定も一つのレイヤーを生成します。 背景レイヤーの重なり方ですが、初めに指定したものから手前に来ますので、注意してください。 例として、下のr

    CSS3での背景指定方法のまとめ
  • あなたのブログの再訪問者を増やす50の方法

    私の経験から感じた事を書き記します。 全てが全てその時々で、正しいとは限りませんが、一つの指針としてお使いください。 因みに全部リスト化すると230くらいありましたが、それはきっとセミナーとかでやるかなぁと。 1人の再訪問を増やす意味 あなたのサイトの新規訪問者を30000上げる方法なんていうのもあるわけですが、それよりも遥かに重要な事があります。 それは、たった一人の再訪問者を増やす方法です。 何故か? 手っ取り早く30000人に来てもらう事が重要に見えますか? そうではありません。 すこし、昔の話しになりますが、私がブログを始めた当時ではツイッターと言うものがありませんでした。 私の一ヶ月目のアクセス数は平均すると2~10セッションくらいです。 そして3ヶ月目も10~100程度。 4ヶ月目にはいり、ようやく1000~2000という具合です。 これは大手の個人ニュースサイトがリンクをくれ

    あなたのブログの再訪問者を増やす50の方法
  • 2011年6月第2週号 1位は、生産性を向上させるための各種Webツール、気になるネタは、任天堂、Wii Uを発表―新ゲーム機はタブレット型コントローラーを採用 | gihyo.jp

    週刊Webテク通信 2011年6月第2週号1位は、生産性を向上させるための各種Webツール、気になるネタは、任天堂、Wii Uを発表―新ゲーム機はタブレット型コントローラーを採用 ネットで見かけたWebテク(Webテクニック・Webテクノロジー)記事から、Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は、2011年6月6日~2011年6月12日の間に見つけた記事のベスト5です。 1. 10 Free Productivity Tools for Busy Web Professionalshttp://sixrevisions.com/tools/free-productivity-tools-web-pro/ Webデザイナーやデベロッパーの生産性を向上させるための各種ツールが紹介されています。 Webページをキャプチャーして注釈を入れられるBounce パソコン、

    2011年6月第2週号 1位は、生産性を向上させるための各種Webツール、気になるネタは、任天堂、Wii Uを発表―新ゲーム機はタブレット型コントローラーを採用 | gihyo.jp
  • Facebookページを作成する時に感じた 6つの疑問と作成してから感じた 4つのこと | なまら春友流

    アカウントは持っていたが、イマイチよくわかんないってことで放置していたFacebook。 しかし最近当ブログにはFacebook経由で来ていただく方が最も多くなっている。 正直これは知らないでは済まされないな、と思った。 しかもブログを書く人であればFacebookページを作成することはメリットしかないという声も聞こえてくる。 ってことでFacebookページを作ってみました。 ただね、いざFacebookページを作ろうと思ってもどうやっていいのかさっぱりわからない。 作る前はそもそも何がわからないのかもわからないので懸念していることを書き出してみた。 それが以下。 疑問点 〜時系列的に浮かんできた疑問点を載せてみる〜 そもそもFacebookページって何?どうやって作るの? Facebookページと個人用ページの違いは? 「いいね」と「シェア」の違いって? ブログの更新をFacebook

    Facebookページを作成する時に感じた 6つの疑問と作成してから感じた 4つのこと | なまら春友流
  • そのエラーページ、自己満足になっていませんか? (1/4)

    Webサイト制作の現場にも、根拠あるデザイン/UI設計やROIが求められるようになってきました。ところが、ユーザビリティ評価やA/Bテストに投資できるのは一部の先進的な企業だけ。現実には多くの制作現場で、デザインやUIの検証は進んでいません。 連載では、マーケティング施策の効果測定として使われることが多いアクセス解析のツールと考え方を応用し、WebサイトのUIや機能の利用状況、効果を検証する方法を紹介します。Google Analyticsなどの無料ツールを使い、Web制作者が時間やお金をかけずにできる考え方と具体的なテクニックを実践的に解説します。 Webサイト制作の現場にも、根拠あるデザイン/UI設計やROIが求められるようになってきました。ところが、ユーザビリティ評価やA/Bテストに投資できるのは一部の先進的な企業だけ。現実には多くの制作現場で、デザインやUIの検証は進んでいません

    そのエラーページ、自己満足になっていませんか? (1/4)
  • Webデザインにおける、1pxへのこだわり

    ☆ご注意☆ この記事は 2011年6月5日 に書いたものです。情報が古い可能性がありますのでご注意ください。 私も少しですがこの「1pxのこだわり」を日頃のデザインで使えるようになってきたので、制作方法とともにちょっとまとめてみました。 引き出しのひとつとして、デザイン勉強中の方、参考にしてもらえるとうれしいです^^ デザイン上級者の方々にとっては当然のことだと思うのですが、 最近つくづく思うのが、「1pxで質感が全然変わるよなぁ~」ってとても感じます。 たった1pxでピリッとしまったり、見やすくなったり、しゅっとなったり、、、と、1pxをないがしろにしちゃいけないんですねー… 今回は、私がデザイン制作時よく参考にしている、 デザイン参考集、bookma!さんの中から、色んなサイトを調べてみました。 目次 仕切り線の1px 文字をキリッと見せるための1px 動きのある1px 1pxの枠 仕

    Webデザインにおける、1pxへのこだわり
  • プロジェクトの開始までにWebディレクターが用意するものとこと13個まとめ

    さて、発注が決まった。クライアントからの要望はまだフワっとしてるけど、納期は何となーく見えている。(もしくは納期だけがカッチカチに決まっている)。 この状態からプロジェクト格スタートまでにディレクターが用意するべきものは何があるんだろう?今日はそのへんをまとめてみます。 ゴールまでのざっくりストーリー たとえばコーヒーのポータルサイトだったとして「コーヒーに関する情報なら何でもあります!」って言っても何も始まらない。そこにあるストーリーを多少適当でもいいのでドラマチックに盛り上げてしまいます。 1:店主はかつて2店舗のカフェを切りもりした実店舗の経営者 2:学生の頃からカフェが好きで、なんとか自分の理想のカフェを作りたかった 3:それは、カフェの持つ独特の雰囲気とコーヒーの香りが大好きだったから 4:だから、自慢のカフェの雰囲気を全国どこにいても感じてもらえるサイトを作りたかった。とか

    プロジェクトの開始までにWebディレクターが用意するものとこと13個まとめ
  • 1