cmmntr.comThis domain may be for sale!
[HTML5 入門]実用を意識した最小単位からの文書構造チュートリアル
文書構造って難しいですよね コーディングしていたら迷う事ってたくさんありますよね。「これは見出しなのかな」「この段落はどこまで段落なんだろう」「検索バーはどのタグで囲めばいいの？」等など、判断に詰まることはいくらでもあります。そしてその判断の迷路を抜け出た後も、ふと「このマークアップで本当に合ってんのかな」と再び迷いに陥ることも。 エレメントの役割とタグの用途の正確な理解 コーディングしているときに何故迷うか。これは、 それぞれのパーツがそのサイト内にどういう役割で置かれているかをはっきりと定義できていない 各タグの用途を理解できていない このいずれか、または両方が出来ていないから起きる問題だと思います。エレメントの役割とタグの用途、この二つがはっきりしていればコーディングに迷う事はありません。…まあ(他にも納得の行かない組織ルールとかSEOを考慮した記述等があって)それは理想の話なんです
![[HTML5 入門]実用を意識した最小単位からの文書構造チュートリアル](https://cdn-ak-scissors.b.st-hatena.com/image/square/913d9625c96461318e055dbb38b3d26c92683092/height=288;version=1;width=512/http%3A%2F%2Fwebcre8.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2012%2F10%2Fintroduction-to-html5-150x150.png)
迫力満点。Webサイトの背景全部を動画に·BigVideo.js MOONGIFT
BigVideo.jsはWebサイトの背景に動画を利用し、そのまま再生できるソフトウェアです。 Webサイトの背景は単色、もしくは適度なパターン画像を使うのが一般的です。しかしそんな考えに捉われないソフトウェアがBigVideo.jsです。何と動画をバックグラウンドに指定し、そのまま再生してしまう驚きのソフトウェアです。 デモです。背景は画像ではなく動画です。バックグラウンドで再生されています。 切り替えました。すごく幻想的で格好いいです。 BigVideo.jsの力だけではないですが、前面のコンテンツは背景が透けていてマッチしています。映画のトレーラーに合わせて説明を加えても良さそうですし、ドキュメンタリー系のWebサイトで使っても良いかもしれません。動画はJavaScriptで切り替え可能ですが、最後まで行くとそこで止まるようになっています（ループ指定もできるようです）。 BigVid
Webコンテンツの制作ガイド~売れるサイト作りに必要不可欠な5ステップ~
２．WEBサイトに必要な３つのコンテンツを知る商用サイトに適したWEBコンテンツは、大別して以下の３つに分かれる。 集客に適したWEBコンテンツ教育に適したWEBコンテンツセールスに適したWEBコンテンツこの３つの内、どれが欠けても、最大の成果を出せるサイトにはならない。 実際のお店を思い浮かべて欲しい。どれだけ素晴らしい商品を販売しているお店でも、お客様が来なければモノは売れない（集客）。さらに、お客様が来たとしても、丁寧に接客をして、商品のニーズやウォンツを高めることをしなければ購入意欲は生まれない（教育）。最後に、自信を持ってクロージングをしなければ、お客様は決断を先延ばしにしてしまう（セールス）。 従って、WEBサイトでも、実際の店舗と同じように、集客コンテンツ、教育コンテンツ、セールスコンテンツが必要なのだ。 それでは、これらのWEBコンテンツを、もう少し深く理解しよう。 ①集客
壊れたデザインプロセス（「The Broken Design Process」日本語訳）
2012年8月12日 著 以下の文章は、Philip Zastrow氏の書かれた「The Broken Design Process」を翻訳したものです。レスポンシブWebデザイン関連の記事をこの数ヶ月、いろいろ斜め読みしてきましたが、これは是非とも翻訳しておきたいと思ってZastrow氏にコンタクト、翻訳と掲載につき了解を得ました。ただし、この翻訳には誤りが含まれている可能性があります。英語が読めるなら、原文のほうを是非お読みください。 Webデザインのプロセスは壊れており、レスポンシブWebデザイン（訳者注：以後「RWD」と表記）の推進によって、モダンなアプローチを余儀なくされつつある。 典型的なデザインプロセスでは、理想化されたWebサイトのコンセプトイメージが写真編集アプリを用いて制作される。そして、コンセプトイメージを顧客または承認する立場にある権威に渡し、フィードバックや批判を
13年続く投稿型インディーズ音楽サイト「muzie」 「音楽だけで食えなくても続けたいヤツら」が集う場に
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
楽待 - 利用者数No.1 不動産投資の総合情報サイト
キャッシュフローシミュレーション 諸費用や税金などを考慮した「本当の儲け」を50年先までシミュレーションできます。
上手くデザインされたレスポンシブWebサイト２０:phpspot開発日誌
20 Best Responsive Web Design Examples of 2012 | Social Driver ? | Get with the future. 上手くデザインされたレスポンシブWebサイト２０。 大手のサイト等のレスポンシブなデザイン事例は結構参考になりそうです。 デザインする際の参考にできそうです 関連エントリ 秀逸なレスポンシブWEBデザイン50のサンプル フリーでレスポンシブなWordPressテーマ２８ レスポンシブなjQueryスライダー実装プラグイン８個 レスポンシブなカルーセル実装jQueryプラグイン「Slastislide」 レスポンシブなフォームを作成するフレームワーク「jq-idealforms」
ホームページ成功への道はすべてここから始まる。目的・目標の明確化
実際にホームページを作り始める前に、プロのWEBクリエイター達がもっとも意識する点は、おそらく【Webサイトを制作する目的・目標を明確にすること】だと思います。なぜこの目的・目標の明確化をもっとも意識するのか。それは目的・目標こそがホームページの成功を根底から左右させるからです。 今日はそんな目的・目標の大切さや、明確にする方法を紹介させていただきます。あなたがクライアントのために作ったWEBサイトには明確な目的・目標がありますか？新人webディレクター・デザイナーには特にこのことを考えていただきたいと思います。 ほとんどの人は、目的や目標を自然に考えながら生活をしています。 例えば鏡の前で『夏までにやせなきゃ！こんな体、彼氏に見せられない！』と思った場合。人は『彼氏にもっと好きになってもらうために、美しく引き締まった体を作り、キレイだと思ってもらう』という目的を作り、どんな手段を用いて目
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
WEBサイト作成者に超オススメ！たった500円でプロのアドバイスが買える「ココナラ」の費用対効果がすごい！ | お土産屋さんブログ
WEBサイト作成者に超オススメ！たった500円でプロのアドバイスが買える「ココナラ」の費用対効果がすごい！ 7月にココナラというWEBサイトが正式オープンしました。 プロやセミプロの経験・知識・スキルを500円で取引できるサイトです。 誰でも「経験・知識・スキル」を出品したり、それを購入することができます。 人気のあるサービスは、自分の似顔絵を描いてくれたり、占いをしてくれたり、恋愛や仕事などへのアドバイスのようです。 (似顔絵は、友人の誕生日にあげると喜ばれるよ！) さらには、オススメのお土産を教えてくれたり、業界の裏話をしてくれるマニアックなサービスまであったりと、そのサービスは様々。 そんな中でもWEBサイトを作っている人に超オススメなのが、自分のWEBサイトを診断をしてくれるサービスです。 例えば、副業者がWEBサイトを作る場合、あまりお金をかけられないので、そのほとんどを自分で作
配色で見るWEBデザイン-イエロー編 | Qrious Lab.
WEBサイトの印象は、キーカラーによって大きく変わる。世界のWEBサイトをカラー別に集めてみたいと思う。その第四回目は「イエロー：黄色」。黄色は知性を意味する色で人に喜びを与える色。心を弾ませ、楽しい気分にさせてくれるカラー。集中力や判断力、記憶力を高めるたり、一般的には注意喚起をうながす色としても利用されている。視認性があまり良くないレモンのような明るいものから、オレンジに近いものまで幅広く、背景色としてもよく使われているイメージがある。
HTTPリクエストの削減とWebサイト高速化まわり - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 メモ書き。社内説得用。「HTTPリクエストを減らすと高速化できるよ！」てのはよく聞くけど、それが「どうしてか」ってのを(読込待機時間まわりで)具体的な数字を出してることが意外と少なかったので。詳しくは参考リンクにGo! Webサイトを分析するWebアプリ PageSpeed Insights WebPagetest 参考資料など Webパフォーマンス最適化のためのコーディング手法, MOL @importを使うべきでない理由, Screw-Axis まずHTTPリクエストがコストが高い理由ですが、まあ同時読込できないからですよね。読込に1秒掛かる画像A,B,Cがあると
まずは基本から。Webサイトで役立つ情報のまとめ方 / Maka-Veli .com
Webサイトは情報の集まりです。 ユーザーが情報を得るには基本に忠実なことが一番良いと思っています。 「物を知る」のは慣れた形が一番かと。それがユーザビリティ。 構成 内容(ページ、サイトの種類)などによって変わりますが、 一つの例としては 見出 注意喚起(興味を引く、または概要がわかりやすいモノ) 概要 主旨(どんな内容なのか、ユーザーが入りやすく、注意を引くモノ) 意見 持論(個人的な異見を述べます。書き手の意見が無いと退屈な文章になります) 証拠 裏付け(意見に対して、正しい内容かの説明をしっかりしましょう。信頼性があるものを) 結論 理解(ユーザーに「なるほど」とわかってもらうことで、価値が生まれます) このブログや、この記事の場合はまとめに近いので、この構成には沿っていませんね。 まとめ記事の場合は興味を引く主題と箇条書きされた内容が良いのかもしれません。(
ぶっちゃけWEBサイトっておいくらなの？って話 | Hal-Cana
先に言っとくけど仕事の合間にぱぱっと書いた記事だからあんまりアテにするなよ？ 「極端に低い単価や無料で仕事をしてはいけない単純な理由」 こういう記事が話題になっていたので、ふと気になりまして。 そもそもね、WEBサイトを制作してる側の人間が「どこまでが安価で、どこからが高価なのか」っていうラインを知らないんじゃないかなって思ったんです。 まあね、最初に結論は言っておくけど、そんなもんクライアント次第です。一概にどこからが高いとか安いとか、そういう話はできません。 ボレるとこからはとことんボレばいいんですよ。世の中そうやって回ってんだから。 もしくは、「ウチはページ単価○○円からです」っていう明瞭会計な制作会社もありますね。 個人的にお付き合いの多い某社などは、公式サイトに料金表も掲載されていて、とても良心的です。ほんとありがたいです。 まぁそれはいいんです。別に関係ない。 本題は
ブロガーがやってしまっている12個の機会損失行為。Web制作に使えるチェックリストまとめ 他｜日刊 男子ハックニュース（2012.3.14） * 男子ハック
@JUNP_Nです。日々忙しくてニュースのチェックもままならないWeb界隈の皆様に話題に乗り遅れないために、男子ハックが気になったIT/Web界隈のニュースをまとめています。 ブロガーが気づかないうちにやってしまっている12個の機会損失行為 これからブログをやろうと思っている人は見ておくとよさそうな記事でした。 これは役立つ！Web制作に使えるチェックリストいろいろまとめ10個 – W3Q Web制作に関するいろいろなチェックリスト。今からでも色々チェックしてみようかな。 美しいデザインの”あとで読む”サービス「Readability」がオススメ – NAVER まとめ Redabilityは便利ですよ。Reederを使っているならオススメ。男子ハックの記事が紹介されていました。 SEOに最適なサイト構造と内部リンクの全て | SEO Japan ブログのSEOって何をすればいいんだろう。
みんなが利用するあの大手サイトの初期デザインはこんなだった : らばQ
みんなが利用するあの大手サイトの初期デザインはこんなだった Yahoo、Google、Wikipedia、Amazon、twitter……などの、ネット界の巨人ともいえるメジャーサイトがありますが、初期の頃のデザインって覚えているでしょうか。 もはや生活に欠かせないこれらのサービスの、初期デザインをご覧ください。 1. 2012 2. 2012 3. 2012 4. 2012 5. 2012 6. 7. 8. 9. 10. 11. GoogleにもYahooのように“！”が付いていたんだなとか、こんなAmazonでは買い物したくないとか、あまり変わってないと思っていたサイトでも結構違いがあるものですよね。 5年先や10年先には、どんな進化を遂げているのでしょうか。 First Designs of Popular Sites けいおん! 平沢憂 水着ver. (1/7スケール PVC塗装済
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://webdesignrecipes.com/wp-content/cache/supercache/webdesignrecipes.com/web-developers-guide-to-getting-a-start-up-and-running//index.html.gz
http://dl.dropbox.com/u/224433/fluentd_casual_1/index.html
https://jp.techcrunch.com/2012/05/16/20120515watch-out-google-zoho-just-launched-a-better-diy-website-builder-and-it-does-mobile-too/
