[レベル: 中級] レスポンシブ ウェブ デザインが選択すべき構成だ (Responsive Web Design is the way to go.) Google の Gary Illyes（ゲイリー・イリェーシュ）氏は、8月22日に開催された ISM Spin-off #2 で、このようにレスポンシブ ウェブ デザインをかつてないほどに推奨しました。 これまでは、「動的な配信」と「別々の URL」を含めた3つのモバイル構成のどれを選択しても構わないと言っていました。 しかし方針を変えて、レスポンシブ ウェブ デザイン1本に絞ったのです。 動的な配信と別々のURLが抱える問題 レスポンシブ ウェブ デザイン（以下、RWD）をゲイリーが強く推奨する最大の理由は、モバイル向けサイトと PC 向けサイトに差異がないことです。 見た目は違っていたとしても、同じ HTML を配信しているので、コ
デイリーポータルZの林雄司さんと、ヨッピーさんに聞いた「コンテンツを作る・伝える・稼ぐコツは何ですか？」 馬場 美由紀（HTML5 Experts.jp編集部） こんにちは、HTML5 Experts.jp編集部の馬場美由紀です。HTML5 Experts.jp「Webの未来を語ろう 2017」の第三弾は、Webの未来を考えるコンテンツ編です。 毎回豪華なゲストをお招きして、聴講者を募り、白石編集長と一緒にお話を聞くイベント形式でお届けしてきたこのシリーズ。「メディア編」「コミュニティ編」に続く、コンテンツ編は大人気ライターのヨッピーさん、「デイリーポータルZ」編集長の林雄司さんという、超豪華なゲストにお越しいただきました！ ゲスト紹介 林 雄司さん 「デイリーポータルZ」編集長・ウェブマスター 1971年東京生まれ。ニフティ株式会社勤務。デイリーポータルZウェブマスター。主にインターネッ
[レベル: 初・中・上級] 特にモバイル向けサイトでは、ユーザー体験改善のための最優先事項として”スピードアップ”が挙げられます。 現状のモバイルサイトがいかに遅く、遅い表示速度がどのくらい悪い影響をユーザー体験に与えているかを調査した結果を Google が公表しました。 「完全に表示されるまでに3秒以上かかると、53%のユーザーはページを離れる」「表示速度が1秒から7秒に落ちると、直帰率は113%上昇」など興味深いデータが出ています。 モバイルページは遅い、遅いとユーザーは立ち去る 新しい調査による次のような結果に Google はまず言及しています。 モバイル向けのランディングページが完全に表示されるまでにかかる時間は22秒 完全に表示されるまでに3秒以上かかると、53%のユーザーはページを離れる 全般的に、とにかくモバイルページは遅いということが明らかです。 にもかかわらず、モバイ
営業やマネージャーにとって、現場にいるプログラマというのは扱いづらい存在である。 飲み会などで、普段の彼らを観察してみると。同じエンジニア同士で固まってボソボソとよくわからない話をして、控えめな声で笑っており、総じて温厚で、扱いやすそうな人々に見える。 ところが、仕事になると、彼らはなんやかんのと理由をつけて、スケジュールに文句を言い、プロジェクト途中のリクエストには素直に答えてくれず、あげくには遠回しな嫌味を言ってきたり、極端な場合には、その温厚な仮面を投げ捨てて、攻撃的な暴言さえ吐く事がある。 どうも彼らは我々の事が嫌いらしい、と感じている営業・マネジメント職の人もいるのではないだろうか？ 彼らの人格や価値観に問題がある可能性も否定しないが、このような感情的な齟齬は、多くの場合、あなた自身が彼らの「自尊心」を傷つけていることに気づいていないことが多い。 プログラマの自尊心 プログラミン
Test a feature Our partnership with BrowserStack now lets you test your website for compatibility across 2,000+ real browsers and devices. Test on: Did you know? Next If a feature you're looking for is not available on the site, you can vote to have it included. Better yet, if you've done the research you can even submit it yourself! You can import usage data from your Google Analytics account and
Webライティングを行うときには、文字数、誤字脱字、言い回し、構成、キーワードなど気を付けなければいけない点が数多く存在します。今回はWebライティングを行うときに便利なWebサービスを紹介します。 どれも無料で使用できるので、作業の効率化やより高品質な記事を作成するためにぜひ活用してみてください。 文章校正 Enno Enno タイポ、余分なスペース、誤字脱字、変換ミス、入力後の編集ミス、文字化け、スペルミスなどを自動的に判別してくれるサービスです。 使い方は画面右側のフォームに文章を入力し、フォーム下にあるボタンを押すだけです。そうするとチェックが行われ、おかしい箇所をハイライトしてくれます。さらにハイライトされた箇所がどのような間違いであるかを画面下の方で指摘してくれます。 文章校正ツール 文章校正ツール 文章を解析し、間違った表現や不適切な部分を表示してくれます。フォームでテキスト
それで、「そんなにいいのかな？」と半信半疑でインストールして、使ってみた瞬間、惚れました。 プログラミングをする人にとって、Sublime Textは、「恋に落ちるエディター」とよく言われていますけど、WEB開発者にとってBliskは「恋に落ちるブラウザ」といっても過言はないのではないかと思います。 以下では、そう思うに至った理由について述べたいと思います。 この記事は、2016年7月9日に書いたものです。2016年11月1日にversion 1.0.125.166が出たことにより、機能の一部が有償プランに加入しないと利用できなくなりました。ですので、無料で利用する場合は、30分で機能制限がかかったりするようになったのでご了承ください。 Blisk（ブリスク）とは Bliskは、WEB制作者がサイトの動作確認をする上で、便利な機能がデフォルトで備わっているWEBブラウザです。 現在は、Wi
プレゼンモード 再生 ← / →で移動 fでフルスクリーン escでおわる こんにちは，id:hitode909です．このあと14時から品川のマイクロソフト様のオフィスでおこなわれている，YAP(PはパチモンのP)Cで発表します． この記事では，発表資料を公開いたします．現地の方は今すぐCルームに来てください．そうでないかたは懇親会でお会いしましょう． はてなブログのトピックもあるようです． トピック「YAPC」 #yapc8ojic のツイート はてなブログのAMP対応で学ぶウェブサービスのAMP対応 2016/07/03 YAP(achimon)C::Asia Hachioji 2016 mid in Shinagawa hitode909 自己紹介 id:hitode909 @hitode909 京都から来ました はてなではてなブログを作っている 自己紹介 YAPC 2015でベスト
こんにちは。 オウンドメディアを作って集客をすることを推奨しているブログマーケッターJUNICHIです。 オウンドメディアを使ったコンテンツマーケティングって流行っていますよね。 成功すれば、効果が高いオウンドメディア運営なんですが、実は日の目を見ずに消えていくオウンドメディアがめちゃくちゃ沢山あります。 そこで、今回はあなたの会社が、オウンドメディアの失敗例と呼ばれないように、「オウンドメディア運営で大失敗する要因」を11個紹介します。 あなたの会社のオウンドメディアは大丈夫ですか？ まずは簡単にオウンドメディアの役割について 広い意味では、オウンドメディアは、自社が持っている広告・パンフレット・会報・WEBサイト全てを含めたメディアの事をいいます。 ただし、今回の記事で言う「オウンドメディア」っていうのは、「自社のもつWEBサイト」という意味で使っています。 最近は、そっちの意味で使わ
Web サイトを常時 SSL 化する場合に、最低限知っておかなければならない知識や、注意点、実際の設定方法まで、ひと通りまとめてみました。メリットやデメリット、証明書の種別からリダイレクト設定などについても解説しています。 HTTPS をランキングシグナルに使用しますと Google が公式に発表したあたりから、Web サイトの SSL 対応、特に Google が推奨している Web サイトをすべて HTTPS で配信する、所謂 「常時 SSL 化」 についての話を聞いたり、実際にお客様から相談されたりするケースが増えてきました。 そこで、いい機会だしその辺に関する情報をまとめておこうかな～ と思って書いてみた、恒例の （？） 5分でわかるシリーズ。書き終わって見たところ絶対に 5分じゃ無理っていう文章量になっててどうしようかなぁとも思ったんですが、気にせず公開してみます。 常時 SSL
インターネット環境の日進月歩の進化により、わたしたちはより快適にウェブページを閲覧することができるようになりました。 しかしその便利さは、裏を返せばユーザーは「読み込みは速くて当たり前」と考えてしまうということ。 サクサクと閲覧できないウェブページにはユーザーはストレスを感じ、ますますせっかちになっています。 そしてこれはフォームのコンバージョンにも影響を与えるであろうことが容易に想像できますね。 今回の記事では、そんなウェブサイトの表示スピードとEFOについて考えていきたいと思います。 サイトのパフォーマンスが購買行動に与える影響 では、実際にユーザーは表示速度が遅いとユーザーはどのくらいストレスを感じているのでしょうか。 Kissmetricsが公開している、ページスピードとEコマースサイトの利用状況の関係を示すインフォグラフィックは非常に興味深い内容となっていますので、そのデータの一
Free stock photos · Pexels
The best free stock photos & videos shared by talented creators.
先日、「ハンパねぇSEO完全チェックリストが公開されてしまっている。」という記事を公開したところ、たいへんな反響がありました。（といっても、海外のネタを訳しただけなのですが） Facebookのいいね！数は1,000件近くになり、はてブのホッテントリ入りしたりGunosy砲を受けたりとバズを起こし、初めて日当たりPV数が10,000を突破しました。 これを全部やればSEO完璧になれるのかな。。。 ハンパねぇSEO完全チェックリストが公開されてしまっている。 | SEO Scene 名古屋SEOコンサルタント… http://t.co/fcmuYhW3RU — Bungo 文豪 (@bun5jp) 2015, 5月 20 リスト作りたかったけど、なかなかできないんだよね。助かる。 ： ハンパねぇSEO完全チェックリストが公開されてしまっている。 http://t.co/9HOQFazOVe
Prottは、2024年8月31日をもちましてサービスを終了いたしました。 これまでのご愛顧に深く御礼を申しあげます。 サービス終了に関する詳細はこちらのページをご参照ください。 Prott サービス終了に関する今後についてのご案内とお問合せ先 改めまして、これまでProttをご利用いただき誠にありがとうございました。 We regret to inform you that our service, Prott, has been discontinued as of August 31, 2024. We deeply appreciate your loyalty and support over the years. For more information on the service termination, please refer to the following page
上記ボタンを押すことで、利用規約および、当社の提供するサービス等に関する情報を提供する目的で、株式会社WACULが上記から送信された個人情報を保管・処理することに同意したものとみなされます。お客様はこれらの情報提供をいつでも停止できます。個人情報の開示や削除依頼等のお問い合わせ先、およびお客様の個人情報を尊重して保護するための弊社の取り組みについては、弊社のプライバシーポリシーをご覧ください。
Wordpressを利用している人であれば、一度使ってほしいテンプレート10個紹介します。ご紹介するテンプレートの中には、基本無料で提供されていますがプラグインの利用だけ有料になる場合があります。 最近は、モバイルフレンドリーなページがモバイル上の順位決定のシグナルとなるというGoogleの発表（※1）を受け、Googleも推奨するレスポンシブウェブデザインに対応したテンプレートが多くなってきました。 是非、利用用途などデザインに合わせて最適なテンプレートを選んでみましょう。 ※1:http://googlewebmastercentral-ja.blogspot.jp/2015/02/finding-more-mobile-friendly-search.html Wordpress最新テンプレート10選 1.Travelify https://colorlib.com/travelif
CSSでできる事がどんどん増えてます。JavaScriptを使って実装するようなレイアウトやUIも、CSSだけで作れちゃうほど、便利なプロパティがじゃんじゃか増えましたね。ここでは、要素にアニメーション効果をつけるためのCSSを使ったエフェクトについて、まとめてゆこうと思います:)。 CSSで動かす 「動く」といっても、自由自在にぐにゃぐにゃ動かせるわけではなくて、CSSアニメーションでは、プロパティの数値をスムーズに増減させることで、要素のスタイルを滑らかに変化させます。 例えば、下のサンプルでは、p要素にカーソルを合わせた時に、font-sizeの値を、1emから2emに、スムーズに変化するように指定しています。 p { transition: font-size 1s; } 動かすためのマストプロパティ CSSでアニメーションさせるために必要不可欠なのがtransitionプロパティ
No notifications to show yet You’ll see useful information here soon. Stay tuned!
スマホからウェブにアクセスするユーザが増え、ウェブサイトの表示速度の高速化がより重要な制作の課題になっています。1ページもののサイトなら、フロントエンド・エンジニアが一人で実装できるかもしれませんが、ある程度の規模のウェブサイトではワークフローやサイト全体の設計にも関わってきます。また、表示速度の高速化の方法を知らなければ、最適化しやすい、より高度なデザインは実現できないでしょう。エンジニアだけでなく、デザイナーやディレクターがこういった情報を知っていれば、よりスムーズに結果を出せるウェブサイト制作ができるはずです。 ページ表示速度の改善にはいろいろな方法がありますが、この記事では一番効果がありそうなところから攻めていきたいと思います。自分もまだまだ勉強中なので、まずはfilament groupのScottさんの記事 やClearleftのJeremyさんの記事 を参考に、フロントエンド
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
