ESPRESSO CODING | ハイクオリティのWEB制作サービス
WEB標準 WEB標準に準拠することで、アクセシビリティやユーザビリティが向上し、より多くのユーザーがアクセスしやすくなります。またSEO(WEBサイト最適化)においても有効な対策の1つです。また経済的な効果として、メンテナンス性・柔軟性の向上により更新コスト軽減につながります。 ハンドコーディング どんなに複雑なデザインでも、忠実に再現します。テンプレート対応や外注は行わず、案件ごとに完全オリジナルで手打ちコーディングを行います。そのため、ご要望に合わせて柔軟に対応可能です。複雑なデザインやインタラクティブなページも1ページ1ページを丁寧に仕上げます。
ウェブページの高速化のために読んでおきたいサイトのまとめ
ユーザビリティの改善や検索エンジン対策としてウェブページの読み込みスピードの高速化は非常に重要です。ということで、ページの読み込みスピード向上のために役立つサイトをまとめてみます。 ページ読込速度の重要性 次の事例にあるように、ユーザーは表示速度に敏感です。 Googleによるとページの読み込みが0.5秒遅くなると、検索数が20%減少する Amazonによるとページの読み込みが0.1秒遅くなると、売り上げが1%減少する そして、Googleのアルゴリズムにウェブページの読み込み速度が追加されて以降、サイトの高速化への注目度は高まっています。 Google、ウェブページの読み込み速度をアルゴリズムに取り入れたことを発表 | 海外SEO情報ブログ Googleがついに順位決定に表示速度を使い始めた（公式発表） | Web担当者Forum Google、検索順位にページ読込速度の考慮を開始 [詳
『iOSヒューマンインターフェイスガイドライン』はUI解説書の枠を越えている ：国内・海外情報から見える『企業のWEB活用法』：ITmedia オルタナティブ・ブログ
中小企業がITを活用して売り上げにつなげるにはどうしたらいいか？WEBマーケティングとWEB戦略コンサル実績350社50業種以上の実績とノウハウで、海外の最先端情報を中心に、噛み砕いてご紹介。 作成者：中山陽平 iOS、実質的にはiPhoneのアプリケーションを作る際に参照してくださいと言う事で配布されている「iOSヒューマンインターフェイスガイドライン（以下iOS_HIG）」 弊社のシステムを真剣にスマートフォン対応にするために読み始めたのですが、この内容が、ただのインターフェイスのガイドラインだけではなく、さらに踏み込んだ内容になっていて驚きました。 Appleのサードパーティアプリに対する姿勢、サードパーティアプリケーションがiPhoneの大きな魅力であるという認識が、このガイドラインからはにじみ出ています。 App開発者以外もぜひ見ておくべき これはぜひ、WEBに関わる方は見て頂き
jQuery事始め・コピペに頼らず、基礎知識を理解して実際に動かしてみる - かちびと.net
人気のJavaScriptライブラリ、jQueryもかなり 情報が増えました。僕の様に知識が無くても 簡単に動きのあるWebサイトや、更なるユー ザビリティの向上を可能にしてくれましたが、 いつまでもコピペではいずれ困る事になります。 その前にそろそろ基礎から学んでみませんか。 という訳で、jQuery事始め。さほど知識が無い僕が書くのも微妙なんですが、一緒に学んでいきましょう、という事でご了承下さい。内容は基礎中の基礎です。 いつまでもコピペに頼っていては、何か問題が起こったときに対応できませんし、そもそもコピペするならjQueryである必要はありません。 でもjQueryはすごく便利なので、ちゃんと使いこなしたいところですよね。この記事が、誰かが勉強し始める切欠になれば幸いです。 jQueryを使うには まず、jQueryを利用するには本体を読み込む必要があります。方法は2つあって、本
ログインフォームに大切な7つの要素と重要な1つの機能
ログインフォームを実装する際に、大切な7つの要素と重要な1つの機能を紹介します。 元記事では下記のCSS3で実装されたフォームもダウンロードできます。 フォームのタイトル このフォームが何についてのものであるか手短に説明されたタイトル。特に、ウェブサイトの名称を記すことは非常に重要です。 非メンバー用のリンク 非メンバーが偶然、このページを見つけてしまうことがあるかもしれません。そして、メンバーを増やすチャンスもあるので、登録ページへの誘導も行っておきます。 ラベルとフィールド ログインフォームは通常、2つのフィールドで構成されていますが、ラベルは読みやすいようにします。 パスワードを忘れた場合 これは同じく、非常に重要なリンクです。多くのユーザーは多数のアカウントとパスワードをもっているものです。そして、しばしばそれはあなたのサイトでどれなのか忘れてしまうことがあります。 また、配置する
codr.cc - share code, live.
We’re looking to provide you the coding resources that you’d expect. How Codr Works Learn Our guides will walk you through step-by-step the process of learning development through our high quality video lessons. Practice With Codr you’ll be coding directly into your browser through a variety of challenges and lesson plans. We’ll provide you with helpful and immediate feedback so that you can becom
上中島の一期一会
さあ、先程はこのブログを開設するにあたり、ご挨拶をさせていただきました。 そしてこの投稿は見事に第2回目の投稿であります。 今度はカテゴリーなるものを設定してみました。 先ほどの第1回目の投稿はカテゴリーが未設定で、未選択カテゴリーというものになっていました。 今度はEntryカテゴリーを設定してみましたよ。 そして記事URLを使うことにもチャレンジしてみます。 さあ、この投稿は上手くいくかな？ それと、この文章は「見ながら編集」で入力しています。 「ソースコード」という方もありますが、どちらがいいんでしょうか？ こういった基本的なことも私には分かりません。 それくらいブログ初心者なのですよ。 周りに人たちが引くくらいブログ初心者。そうなんです～初心者なんです。 できれば写真とかもアップロードしていきたいんですが、まだそこまでは行ってません。 これからどこまで行くんですかね。 テンプレート
【レポート】Google、内部リンクにはrel="nofollow"を指定しない方がいいと発表 | エンタープライズ | マイコミジャーナル
Digital Inspiration: A Technology Blog on Software and Web Applications SEOテクニックのひとつにrel="nofollow"がある。Google検索エンジンのクローラはaタグにrel="nofollow"が指定されている場合、そのリンクをたどらなくなる。GoogleのMatt Cutts氏が説明しているように、Google検索の対象としたくない場合に対象ページに到達するすべてのリンクにrel="nofollow"を指定するという方法もあるが、これはあまり現実的な方法ではない。rel="nofollow"は主に次の用途のために用意されている。 信頼できないサイトへリンクを指定するケース。rel="nofollow"を指定したリンクはページランキングの対象にならないため、ページランキング的に効果がある。 有料リンクにre
サイト高速化でコンバージョンは上がる！ 高速化したサイトの実証実験結果公開！
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
キャズムを超えろ！ - 団塊～シニア層向けのWeb設計 やっちゃいけない10のＵＩ
一時期パソコン教室の講師をやっていたことによる経験と、昨今Webサービス運用にあたって中高年層からのクレームなどを自分なりにまとめた結果として、50代以上のユーザに対するWebサービス＆PCアプリケーションのUI設計における以下10のTIPSを公開してみたいと思う。...といってもたかだか10個で収まる簡単な話ではないので、思いついたら都度追加して行きたい。 ID，ニックネームを考えさせてはいけない。半角英字開始限定は論外 IDやニックネームが思いつかない方が多い。これはシニアに限らず、ITリテラシーがそれほど高くない若年層についても言えること。作る側の人間も「過去にWebで使ったID,Nicknameは全て使っちゃダメ。何か新しいのを考えて入れてみて。」と言われると結構悩んじゃうもの。それと同じ状態に陥ると思っていただけるとわかりやすい。「IDのかわりに電話番号でもいいですよ」というと結
モバイルサイトデザイン集のモバイルデザインアーカイブ 公式サイト
モバイルデザインアーカイブとは？ 携帯サイトを制作する上で、「ケータイサイトを参考にしたいけど、仕事に役に立つケータイサイト集ないかなー？」と思っているデザイナーの方へ向けて公開させていただきました。 そんなモバイルデザイナーのモバイルデザイナーによるモバイルデザイナーのための国内最大の携帯サイト集です。 モバイルサイト制作を請け負ったけど、「なかなかデザインがまとまらない」「洗練 された携帯サイトのデザインを参考にしたい」といった方のために、優れたデザインの ケータイサイトを集めました。 デザインに優れた携帯サイトはもちろん、技術的に優れた携帯サイト、そして現在のウェブトレンドを捉えた携帯サイトを掲載しています。
nanapiのデザインプロセス（その２） - エスカフラーチェLLC
9/1にロケットスタートからリリースされたサイト「nanapi [ナナピ] - みんなで作る暮らしのレシピ -」でのサイトデザインを担当させていただきました。 前回の記事に続き、サイトデザインが生まれる過程（デザインカンプができあがるまでの試行錯誤）を振り返ってみたいと思います。 私がデザインをご依頼いただいたときに踏むデザインプロセス 目的を明確にし、戦略を決める 要件定義を行い、サイトの構造を決める ページの骨格を決めたり、ページの中で見せたい情報に優先順位をつけたりする 見た目の表現を形にする 大枠に考えるとこのようなフローでデザインを行います。プロトタイプを作ってから問題点を見つけてブラッシュアップをする場合は2〜5をいったりきたりすることも多いです。 また、そのときのコンディションによって順序が入れ替わることもあります。 デザインプロセス（その１）でやってきたことを振り返ると、
小林聡美.jp
アニメは子供だけではなく、大人にも人気があります。大人に合わせて作られたアニメもあるため、ギャンブルのような大人だけが楽しめる現実的な内容を目にすることもよくあります。
チュートリアルでここまでやる？というプロレベルのWEBレイアウト作成チュートリアル:phpspot開発日誌
チュートリアルでここまでやる？というプロレベルのWEBレイアウト作成チュートリアル 2009年03月17日- 150 Useful Adobe Photoshp Web Design Layout Tutorials and Techniques | 2experts Design - Web Design and Graphic Design Blog チュートリアルでここまでやる？というプロレベルのWEBレイアウト作成チュートリアル。 プロレベルといっても様々ですが、そのなかでも優れたといえるレイアウトとデザインのチュートリアルが公開されています。 真似することでそれなりのものを作るのは難しくなさそうです。 Create a Magic Night Themed Web Design from Scratch in Photoshop マジックをイメージした、少し怪しげなレイアウト。占
デザイン勉強会の資料を公開します。 - El diario de la diseadora viviendo en tokio
すみません、昨日今日とだらだらしてしまって、すっかり資料の公開が遅くなってしまいました＞＜2007年9月8日にノッキングオンさんにて行なわれたデザイン勉強会で、私がお話したことの資料を公開いたします。「デザイナーでない人のためのレイアウト入門」（pdfファイル・約41MB）当日お見せしたものから不要なアニメーション部分を取り除き、1ページ説明を追加してあります。このpdfだけでは当日お話したことがカバーし切れていないのですが、 そこは素晴らしき「ついったったー」の皆さまにより、完璧フォローされておりまする！（皆様に大感謝！！！）デザイン勉強会まとめサイト（by woopsdez嬢）デザイン勉強会のまとめをするよ！（by hamashunさん）「デザイン勉強会」に参加してきました！（その2）（by necozeさん） あ、あと、まとめサイトから、floralさんが録音してくださった音声データ
Webデザイナーなら持っておきたいMacアプリ15選 – creamu
便利なMacのアプリを探している。 そんなあなたにおすすめなのが、『15 mac apps web designers should have in their dock』。Webデザイナーなら持っておきたいMacアプリ15選だ。 以下にいくつかご紹介。 » CocoaMySQL PHPMyAdminに代わる、MySQL管理ツール » Things かっこいいGTDツール » CSS Edit エレメントに当てられたCSSを簡単に探せる機能を持ったCSSエディタ » Paparazzi サイトのフルスクリーンショットが撮れる その他のリストは以下から。 » 15 mac apps web designers should have in their dock Webデザイナーなら持っておきたいMacアプリ、チェックしてぜひ使ってみてはいかがだろうか。 ブログ制作中とかいろいろ。楽しいな。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Best Practices for Form Design
http://gerenuk.crazyphoto.org/2009/06/22/818/
ashikunep.org
IDEA * IDEA
