Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Webデザインの本などで、「架空のカフェのサイトを作ってみよう！」みたいなフワフワしたチュートリアルはよくありますが、実際のサイトができあがっていく様をあまり見たことがないなと思い、LPの制作と並行して記事を書きました。 工程のすべてを書くのはつらいので、ハマった所や気をつけた所、後ろめたかった所を中心にまとめています。見苦しい所が多々あると思うので、そのときはそっと目を閉じてください。 ※ 記事にする許可は先方からいただいています LPとは ランディングページ。ユーザーが訪れる最初のページという意味らしいのだけど、商品の魅力を訴求する
Translation of: The All-Inclusive Guide to Web Typography Best Practices インターネットを見渡してみると、如何にタイポグラフィーがウェブ・デザインにおいて絶対的な支配力を持っているかに気付くことでしょう。とにかくウェブ・デザインの95%はタイポグラフィーだというわけです。このようなことを考える時は、様々なことを考慮しなくてはいけません。インターネットとはコンテンツであり、コンテンツとは文字そして文章です。すなわちタイポグラフィーを意味するわけです。 懸命なウェブ・デザイナーなら誰しもこのことは知っており、注意深くまた慎重に時間を費やし、作成中のウェブサイトでタイポグラフィーがきちんとなるようにしていることでしょう。その中では読者に機能的で魅力的であるようなタイポグラフィーを提供するため、ウェブサイトの情報アーキテクチャ
Bytes: The Best JavaScript NewsletterStaying informed on the JavaScript ecosystem has never been so entertaining. Delivered every Monday and Thursday, for free.Get Bytes
Problem statement There's no markup or API for dialog boxes, tool palettes, hovering tooltips, the contents of popup widgets, and the like. Real world examples today Registration Dialogs http://www.reddit.com/ - make sure to be logged out if you have an account, and click the register link <img src=/load/view.php?a=aHR0cDovL2p1bmt5YXJkLmRhbW93bW93LmNvbS80NzcmZ3Q7 http://digg.com/ - make sure to be logged out if you have an accou
Responsive design gets a whole lot faster A Framework for any device, medium, and accessibility. Foundation is a family of responsive front-end frameworks that make it easy to design beautiful responsive websites, apps and emails that look amazing on any device. Foundation is semantic, readable, flexible, and completely customizable. We’re constantly adding new resources and code snippets, includi
ICANN, the Internet Corporation for Assigned Names and Numbers, requires us to ask you as a Registrant of a domain name to verify your contact information for this domain with your provider. As a Registrant of a domain name, a new domain registration or changes to the first name, last name, contact address or email address of an existing domain name, requires verification of the information within
A presentation from SEO Campixx Barcamp 2011 in Berlin. Web Performance Optimization is about making websites faster. Here i discussed different measures and show the impact on competitive advantage and possibly rankings on Google. Undeniably you can say that better performance leads to more sales and better usability in terms of bouncing rates. View image slides here: http://b0i.de/wpopresentatio
光陰矢の如く、あと１月ちょいもすれば新卒採用の新人webデザイナーも入社してくる時期となりました。 受け入れる側ももちろんですが、当の本人も「現状、webデザイナーとしてどこまで出来んの？」って不安は、どこかしら持ってるんじゃないでしょーか。 というコトで今回のエントリーでは、これから未経験でwebデザイナーの世界に飛び込んでくるという方に、とりあえずこれだけは知っといて！ってゆー基礎的な知識を、個人的見解ではありますが６つほどピックアップしてみたいと思います。 あくまで基礎 + 個人的なお話なので、鬼軍曹みたいな先輩にしてみれば「知ってて当然」くらいかもですが (^^;) 新人webデザイナーに知っていて欲しい基礎知識 1.「Photoshop / Illustrator」の基本的な操作方法 webデザイナーである以上、ココは絶対に外せないトコだと思います。 いくら「未経験からでもしっか
世の中にはいろんなweb屋さんがいると思いますが、多くのweb屋さんって、ブログ書いてますよね。 そういうブログで自然と自己アピールできるなんか便利なツールないかなーと探してたんですが、特にみつからなかったので途方にくれてました。 とりあえず無ければ作ればいいかなと思い、自分自身で自己アピールFAQを作ってみた。なんて事は無い、ネタ帳自慢です。 このFAQをコピペして使えば、今までなんとなく自己アピールしたい事があったのに出来ないでいるweb屋さんもたちまち「いやこれ、ネタ帳がなんか作ったテンプレにただ答えただけで別に自慢じゃないし(ｷﾘｯ」とか言えちゃいます。 web屋Q&A １）あなたがメインとしているスキルはなんですか？ PHPとブログとコンサルティングです！ ２）web制作を行って過去一番安い金額での受注はいくらですか？ 5万。 ３）それはどんな規模で、何人で行いましたか？ 7ペー
FAQやよくある質問などのヘルプコンテンツは、ユーザの疑問や不安を解消するために、どこのサイトでも必ずと言っていいほど設置されています。 今回から数回にわたって、「FAQ・ヘルプ」をテーマにした記事をお届けする予定ですが、まず今回は、ヘルプ活用の基本ともいうべき3つのポイントについてご紹介します。 一点目は、以前の実践メモ（「FAQの隠れた役割」）でも触れていますが、「よくある質問」や「FAQ」というリンクを置くだけでなく、本文の中で、ユーザの疑問が生じるところからヘルプに誘導する」ということです。 サイトを閲覧しているユーザは、「商品やサービスを選び、購入する」といった何かしらの目的を持って動いていることが多く、「ヘルプを閲覧しに行く」といった脇道へ逸れる行動には移りにくい状態です。 そこで、図2のように、ユーザが疑問や不安を感じるポイントで、ユーザの疑問・不安に合わせた表現を用いたリン
By Garrett Smith, with contributions from Asen Bozhilov, RobG, John G Harris, David Mark, and Dmitry Soshnikov. Abstract This document points to the causes of errors and problems related to javascript for web applications and provides explanation of what to do instead. When followed, these guidelines can improve the code stability and maintainability of a Rich Internet Application deployed across
iPhoneはURLのコピペがめんどくさい。 ということで、はてブやニュースまとめに使えるWebアプリというかWebサービス「linclip」を作る際には、iPhoneでもしっかり使えるようにしたい、というのが目標としてあった。 ページからリンクを抽出してHTMLコードまで出力すれば、タイトルの選択とかURLのコピーとかそのへんが自動化できるので、iPhoneならではの面倒さがなくなるはずという考えからだ。 iPhone対応のために行ったことをここでまとめておく。たぶん、すぐ忘れるから。で、こんな感じ。 Safariによる動作確認 表示幅の設定（viewport） iPhoneエミュレーターによる動作確認 ドメインの取得 チェックボックスの周りに空間を リンクを誤ってクリックしないように空きを作る 無駄な空間を削除 Webクリップブックマークアイコンを作る 以下、詳細。 Safariによる
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く