hamnaly（ハンナリィ）は、静岡県東部・中部を中心に ホームページ作成／運用サポートでWebの活用を応援します ホームページの"効果"にコミット 「ホームページは作ったけれど、なかなか効果を実感できない。」そんな言葉を耳にします。多くの場合、ホームページを作成する目的は、インターネットによる「集客アップ」「売上アップ」だと考えます。私たちは、お客さまと目的の共有・ゴール設定からスタートし、効果が実感できるホームページ作成／運用・インターネット活用をトータルでご提案いたします。
hamnaly2019
hamnaly（ハンナリィ）は、静岡県東部・中部を中心に ホームページ作成／運用サポートでWebの活用を応援します ホームページの"効果"にコミット 「ホームページは作ったけれど、なかなか効果を実感できない。」そんな言葉を耳にします。多くの場合、ホームページを作成する目的は、インターネットによる「集客アップ」「売上アップ」だと考えます。私たちは、お客さまと目的の共有・ゴール設定からスタートし、効果が実感できるホームページ作成／運用・インターネット活用をトータルでご提案いたします。
グーグルの検索結果に「著者」として自分の名前と写真を出すGoogle Authorship Markupの設定方法 | Web担当者Forum
「Google Authorship Markup（グーグル・オーサーシップ・マークアップ）」は、自分が著作したコンテンツと著作者情報を紐付けることで、グーグル検索でそのコンテンツがヒットした際に、検索結果ページ（SERP）に著作者の情報（写真や名前）を含んだリッチスニペットを出す仕組みだ。 上図は、「アトリビューション 本」で検索した際に表示される筆者のサイトの表示例だ。赤枠で囲んだ結果が私のブログページへのリンクである。写真など、他の結果と比べても違う表示がされていることがわかるだろう。日本では、まだあまり設定例が多くないと思われるので、見たことがない人もいるかもしれない。 検索マーケティングというと、検索順位をアップさせたりキーワードを選んだりということに注目が集まりがちだが、こうした新しい技術を採用して検索結果ページで検索ユーザーの視線を留めさせるのも、検索マーケティングでは重要な
Which Is Right for Me? 22 Responsive CSS Frameworks and Boilerplates Explained
CSS frameworks have been around for years now, but the arrival of responsive design practices has rendered many of our old favorites useless. Fortunately, lots of really talented developers have jumped in to fill the gap with the next generation of CSS frameworks and boilerplates. There’s already a ton of these things floating around. Everyone has a list, but no one really walks you through how ea
わざわざチェックしたくなる、企業サイトの404ページたち | TuiTui
アドレスの打ち間違いやリンクミス、削除されたページへのアクセス時に表示される404ページ。 表示されるページ内容に期待感をふくらませているだけに、がっかり感がハンパではありません。 しかし、たまにちょっと変わった404ページに出くわし、気持ちが和んだ経験はありませんか？ そこで今回は、いくつかある特長的な404ページの中から、 日本の企業サイトに焦点をあててピックアップしてみました。 http://www.daiwahouse.co.jp/aaa.html かなり作り込まれている404ページ。 404ページ内でサイトマップをテキストで表示させるサイトは多いのですが、 このページは画像を多く使って見やすく・分かりやすくするだけでなく、 訪問者の地域を判別して周辺の物件情報を紹介する手の入れよう。 これはもはや、第2のトップページといって過言ではないでしょう。 ■サクラクレパス
Google がお勧めするスマートフォンに最適化されたウェブサイトの構築方法
+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1
CSS-Only Responsive Layout with Smooth Transitions | Codrops
A tutorial on how to create a 100% width and height smooth scrolling layout with CSS only. Using a radio button navigation and sibling combinators we will trigger transitions to the respective content panels, creating a “smooth scrolling” effect. In this tutorial we will create a responsive 100% width/height layout with some smooth page transitions. The idea is to have some content panels and a na
レスポンシブなデザインにするなら知っておきたい。各ブラウザの小数点以下のピクセル値の扱い
デザイン要素を固定しないリキッドレイアウトは、未知の端末にも対応するというコンセプトのもとに実装するレスポンシブウェブデザインには必須だと考えています。そのリキッドレイアウトを実装する際に理解しておきたいのが、パーセント値で幅や高さを指定した際に小数点以下になるピクセル値（10.5pxとか9.2pxなど）に対するブラウザの挙動です。 たとえばグリッドシステムを構築する際、計算上はあっているのにブラウザでは思った通りに表示されないといったことが起こります。これは、各ブラウザのサブピクセル（小数点以下のピクセル値）の扱いの挙動差により生まれます。 まずはパーセント指定の基本から まずは前提となるパーセント指定の際の計算の基本のおさらいから。。。 CSSでパーセント値を使って幅や高さ指定をすると、指定した要素を含む親要素をベースにピクセル値が計算されます。 たとえば100pxの親要素の中にある子
サンプルで学ぶDreamweaver CS6！「レスポンシブWebデザイン」に挑戦してみよう
Dreamweaverとは Adobe Dreamweaver（以下、Dreamweaver）は、Webページを作成・更新・管理するためのソフトウェアです。Dreamweaverにはいくつかの編集モードがあり、コードビュー（HTMLコードやCSS、JavaScriptファイルなどコードを直接編集できる画面）、デザインビュー（Webページをブラウザで表示した形に近い状態で編集できる画面）の両方で編集できます。 さらに、Dreamweaver CS4で登場したライブビュー（レンダリングエンジンに利用しブラウザに非常に近い状態での表示確認ができる画面）では、SafariやGoogle Chromeと同じWebkitというレンダリングエンジンを採用しており、実際の画面を確認しつつ作業を進めることができます。 デザイナーにとっては、HTMLやCSSのコードをオートコンプリート（自動補完）してくれる機
Webサイト制作の一連の流れをまとめてみました
Webサイト制作の一連の流れをまとめてみました。クライアント向けにまとめたものを少し手直ししてのせています。新人Web担当者さんや、新人ディレクターさんの参考になるかなと。 なるべく難しい言葉を使わず、理解しやすいよう平易な言葉で書いております。 ※流れや手順は制作会社によって違うのですが、概要はつかめるかなと思います。 目次と流れ 1. サイトのコンセプトを考える 2. 競合他社からクライアントのお店や商品を選んでもらうためのポイント（強み）を整理する 3. そのサイトで一番伝えたい内容を決める 4. お客さんが必要とする3以外の情報や、クライアントの伝えたい情報をまとめる 5. サイト更新は誰がするのかを決める 6. 想定使用デバイス（PCやスマートフォンなど）を決める 7. サイトの周知・宣伝方法を考える 8. ページの設計図をつくる 9. サイト制作にかかわる必要な素材を準備する
プロダクトの品質を高める『フィードバック』
プロダクトの品質を高める『フィードバック』 デザイン⇒フィードバック⇒変更・修正のデザインプロセスをまわして、デザインが良くなっている感じがしなかったり、...
Creatorish is for sale at Squadhelp.com!
About Creatorish.com Edit Creatorish.com is a captivating domain name that sparks thoughts of innovation and originality. The name is a clever combination of "creator" and "ish," suggesting a creative and imaginative mindset. It's perfect for startups that focus on creativity, design, technology, and anything that involves inventiveness. The name is short, catchy, and easy to remember, making it a
WEB制作に役立つジェネレーターの数々！ツールまとめサイト含め最近のお勧めを一挙ご紹介！ | バンクーバーのうぇぶ屋
皆さんはWEB制作の過程で何かジェネレーターの類とか使ってますか？使う派使わない派と別れるところかもしれませんが、僕はかなりヘビーに使う派。それも一個のジェネレーターに留まったことはほぼ無く、毎月、下手すりゃ毎週のように新しいジェネレーター試しては便利そうなら周りと共有してといったことを繰り返してきました。 飽きっぽいと言えば飽きっぽい、他にももっと良いのあるんじゃないかとあっちへ行き、もっと良いのあるよと言われればそっちへ行き、こっちの方がおいしいよと言われればホイホイ試してみる・・・・・なんか駄目な人間みたいですが気にしない方向で行きます！ というわけで、僕が最近使ってみたり、教えてもらったりしたジェネレーター関連。ボチボチごちゃついて来たのと、このブログでまだ紹介してない物も色々あったし、2012年5月現在使っているジェネレーターの類を一度振り返りながらまとめてみようと思います！ 良
URIのリダイレクト設定をやってみた(管理人日記) - むぅもぉ.jp
ウレタン系高反発マットレスでよく言及されるのが密度です。それを頑張って分かりやすく説明してみます。
『.htaccessでクエリ付きリダイレクト』
ここに書かれている内容を「.htaccessでクエリ付きURLをリダイレクトする方法」に詳しく記載しました。 .htaccessでのリダイレクト、リライトの試行錯誤の話。 SEO的な問題でどうしてもクエリ付きURIの301リダイレクトが必要になり調べました。 初めは「Redirect」を使って簡単にできると思っていました。 しかし、どうやら僕のやりたいことをするには「Redirect」ではなく「Rewrite」を使う方法だということが判明。 RewriteEngine On RewriteRule ^aaa/bbb.php?(.*)$ /ccc.php?xx=yyy&$1 [R=301,L] まずはこんな感じで記述 結果、$1のところに何も入っていない 調べてみると「?」以降、つまりクエリの部分を取り除いてしまうらしい。 この場合のクエリは「%{QUERY_STRING}」に代入されるとの
コーポレートサイト構築/運営の注意点メモ | Maka-veli.com
一応これでもWebディレクターとしてやってきた経験があるので、メモしておきます。10個。 トラブルの元は最初からお客様と相談しておきましょう。 ※wp,jQuery,Flashを使ってこう作れ！とか、そういった物ではなく、 運営とかお客様とのやりとりとか、 なるべくディレクション寄りの10個にしてみました。 1 プログラムで動的に出す物は、 一応、先10年くらいは想定しておく。 特に年末年始にかかる物。例えば画像文字とか。 年末年始にトラブル程最悪な物は無いです。 意外に大手サイトでも10年とかリニューアルしないで ずっと同じシステム使う事だってあります。 というか大手になるほどシステムリニューアルしづらくなったり、 Webにあまり力を入れてない大手企業さんとかは本当に長年使ってくださるので、 絶対に用意しておいた方が良いです。 2 CMSはできるだけ有名な物を使う。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
cmmntr.com
Webクリエイターズマニュアル
Rriver
むぅもぉ.jp
独りスタンディングオベーション