★はじめに | Search | Google Developers
フィードバックを送信 コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 モバイルサイトとモバイルファースト インデックスに関するおすすめの方法 Google のインデックス登録とランキングでは、スマートフォン エージェントでクロールしたモバイル版のサイト コンテンツを優先的に使用します。これをモバイルファースト インデックスと呼びます。 モバイル版のページを用意することは、コンテンツを Google の検索結果に表示させるための要件ではありませんが、非常に強く推奨されています。このページで説明するおすすめの方法は、モバイルサイト全般にあてはまり、当然のことながら、モバイルファースト インデックスにもあてはまります。 ユーザーに最適なエクスペリエンスを提供できるよう、このガイドで紹介されているおすすめの方法を実践してください。 モバイル フレンドリーなサイトを
http://inputxoutput.com/html-doctype/
For full functionality of this site it is necessary to enable JavaScript. Here are the instructions how to enable JavaScript in your web browser.
[CSS]エレガントからレトロまで、text-shadowを使った美しいエフェクト集
text-shadowを使った美しい4種類のエフェクトを紹介します。 エフェクトはCSSのみで、もちろん画像は使っていません。 HTML <h1 class="elegantshadow">Elegant Shadow</h1> CSS まずは、各見出し共通のスタイルシートから。 h1 { font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif; font-size: 92px; padding: 80px 50px; text-align: center; text-transform: uppercase; text-rendering: optimizeLegibility; } Elegant Shadow用のスタイルシートです。 .eleg
日本のサイトは世界の非常識！ウェブマーケティングで世界を制するためのグローバルサイトとは？［MarkeZine Dayセミナーレポート］
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
これは便利！レスポンシブで変化するエレメントを一元管理できるワイヤーフレーム作成ツール -RWD Wireframes
これは便利！レスポンシブで変化するエレメントを一元管理できるワイヤーフレーム作成ツール -RWD Wireframes
【WordPressのデータベース（DB）を操作したいので初めの一歩から勉強して理解しています】｜今村だけがよくわかるブログ
ところでですが、MySQL,PostgreSQL,oracleなどのDBMSは、これまで一通り触ってきました。ですので、初歩的な予備知識はあると思っています。が、私個人的にWordPressに関しては、「WordPressを構成してるデータベース（DB）の理解」をしないと、うまく扱えない。前に進めないな、と感じています。 当たり前かもしれないですけども・・・ WordPressのDBに関する理解私の現状の理解は、 WordPressはDBMSとしてMySQLを採用していて、インストール時に決めたDBに、WordPressを構成するテーブルを作成するcodexのサンプルコードを参考に、ちょっとだけDBの値を引っ張ってくる程度ってくらいです。 あ、あとWordPressインストール時に作られるテーブル名も、前回調べました。（昔PostgreSQLで構築する方法もあるのはどこかで見たけど、そこは
Flexible BoxでGrowlみたいな通知UIを実装する - slowjet
↑の画像のみたいなGrowlぽい通知UIを作るときに、一筋縄ではいかなそうなところと言えば右上から下へ順に流れていってウィンドウに収まりきらなくなったら、列が変わって左へ流れていくようなレイアウトを作るところでしょうか。言葉が下手すぎたので図を見てください・・・ こういうやつ。 CSS力がめっきり減ってきてるので、確かこういうやつCSSで出来たと思うんやけどなーぐらいの感じだったんですけど、これこそFlexible Boxですね。 Flexibile Boxの詳細はわざわざ説明するのもアレなので以下の仕様書とかサイトを見て把握すればいいと思います。 CSS Flexible Box Layout Module CSS Flexbox Please! Using CSS flexible boxes HTML <div class="mod-notifications"> <div clas
WordPressの使い方大全集 | ワードプレステーマTCD
WordPressサイトの画像を軽量なAVIFに変換できるプラグイン「ShortPixel Image Optimizer」 2024.04.26
Webサイトを色んな面から評価してくれて有益な情報を教えてくれる「BigWebStats」｜男子ハック
使い方は上記リンクから「BigWebStats」へアクセスして調べたいURLを入力するだけ。 URLを入力すると、サイトの評価が表示されます。全ての項目を紹介するには膨大な量になってしまうほど見応えのある量の評価がされます。 下記画像のようにPCディスプレイの画像の中にサイトのキャプチャが表示、横には英語ですがサイトの特徴が記述されます。面白い。 まず1番最初に表示されるのが、サイトの重要な最適化施策。 「BigWebStats」で評価してくれる項目は以下の11項目です。 訪問者ソーシャルバズSEOの基本部分内部SEO外部SEOキーワードランキングドメイン情報似ているサイトユーザビリティセキュリティテクノロジー特に面白いなと思ったのがキーワードランキングです。 自分のサイトのキーワードランキングを見ているだけでも面白いのですが、そのキーワードがどのくらいのインパクトがあるキーワードなのかも
7.膨大なキーワードを整理しコンテンツを作成する ｜ リアルタイムSEO日誌
今回の流れと目的 コンテンツの幅を保つためにカニバリゼーションを防ぐ 複合ワードのパターンから質問文を作る 過去データとツールの検索語から質問文を作る キーワードの微調整をする 次回のお知らせ 今回の流れと目的 今回の流れ 先々週と先週に渡り、「解体工事Q&A」の材料となる情報を収集しました。現状手元にある材料は下記の通りです。 ブレストで得たユーザーの疑問・不安（約300個） Yahoo!知恵袋から得たユーザーの疑問・不安（約100個） 複合ワードのパターンから得たキーワード（約180個） 過去データとツールから得たキーワード（約30,000個） １と２に関しては、既にQ&Aで利用可能な質問文の形になっていますが、３と４については言葉の羅列に過ぎません。 そこで、今回は今までに得たキーワードから質問文を作成していきたいと思います。前半部分では３のキーワードから、後半部分では４のキーワード
ファビコン（favicon）とは？代表的なサイズと基本の作成方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
ファビコンはサイト閲覧時のタブ以外にも、多くの場所で使われていることがわかります。 また、上記以外にも検索結果画面にも表示されるため、そのサイトを表す適切なアイコンを設定するようにしましょう。 作成時のサイズは512px × 512pxのみでOK これだけサイズがあると、全て用意するのかと不安になってしまいますが、WordPress4.3以降のバージョンであれば512px × 512pxのPNG形式ファイルを作成すれば全てに対応してくれるようになりました。 複数作成する必要はないので安心してください。 WordPress以外の場合 WordPressを利用しておらず上記のような自動適用の機能がない場合、またはWordPressが4.3以前のバージョンの場合は、各サイズのアイコンを用意する必要があります。 各ブラウザのファビコン表示サイズは先ほどの表の通り16px × 16px が一般的です
Web制作で面倒な作業を自動化するビルドツール、Grunt v0.4 入門
Web制作で面倒な作業を自動化するビルドツール、Grunt v0.4 入門 2013-03-14 / 2014-03-12 Webサイトの表示速度を気にすると、CSSやJavaScriptのminify、gzip、CSS Sprite、画像の最適化などの面倒な作業が発生します。 Grunt.jsとは？ Grunt.jsは、サーバーサイドJavaScriptのNode.jsを使用したCUIのビルドツールです。 タスクを設定しておき、それらを自動化します。 コマンドプロンプトやターミナルなど、いわゆる「黒い画面」を使います。 Grunt.jsの現在のバージョンは0.4.1です。 バージョンが0.3から0.4になったことで、大きく仕様が変わりました。 Grunt.js v0.4ではgrunt-cliをインストールしてプロジェクトごとにGruntやプラグインをインストールして使用します。 プラグイ
「Webサイトの配色で困った！」→「HUE/360使えば良いじゃない」
Webサイト制作で避けて通れない配色の決定。芸術的素養が絶望的にないのでいつも泣いてるゴロドクさんです、どうも。 所詮素人には理論に基づいた配色など無理ゲーです。先日もちょっとしたデザイン的なゴニョゴニョという場面に出くわしましていつものように悩みつつ、なんか配色決定のためのWebサービスないかなーと思って探してたらこういうのを見つけました。 webでの色指定は基本的にRGB値での指定となりますがこれって光の三原色の混色なんですよね。 実際にCSSなんかで数値いじりつつデザインしてると「なんか違うなー」というときにもっと明るくしようとか、もっと彩度上げようってのが感覚的にどの数値をどんだけいじって良いのかってわからないんですよ。 RGB値直接いじって彩度上げようと思ったらくすんじゃった上に色みかわっちゃってオヤオヤ残念なんて日常茶飯事ですよ（いやそのまえにフォトショなりなんなりでデザインカ
Amazonアフィリエイトユーザーへ「Amapic」が大きい画像でリンク生成してくれるよ
ブログを書いている人ならAmazonのアフィリエイトである「Amazon アソシエイト」をやっている人も多いのではないでしょうか。 そんなAmazonのアフィリエイターにオススメのWebサービスがあります(´∀｀) Amapic（あまぴく） - Amazonの画像リンクを簡単にブログに貼ろう どんなサービスかというとAmazonのアフィリエイトリンクを「サイズの大きい画像」で作ってくれるという内容です。 というものの、Amazon公式のアフィリエイトリンクは画像が小さいんですね。 例えばこんな感じです。 一番最大の画像サイズでこれなので、小さく感じる場合もあります。 そんな画像の小ささを解決してくれるのがAmapicです。 【使い方】使い方は簡単です。 リンクを作りたい商品の商品名、自分のAmazonアソシエイトIDを入力します。 すると自動的に商品検索して3種類の画像サイズの商品リンクを
どんなに車が進化しても車は運転手にはなれない - GoTheDistance
ITを活用した経営戦略を考える上で非常に示唆に富むエントリだったので、ご紹介。２回は読もう。じっくり読もう。 http://www.searchengineoptimization.jp/for-local-web-design-company-to-survive これはWebサイトを業務システムに置換しても、全く同じことが言えます。頭の痛い問題です。 使い手と作り手の溝について 下記の記述に危機感を持てるかどうかで話は全く変わります。恐らく、一度でも自分で仕事を請けてWeb制作したことがあればすごく身につまされることでしょう。 熱心にウェブの活用に取り組んでいる地方の中小企業は数多く、全国津々浦々まで無数に偏在しています。その彼らが、一様に困っていることがあります。それは「相談相手になってくれる専門家が近くにいない」ということです。 (中略) ウェブ制作会社ならお近くにもあるでしょう。
WordPressってこんなに普及しているんだ！WordPressを使用して作られた企業サイトまとめ | 株式会社WEB企画
日本でも海外でも、WordPressはもっとも広く普及してているCMSです。ただ企業サイトに目を向けてみると、日本ではまだまだ導入しているサイトが少ないなぁというような印象を受けます。しかし確実に導入している企業は増えてきています。 「どうしてWordPressなのか」その理由を語りだすときりがありませんが、中小規模のホームページボリュームでしたら、WordPressからの恩恵をかなり受けることができます。例えば、お客様ご自身の手によって簡単な更新ができたり、スタッフブログの更新ができたり、そしてスマートフォンサイトの導入もラクにしてくれます。 そこで今回は、日本の企業サイトでWordPressを使用しているサイトを集めてみました。ご紹介するサイト以外にもまだまだたくさんのサイトがあるのですが、今回「みんなが知っている企業」という視点でいくつか集めました。（微妙に企業とは違うサイトもありま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【割引コードGET！】ヤバイくらい簡単にプロフェッショナルなサイトが作れるStrikingly.comが割引コードくれた！ | バンクーバーのうぇぶ屋
cmmntr.com
動作を確認しながらCSS3のkeyframeを使ったアニメーションを作成・「Stylie」
RFP(提案依頼書)とは？意味を理解してらくらく作成！[サンプルあり]／第3回 | 中小企業のための失敗しないWebシステム発注・開発![RFP(提案依頼書)とは？意味を理解してらくらく作成！[サンプルあり]／第3回 | 中小企業のための失敗しないWebシステム発注・開発](https://cdn-ak-scissors.b.st-hatena.com/image/square/106457a9c03b6bf69d2da3eac528d13d8477d26c/height=288;version=1;width=512/https%3A%2F%2Fwebtan.impress.co.jp%2Fsites%2Fdefault%2Ffiles%2Fstyles%2F1200x630%2Fpublic%2Fimages%2Farticle2013%2Fhachu%2Fhachu_icon.jpg%3Fitok%3DWiSTgxVT){kind=icon}
