「ステマ依頼」を受けたときの断り方（ケース別文章例） - Webライターとして生きる
ブロガーやライターとして活動していると、お問い合わせフォーム経由で「ステルスマーケティング」の依頼が来ることが往々にしてある。 漫画家の人にもこうした依頼はあるようで、Twitterに投稿された「映画 アナと雪の女王2」のレビュー漫画のいくつかがステルスマーケティングの疑惑を持たれ、炎上している。 こうしたステマ炎上事件に対し、クリエイターサイドからは「私だったら絶対に受けない」「断って当然」みたいな反応もちらほら見られるが、これはまさに《言うは易く行うは難し》であり、実際に自分が当事者になったときにステマを断るのはかなり難しい。 もし提示された報酬が100万円だったら？ 契約締結＆入金後に相手がステマの話を持ち出してきたら？ 原稿納品後に「PR表記無しでツイッター告知することも含めての依頼です。契約書にも『弊社のマーケティング活動に協力すること』が条件として書かれています。従っていただけ
ゴーストボタンにマウスを乗せたときの動きいろいろ16個
昨年くらいから流行っているらしいゴーストボタンというもののサンプルをいくつか作ってみました。皆さん色々作られていて、今さら感もありますがぜひご覧ください。 今回、以下のルールに沿って16個サンプルを作りました。 HTMLは全て同じ マウスを乗せる前は同じ状態 擬似要素は使っても1つだけ 擬似要素を2つ使ったり、spanなんかをはさんでやるともっと色々できると思いますが、今回はシンプルにマウスを乗せたときに動きをつけるサンプルを紹介します。 サンプルはこのページで全て載せていますが、まとめて見たいという方はこちらをどうぞ。 ということで、HTMLはこんな感じになります。 <a href="#" class="btn sample1">sample 1</a> 普通のリンクですね。btnは共通部分、sample1はサンプルごとで違ってくる部分になります。 では、共通部分のCSSです。 a.bt
CSSで月の満ち欠け
月の満ち欠けは球体に光を当てた結果のもので、円を円でカットするようなものではない。CSSでは立体を立体としては扱うのは難しいので、それを平面として捉え、半円を円で膨らませたり押し出したりすることで近いものにすることが可能になりそうだ。 Demo: Lunar Phase CSSグラデーションで作った半円に、border-radiusで作った半楕円を組み合わせることで実現している。月齢15以上の場合は半円を逆転させる。地球と太陽と月の位置関係から平面で捉えると、半円を基本にするということであっている(と思う)。 例えば月齢5の場合は以下の様なCSSで構成されている。 .moon { border-radius: 51%; height: 3rem; overflow: hidden; position: relative; width: 3rem; } .phase5 { backgroun
ページの表示速度を改善する方法 | Web Design Leaves
ページの表示速度を改善する方法について調べたことのメモ。 gzip 圧縮での高速化 自分でファイルを圧縮する方法とサーバーでファイルを圧縮する方法の２通りある。 ファイルを gzip 圧縮して .htaccess で圧縮ファイルを読み込む指定をする 静的なウェブのあまり変更のないファイルに対して向いている。 Windows でファイルを圧縮するには、専用のソフトを使うか、CSS や JavaScript を圧縮するなら次のページで可能。Online JavaScript/CSS Compression Using YUI Compressor 圧縮すると、ファイルの拡張子は「.gz」になるのでこれをサーバーにアップロード。 例えば、「base.css」を圧縮すると「base.css.gz」になり、サーバー上には「base.css」と「base.css.gz」の2種類のファイルがある。 以下
ブラウザで、特定のページだけ表示できない場合に試せること
ブラウザで、特定のページだけ表示できない場合に試せること投稿 : 2013-03-18更新 : 2014-07-10 エラー 137 (net::ERR_NAME_RESOLUTION_FAILED): 不明なエラーです。-Chrome Web ページへのナビゲーションは取り消されました。-IE ・今まではそのページが表示できていた ・WindowsUpdateなどで新しい更新プログラムを特に適用していない ・新しいアプリを導入していない 表示できていた時と、表示出来なくなった時の違いが、ほぼない時に疑うべきなのは、DNSキャッシュです。 DNSというのは、URLを実際のIPアドレスに変換するサービスです。毎回問い合わせるのは時間がかかるので、キャッシュを持っていてそれを使うようになってるわけですが、キャッシュが何らかの理由で正しくないときにこのような現象が起こることがあります。 対処方法
PageSpeed Insights を使ってサイトのモバイル操作性を向上させましょう
+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
IllustratorでのWebデザインがいい感じ！おすすめポイントや設定いろいろ
2014年3月19日 Illustrator, Webサイト制作 これまでは「WebデザインといえばPhotoshop」というのが通例でした。しかしIllustratorもWeb制作の環境に適応されてきた今、フラットデザインやイラストを多く扱うWebサイトでは断然Illustratorをおすすめします！今回はあまり知られていないIllustratorとWebデザインの相性や、Webデザイン用の設定方法等をご紹介します。 ↑私が10年以上利用している会計ソフト！ Illustrator初心者さんへ Illustratorはベクター形式の画像を作成できるAdobe社のアプリです。ロゴやイラストを作る時にはかかせません。Adobeの公式チュートリアルサイト、Adobe TVではIllustratorの概要やチュートリアルをはじめ、新しい機能の紹介も随時追加されています。 Illustratorは
リファラ実験 - referrer test
Updated: 2005-05-22 03:54:29+0900 [Home] 直にリンク 直にリンク リファラ表示ページに直にリンクします。 Firefox 1.0.4 …… リファラはこのページになる。 Opera 8.0 …… リファラはこのページになる。 IE 6 …… リファラはこのページになる。 NS 7 …… リファラはこのページになる。 Opera 7 …… リファラはこのページになる。 Lynx 2.8(cygwin) …… リファラはこのページになる。 w3m 0.1.9(cygwin) …… リファラはこのページになる。 HTTPヘッダのLocationを使用する Locationヘッダ HTTPヘッダでLocationを使用します。 header("Location: http://www.teria.com/~koseki/memo/referrer/view.
https://my.handsonwebhosting.com/knowledgebase/320/How-to-add-Expires-Headers-for-caching-files.html
auのWi-Fiルータ「HOME SPOT CUBE」をもっと活用しよう！セキュリティとか考えた設定方法
auが最近始めたサービス、「Wi-Fi HOME SPOT」。 「Wi-Fi HOME SPOT」を申し込むと、「HOME SPOT CUBE」という無線LANルータをレンタルすることができる。 その「HOME SPOT CUBE」を、ただ単に使うのではなく最低限のセキュリティなども考えた設定方法を紹介しよう。 家族に凝った設定を見せ付けて男らしさを演出するのもまた一興・・。 「無線LANがなんぞや」な人にもわかりやすく説明したい、そんな気分なんだ！ 「Wi-Fi HOME SPOT」とはどんなサービスなのか？どんなサービスかというと「HOME SPOT CUBE」という無線LANルータをレンタルし手軽にWi-Fi環境を構築できるサービス。 auのWiMAX端末でない人は、モバイルネットワークでは体験できない高速通信をWi-Fiによって楽しめるだろう。 そして「HOME SPOT CUBE
これからWebサイトの制作をしたいけど、何から勉強したらいいの？っていう人のためのガイド
以前から、「Webサイトを制作をしたいけど、何から勉強したらいいの？」という質問をよく頂いていました。私が Web制作を勉強し始めた頃に比べると、最近はたくさん情報がありすぎて何から始めればいいのか迷う人も多いみたい …。なので今回は、Webサイトを作るのに必要な知識を簡単にまとめてみました。 最近本だなを整理していて、もう読まなくなった Web制作系の本を片付けたりしてみました。ずーっと前、Webサイトってどうやって作るんだろうってところから始まって、用語もよく分からないまま色んな本を読んだりした頃を思い出します …。 Webサイトは HTML っていうものでできていて、CSS っていうもので、見た目をデザインしていくのかぁ … っていうことさえ、あの頃の私にとっては新しい発見だったなぁ … なんて思ったりしました。 最近では HTML5 とか CSS3 とか、私が勉強し出した頃に比べる
災害時、急激なアクセス集中に備えてウェブマスターができること
+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
フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か - IT戦記
みなさん、こんにちは お元気ですか？僕は元気です。 さて 最近よく、「いいね！」ボタンや「ミクシィチェック」ボタンによって、ウェブページを紹介し合う文化が少しずつ定着してきたなーと思います。 そんな中で、今後重要になってくるんじゃないかと思われる OGP （Open Graph Protocol）と言われる仕様があります。今日はそのことについて書いてみたいと思います。 OGP? おーじーぴー？？とはなんでしょうか。 OGP とは 簡単に言うと「このウェブページは何のことを書いているか」という情報を、プログラムから読める形で HTML に付加する記述方法のことです。 まあ、普通のウェブページは人間が読めばだいたい何のことが書いてあるか分かりますよね。 ですが、プログラムは人間ほど頭が良くないので、そのウェブページ内の文章だけではそのページが何のことについて書かれているページなのか正確に識別す
WindowsからiPhone／iPod touch／Macに送ってはいけない文字とは？ － ＠IT
―― 電子メールなどで文字化けが発生する文字に注意 ―― デジタルアドバンテージ 島田 広道 2011/01/28 2011/02/22更新
HTTPエラーページに意味を持たせよう
Translation of: Adding meaning to your HTTP error pages! by Stuart Colville This article is licensed under a Creative Commons Attribution, Non Commercial - Share Alike 2.5 license はじめに ウェブ上で何かを検索しようとすると、既に存在しないページしか検索結果になく、それらへのリンクをクリックすることはよくあるだろう。その開いたページにデフォルトのエラー・メッセージの他に何も情報が載っていなかった場合、多くの人々は戻るボタンを押し次の検索結果を開こうとするだろう。 サイト製作者である我々はもっと訪問者に意味のあるエラーページを作成することができる。そうすればたとえエラーページであっても訪問者をサイトに留まらせ、彼ら
Googleに学ぶ、ウェブページのパフォーマンスを最適化する方法
Web Performance Best Practices 下記、ウェブページのパフォーマンスを最適化するポイントをまとめたものです。 キャッシュの最適化 往復遅延時間を減らす HTTPリクエストを減らす ロードサイズを減らす レンダリングの最適化 関連書籍 1. Optimize caching キャッシュの最適化 ブラウザのキャッシュを活用 JavaScriptやCSSファイルや画像などのスタティックなリソースは、HTTPヘッダを使用してキャッシュをロードするようにします。 アドバイス スタティックなリソースは全て、積極的にキャッシュにセットします。 時々更新するリソースのキャッシュには、ファイルパスにフィンガープリントを埋め込みます。 IEでも確実にキャッシュされるように、Varyヘッダは削除します。 URLを自動生成している場合は、Fxのディスクキャッシュで使用している8文字のラ
yahooとyimgを別ドメインにする理由 | beroの日記 | スラド
初耳です。HTTP1.1仕様であるRFC2086には「サーバやプロキシへ最大で 2 接続」とありますが ドメインは無関係です。（サーバとドメインの違いについてはココでは解説しません） リンク先記事 の元ネタは Yahoo!パフォーマンスチーム、最新高速化ルール20を発表 Split components across domains - Maximize parallel downloads - But not more than 2-4 domains, because of the DNS lookup penalty - www.example.org - HTML content - static.example.org - HTML components とあるので、ここでいう「domains」は所謂「ドメイン」ではなく、サブドメイン含む「サーバ」のことだと思います。（原文も悪い
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
apple-touch-iconやbrowserconfig.xmlなどWebサイトのスマホ用アイコン指定の最新情報を調べてみた | 初代編集長ブログ―安田英久
CAT5eとCAT6の違いは何？伝送スピードも同じらしいし・・。 - CAT5eとCAT6の違いは何？伝送スピードも同じらし... - Yahoo!知恵袋
★iPhone/iPadのホーム画面用アイコンapple-touch-icon.pngをサイトに設定しよう | 編集長ブログ―安田英久 | Web担当者Forum
