Webzo Studioにて、ローディング時のgifアニメーションのチュートリアルが掲載してありました。 Loading GIF Animation 配布されているのはPSDファイルなので、色の変更や大きさの変更などが可能です。 ローディング時のgifアニメーションは、オンラインのジェネレーターや配布サイトも多数あります。 ローディング時のgifアニメーション:ジェネレーター
Indicator type : Background color : # Transparent background Foreground color : # Create easily your own ajax loader icon : Select the type of indicator you want Enter the background code color you want (tick "Transparent background" if you don't want one Enter the foreground code color you want Press "Generate it"
This shop will be powered by Are you the store owner? Log in here
div内に配置した、複数の画像やテキストを自動・手動でスクロール表示するスクリプト「Smooth Div Scroll」を紹介します。 Smooth Div Scroll demo デモでは、画像がスムーズなアニメーションで自動スクロールされ、両端にマウスを移動すると手動でのスクロールもできます。 デモは他にも、テキストのスクロールやスモールサイズ画像のスクロールもあります。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。
IE8における拡大縮小バグ 先日リリースされたIE8だが、多くのバグを含んでおり、まだまだWEB製作者を悩ませそうです。 (追記)Firefox3でも発生しますね。検証不足でした。 例えば、私が見つけたのは拡大縮小に関するバグ。(文字ではなくズームによる) ul{ margin:10px; width:600px; border:1px blue solid; } ul li{ list-style-type:none; margin:2px; border:1px red solid; width:194px; height:194px; float:left; display:inline; } サンプル などのようにリスト要素を利用して表状の形態を表現した際、通常は以下のように表示される。 IE8 100%で表示。 これを95%に変更すると以下のようになる。 IE8 95%で表示。
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
この前焼き鳥食ったんです、焼き鳥。 そしたらうめーなーって、この世で一番旨いなーって感じたんです。 せっかくだから、5本追加しちゃいました。 そしたら、値段が1本120円ですよ。 そこでぶち切れですよ!本気で。 おい、主人!焼き鳥ってのは庶民の楽しみ。 仕事という強制労働から開放される唯一の瞬間。 そこを付け込んで1本120円ですか! フ−ン・・・ 分かりました。僕にも考えがあります。 家庭で再現できる焼き鳥の味を徹底検証して、屋台要らずにしてやりましょう! ・・・そして、小市民の復讐は始まった・・・ 串を打つときは、肉をみっしりとさせる。串が覗くような隙間があると 焼いた時にそこがこげて落ちます。 持つところの串はどうしてもこげ落ちやすいところ。アルミホイルで防御しておきましょう。 焼くときはガスコンロの上にレンガを二つ置き、その間に焼き網を通して焼く。
短期間で筋肉をつける方法、または効果的なダイエット方法について、6ヶ月で体脂肪11kg落としたオイラが考えてみたよ。 短期間で筋肉をつける方法−アルファルファモザイク http://alfalfa.livedoor.biz/archives/51406714.html もうね、嘘ばっかりw 「痩せたいなら自転車で1日100km走れ」なんて書いてあるけど、仮に時速20kmで自転車こいだって100km走るのに5時間かかるんだよ。そんなの続くか? ■割れた腹筋を手に入れるためには 割れた腹筋を手に入れるためには、筋肉増量と体脂肪率の低減の2つが必要。ためしてガッテン「スロートレーニング」で筋トレした”後で"、自転車などの有酸素運動を組み合わせるのが最近の有力な仮説だよ。 ●ためしてガッテン−脳をだます!ラクラク最新筋トレ術 http://www3.nhk.or.jp/gatten/archive
iPhone向けのサービス提供となるとついネイティブアプリケーションに目がいってしまう。だがネットワークが必須なものであれば、アプリケーション開発にこだわる必要はない。むしろ審査やObjective-Cの習得などに工数がかかってしまう。 iPhoneでjQuery ならばもっと容易に提供するiPhone向けWebサービスの方が合理的だ。そこで使えるjQueryプラグインがjQTouchだ。 今回紹介するオープンソース・ソフトウェアはjQTouch、iPhone向けjQueryプラグインだ。 jQTouchはjQueryプラグインであり、iPhoneやG1などWebKitを使ったモバイルブラウザで利用できる。とは言え日本では主にiPhone向けになるだろう。iPhoneでよく利用される機能を容易に実装できるようになっている。 様々な機能が盛り込まれている 左右に移動するアニメーションはもちろ
本連載では、竹島愼一郎氏が提唱するインパクト抜群の「1枚企画書」をPowerPointで作る手順を全5回で紹介します。社会人になったらWordやExcelだけでなくPowerPointも使いこなせなくては、社内や取引先でのプレゼンに勝ち抜けません。しかし、ただ単に企画書をPowerPointで再現しただけでは、印象に残るプレゼンにはほど遠く、居眠りを誘う会議になってしまうことでしょう。 「1枚企画書」の最終回として、本書が出版に至った企画書の実例を含む、「プレゼン力の高い企画書」を3種類ご紹介します。実際の成功事例を踏まえてPowerPointをフル活用すれば、皆さんの仕事もきっと成功に近づくはずです。 ※本記事は「ビジネス極意シリーズ パワポで極める1枚企画書」から一部抜粋し、編集・再構成したものです。 Table of Contents プレ企画書1――飽和市場の「新商品企画書」 ■
企画書、チラシ、WEBサイト...制作作業にはフォントに関する困った事が色々あります。今回は、そんな困り事を解消する、フォントに関する便利なツールやアプリを、まとめて一挙に18種類ご紹介します。見出しのラインナップは以下にまとめてあります。気になるところだけ見ていってください。 1)フォントを楽に管理したい 2)気になるフォントを探し当てる方法 3)無料でフォントをダウンロード 4)フォントを自作する方法 1)フォントを楽に管理したい すべてのOSに、フォントビューアーやインストーラーは内蔵されていますが、外付けハードディスクには使えなかったり、仕事でフォントを使い込む人には不十分な場合もあります。 ◎Font Picker [すべてのOS(Adobe AIRインストールが条件)] パソコンのシステム内にある全てのフォントを一覧で表示してくれるのが「Font Picker」です。(米lif
1万4000人の4Gamer読者を通して見る日本のオンラインゲーム市場。日本のオンラインゲームはどこへ向かえばよいのか 編集部:TAITAI 2008年12月〜2009年1月にかけて行われた,毎年恒例の「4Gamer年末特大プレゼント」。今回の応募総数は,2007年末の8600通を大幅に超える,1万3855通でした。毎度のことながら,やたら多くのアンケート項目があったにもかかわらず応募してくださった読者の皆様,たくさんのプレゼントを提供してくれたメーカーの皆様,あらためてここに御礼申し上げます。ありがとうございました。 2009年度版の国内オンラインゲーム市場の概観図だ。2008年にサービスインした新規タイトルは,どういった層に受け入れられたのだろうか さて,好評を博した昨年の「4Gamer読者アンケート結果発表」記事から約一年。「今年はいったいいつ載るんですか」「なぜ載せないんですか」「
4月から各放送局で新たに始まるアニメーション。アキバの住人にとって、アニメは欠かせない娯楽だ。4月から始まるアニメ番組の数は非常に多いため、編集部では各タイトルの内容や見所、キャスト、放送時間帯などをまとめてみた。今回は、練りこまれたストーリーや設定で大人でも楽しめるアニメと、家族で楽しむアニメを紹介しよう。毎週目が離せない作品なだけに、忘れずに要チェックだ! 私たちは……誰でもない亡霊(ファントム)―― 「Phantom~Requiem for the Phantom~」 作品解説 ニトロプラス生誕10周年記念作品となる本作は、2000年2月にニトロプラスから発売されたハードボイルド・アドベンチャー・ゲーム「Phantom -PHANTOM OF INFERNO-」が原作。DVD-VIDEO GAME版やPS2版が出ているほか、音楽CDや小説をはじめとする書籍、OVAなどが出ている。 装
4月から各放送局で新たに始まるアニメーション。アキバの住人にとって、アニメは欠かせない娯楽だ。4月から始まるアニメ番組の数は非常に多いため、編集部では各タイトルの内容や見所、キャスト、放送時間帯などをまとめてみた。なんと今回の特集は全7回という特大ボリュームでお届けするぞ。自分なりの要チェック番組、録画予約候補などをあらかじめ決めておくといいだろう。初回はアクションが見どころのアニメをお届けしよう。 お前の罪……それはお前の存在そのものだ 「PandoraHearts」 作品解説 月刊「Gファンタジー」(スクウェア・エニックス刊)にて2006年から連載中の望月淳の漫画「PandoraHearts」が原作。「100年前の悲劇の真相とは?」「オズの罪とは?」など膨大な量の謎掛けや伏線、「アヴィス」や「チェイン」「四大公爵家」などユーザーの想像を掻き立てる独特で複雑な世界観や、ファンタジー×本格
Typography is the art and techniques of arranging type, type design, and modifying type glyphs. Display typography is a potent element in graphic design, where there is less concern for readability and more potential for using type in an artistic manner. Type is combined with negative space, graphic elements and pictures, forming relationships and dialog between words and images. Color and size of
Recently icons are used widely in web and interface designs, icons convey the message in simple and effective manner,As a designer its always good to know how to design a icon on your own, there are plenty of icon tutorials out there, here i have filtered and listed 50 of the best icon design tutorials, hope you like this list of tutorials Create a Magic Wand Icon Carbon Style Icon Aperture Style
Justify elements using jQuery and CSS jQueryとCSSを使ってフォームのinput要素を楽に整列させる方法が紹介されております。 何ができるか?というのは次の図を見て頂くのがはやいでしょう。 ビフォア ↓↓↓↓ アフター これを実現するために、CSSとマークアップによって実現するのが普通ですが、jQueryによってもっとスマートに出来るようですね。 具体的には、次のように、label の中で width がもっとも大きいもののサイズを得て、そのサイズにJavaScriptで調整しちゃうというものです。 $(document).ready(function() { var max = 0; $("label").each(function(){ if ($(this).width() > max) max = $(this).width(); });
Create a unique Gallery by using z-index and jQuery | This Blog Use jQuery 訪問者驚きの手めくり風、画像ギャラリーを作成できるサンプル。 以下がデモで、実際に試してみましょう。驚きの効果が得られるはずです。 HTML定義部分。分かりやすいコードも魅力です。 <!-- relevant for the tutorial - start --> <div class="grid_6 prefix_1 suffix_1" id="gallery"> <div id="pictures"> <!--画像の定義部分--> <img src="images/picture1.png" alt="" /> <img src="images/picture2.png" alt="" /> <img src="images/pictu
WEBデザイナーという肩書きを使う場合にあったらいいかもなスキルとWEBで見れる無料教材とリソース集 2009年03月23日- WEBデザイナーという肩書きを使う場合にあったらいいかもなスキルとWEBで見れる無料教材とリソース集。 プログラマが1ヶ月でWEBデザイナーに転身する方法 というエントリを見て、プログラマの方々のWEBデザインに関する関心の高さを見て書いてみます。 WEBデザイナーといっても色々な知識が必要で、かつ、最近はフリーのテンプレートも豊富にある中、どれだけ出来ればWEBデザイナーとして成り立つのだろう?という疑問がありましたので考えてみました。プログラマの方で、WEBデザインをやってみたい。また、全くの素人だけどWEBデザイナーを仕事にされたいという方の参考になれば幸いです。 最低限の知識編 1. HTMLとレイアウト力 まず、知っている人には物凄く当たり前の事ですが、
ウェブデザイン技能検定とはウェブデザイン技能検定は、国家検定制度である技能検定制度の一つとして、 厚生労働省より職業能力開発促進法第47条第1項の規定に基づき指定試験機関の指定を受け、 特定非営利活動法人インターネットスキル認定普及協会(以下、当協会)が実施するものです。 試験は実技および学科試験で実施され、 関連国際標準規格等に基づきウェブデザインに関する知識・技能、実務能力等が問われます。 1級の合格者には厚生労働大臣より、2級及び3級の合格者には当協会理事長より、 ウェブデザイン技能士の合格証書が発行されます。
Picasa download button - design winner rather than link Official Google Blog - Make sense of your site: tips for webpage designにおいてWebサイトのデザインを選ぶ方法が紹介されている。Webサイトデザインは販売目的であったり情報の収集であったり、そのサイトの目的の実現に直結する要因のひとつだ。デザインがよければ目的を実現しやすくなり、誤ればユーザはすぐにどこかに消えてしまう。 サイトのデザインはアイコンや写真の入れ替えといった小さい変更から、全体のレイアウト変更やカラースキーマの変更まで多種多様といえる。多くの指針があるが、Make sense of your site: tips for webpage designではサイトをおとずれたユーザの反応を分析するこ
正式名称は『文部科学省後援 色彩検定』といい,「社団法人全国服飾教育者連合会(略称:A・F・T)」が主催するもので,色に関する幅広い知識や技能を問う検定試験です。 1990年にスタートしたこの検定は,すでに10年を超える実績があり,志願者数は2004年で累計70万人を超えました。 従来から「感性」によるものと見られがちであった「色に関する知識や技能」を,系統的に学ぶことができますので,誰もが「理論」に裏付けられた「色の実践的活用能力」を身につけることができます。 色に関するスペシャリストのことを『カラーコーディネーター』などという言葉で呼ぶことがありますが,これは国家試験のようなライセンスではありませんので,色彩検定を取得していなくとも色の仕事をすることは出来ます。 しかし,『色彩検定』は「色に関する知識や技能」を社会的に評価する尺度として確実に社会的な認知を得ていますので,色のス
今回は「アクセシビリティ」をテーマにお話しいただきました。 昨年12月に、W3CのWCAG(Web Content Accessibility Guidelines)2.0が勧告され、国内では今年JIS X 8341-3が改正される予定です。 こういった動きとともに、Webサイトのアクセシビリティというものに改めて注目が集まっています。 今回、NPO法人しゃらくにてさまざまな活動を行っている小嶋新氏をゲストに迎え、Webアクセシビリティについて語っていただきました。 小嶋 新(KOJIMA Arata) 特定非営利活動法人しゃらく、ITサポート担当野村證券株式会社を経て、2006年特定非営利活動法人しゃらくの設立に参画する。NPO法人などを中心にWebサイトの制作・運営に従事する一方、Web標準やアクセシビリティの情報発信も積極的に行っている。 森田 雄(MORITA Yuu) 株式会社ビ
When you're designing or building a website, chances are you're going to need various little elements designed. I personally tend to reuse a lot of the same buttons, menus, icons and so on. Since we launched GraphicRiver earlier this year though we've seen a lot of cool little web graphics coming in, in the form of web elements, backgrounds and icons. So I've compiled 30 of the best to give you a
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
日本最大のポータルサイト「Yahoo! JAPAN」のトップページがリニューアルしたのは、2008年1月のこと。従来の2カラムから3カラムのレイアウトに変わり、世界各国のYahoo!に合わせる形でデザインも一新されました。同時に行なわれたのが、ユーザーインターフェイス(UI)のリッチ化です。新しいYahoo! JAPANのページには、タブ/アコーディオンパネル/フローティングウィンドウなど、ここ数年のトレンドであるAjaxを使ったUIが随所に盛り込まれています。 こうした流れは、トップページだけではありません。リニューアルと前後して、Yahoo! JAPANではさまざまなサービスのUIの改善が実施されています。今回はその中のひとつ、「Yahoo!知恵袋」に注目してみましょう。今年2月にリニューアルされたばかりのこのQ&Aサービスの新しいトップページが、今回のお手本です。 今回のお手本サイト
Google画像検索(Googleイメージ検索から名前が変わったようですね)は、インデックスしたすべての画像から、写真コンテンツだけを抽出したり、線画、クリップアート、顔など画像タイプを選択して検索できるようになっています。 Google Operating Systemによると、「色」まで指定して検索が可能です。 サイズやコンテンツタイプのようにオプションメニューが与えられているわけではないのですが、URLにパラメータを追加するだけで「カラー指定検索」ができます。 具体的には、検索結果のURLの末尾に「&imgcolor=color」を追加します。 colorには色を指定します。 こちらはフツーに「魚」を画像検索したSERPです。 こちらは、”&imgcolor=red”を追加して「赤」を指定した「魚」のSERPです。 赤身のお寿司がおいしそうです。(笑) こちらは、”&imgcolor
この記事は、前後編の2回に分けてお届けしている。午前中のセッションについてまとめた前回に引き続き、後半に当たる今回は、午後に行われたセッションについてお伝えする。 SEO(デイブ・ネイラー氏)講演でいつも人を楽しませてくれるネイラー氏は、SEOの基本に関する短くて魅力的なプレゼンを行った。 ネイラー氏は、SEOは安価ではないし、ランキングを保証するものでもなければ、4週間程度で効果が出るものではないと釘を刺した。同氏はまた、コンテンツがどれほど重要かを説明し、これといって検索順位を引き上げてくれそうなリンクもなしに、上質のコンテンツがあるという強みだけで、競争の激しいクエリで検索上位を獲得しているサイトの実例をどれほど多く見てきたかを語った。非常に興味をそそられる話題だった。 ネイラー氏はさらに、検索エンジンが今後トラフィックの出入りをWebサイトの評価基準として用いるようになれば、(SE
この海外SEO情報ブログの読者なら、Googleの「link:」検索で調べるバックリンク情報が、ほとんど役に立たないことを知っているはずです。 その理由を、GoogleのMatt Cutts(マット・カッツ)氏がビデオで説明しています。(もちろん、彼は「役に立たない」などとは言ってませんw) まず、大前提としてあるのがGoogleのlink:コマンドで表示されるリンク元ページは、サンプルで抽出されたごく一部であって、すべてではありません。 過去に表示数が倍になった経緯はありますが、それでも一部分です。 Google検索のいちばんの目的は、一般のユーザーに検索結果を提供することで、被リンク情報を与えることではないので、link:のクエリを処理するサーバーを十分に持っていないからです。 また、スパマーや競争相手がバックリンクをチェックして分析し、自分の上位表示に利用する「リバース・エンジニアリ
この記事は、ブログシリーズ「注目されるインターネット企業を設立する方法」の記事だ。この間掲載した「ビジネスを立ち上げる際に必要なマーケプランを段階ごとにまとめてみた」の続編だ。このシリーズの狙いは、インターネット企業を設立して成功に導くためのフレームワーク構築に、オンラインマーケティングの考え方を応用することにある。 会社の設立はストリーキングによく似ている。アイデアを思いついて、実行を思い描きながら策をあれこれ考えるのは刺激的だけど、いざ実行するとなると難しく、うまくいくことなんてめったにない。 僕も、多くの人と一緒で、新しい事業のアイデアに心を奪われ、「次に大当たりするネタを思いついたぞ」と愚かにも考えてしまった経験がある。だが残念なことに、こういった計画の大半は完全な失敗に終わった。前に進み始めたと思う間もなく予期せぬ問題に突き当たり、お粗末なストリーキング計画みたいに、ばつの悪い思
グーグルのウェブスパム部門(検索品質部門に属する)を率いるマット・カッツ氏が最近、「なぜグーグルはあなたの気に入らないページを排除しないのか」というブログ記事を投稿した。少し引用してみよう。 だいたい数週間おきに、誰かからこういう質問を繰り返し受ける。 「やあマット、私について書いてあるページで実に気に入らないのがあるんだ。グーグルのインデックスから消す方法はないかな?」 これはまだ上品なほうで少数派。もっと多いパターンはこんな感じだ。 「この人物がウェブ上で私にクレイジーな言いがかりをつけてるんだけど、言ってることはとにかくイカレてる。グーグルはこのクレイジーな人物のページを削除できるかな?」 通常の返答メールでは、削除のための選択肢を2つ提示する。 当社から見て、あなたにとって最善の行動は、2つの選択肢のうちいずれかでしょう。 1つは、WebページBを掲載している人に連絡を取り、そのペ
1.ユーザー調査をないがしろにしているデザイナーの皆さんへテーマが与えられて、さてデザイン活動を開始しようというときに、まずアイデアを練ろうとするデザイナーがいる。そういうデザイナー諸氏に「どうしていきなりアイデアを練ろうとするんですか?その前にユーザー調査をする必要は感じませんか?」と問うと、 このテーマについては大体わかってる。ユーザーがどんなことを求めているかとか、ユーザーにはどういうものが受けるかということは経験でわかってる。 だから後は新規で斬新で魅力的なデザインをすればいいんですよ。と言われる。 もちろんそれで成功する場合もあるだろう。ただ、その歩留まりをあげようとするなら、やはりユーザー調査はやった方がいい。自分のなかのユーザー像が現実のユーザーとずれている可能性があるかもしれない、という反省的な気持ちは常に持ち続けるべきだと思う。 世の中は急速に変化している。デザイナー自身
今年、僕が戦略上の目標にしていることの1つは、一部大手クライアントの幹部たちとの距離を縮めることだ。僕たち検索に携わる人間にとっては明白なことだけど、検索で勝利を収めるのは、検索を最も戦略的に考える態勢の整った企業だ。少なくとも、ブランド力が大きくものをいう最近の傾向(これについては、この前アーロン・ウォール氏が雄弁に論じてくれた)は、基本となる検索アルゴリズムが変化していることや、検索に関して(一部の)大手ブランドが次第に習熟の度を高めていることの表われだ。 どうすればブランド企業がこの傾向を有利に活用できるか、また、どうすればSEO業者が彼らの役に立てるかについて、書きたい記事はたくさんある(SEO事業者へのアドバイス:業者は外注の仕事を獲得することより、いかにクライアントの社内業務をサポートするかってことを考えるべきだ)。 でも今回の記事は、そういうのとは違う。最後の方に、SEO業者
クローラー:HTTPプロトコルでコンテンツを取得する あなたの運営しているサーバーを含めた世界中のWebサーバーと通信し、そのサーバー内のコンテンツを取得していきます。通信手段はHTTP/HTTPSプロトコルなので、HTTP/HTTPSで取得できるものは、なんでも持っていきます(テキストファイル、CSSファイル、JavaScriptファイル、画像、Flash、PDFなど)。 インデクサ:取得したコンテンツを解析し保存する 取得したコンテンツの内容を解析します。ここで取得したコンテンツのキーワードやテーマを分析して読み取り、分析結果とそのファイル自体をデータベースに保存(インデックス)します。 クエリサーバー:ユーザからの検索クエリ(キーワード)の結果ページを返す ユーザの検索キーワードに基づき、保存してあった解析結果を検索結果ページとして作成し、表示します。SEOの結果が反映される部分にな
この連載では、主に企業の広報担当者に向けて、初めて書く人でもわかるリリースの書き方から、ネット時代に即したリリースの書き方など、明日から役立つ基礎情報をお届けします。 前回は、テキストベースで作ったニュースリリースの文書を、紙で配布するためのカスタマイズについて説明しました。今回は、ネット時代となって軽視されがちな紙のリリースの重要性を改めて解説するとともに、その活用方法について紹介します。 最近、インターネットを活用した広報活動の重要性が大きく叫ばれているためか、新聞やテレビなど旧来からのマスコミへのアプローチがないがしろにされているようにも感じます。「記者と仲良くするよりネットを使え」のような標語を打ち出す書籍もあります。もちろん、ネットを活かした広報活動が大切になっていることは疑う余地のないことですが、新聞やテレビの影響力は、中途半端なSEOとは比較にならないほど大きいのが現実です。
多くのSEO業界人にとって、グーグルの検索品質チームがスパム対策として開発した「サンドボックス」はもはや過去の遺物だ。しかし、僕らはここ数年、「サンドボックス」現象だと思われる新たな事例に気づいており、ようやく、みんなに披露しても間違いのない例が見つかった(それに、そのサイトのオーナーから許可も得た)。 「grader.com」とその4つのサブドメイン名、つまり「twitter.grader.com」「pressrelease.grader.com」「website.grader.com」「facebook.grader.com」はすべて、「サンドボックス」の影響を実感させる明白な作用を受けているんだ。 どうしてわかるのかって? それは、次のような共通した特徴があるからだ。 ドメイン名が比較的新しい(通常は1年未満だが、時には2年程度のものも)サイト上の各ページは、title要素が検索クエ
昨日の「2nd Tier サイトからのリンク」続き、ほとんどのウェブマスターが知らないであろうリンクビルディング手法を解説します。 それは、“逆”画像サーチエンジンを利用する手法です。 TinEyeという一風変わった画像検索のサーチエンジンがあります。 何が変わっているかというと、画像を検索するのではなく、画像が貼られているウェブページを検索するのです。 調べる対象の画像は、ローカルPCにあるイメージファイルかURLで指定します。 URLを指定した場合は、そのページにあるすべての画像に関してサーチします。 下は、Google日本のホームページURLを指定した検索結果です。 Google日本のロゴをアップしているウェブページが返されます(類似性のある画像も対象)。 このTinEyeを使ったリンク獲得方法をeVisibilityが解説しているので、紹介します。 #STEP 1 あなたがオリジナ
Googleの上位表示にいちばん大きなウェイトを占めているのは、言うまでもなくバックリンクです。 質の高いリンクをいかに多く集めるかが肝になります。 しかし、Googleに高く評価されているサイト、たとえば政府系のサイトや学術系のサイトからリンクを張ってもらうのは、そう簡単なことではありません。 そういった権威のあるサイトがリンク集ページを持っていたとして、「そのリンク集に載せてください」と一般のWebサイト管理者が頼んでも、実現するのはかなり困難でしょう。 ではどうすればいいのか? WebmasterWorldで、回答が投稿されました。 答えは、いたってシンプルです。 高い評価を受けているサイトのリンク集ページからリンクが張られているページ、そこからリンクをもらうのです。 2階層目のサイトということで、WMWのスレッドでは”2nd Tier Sites”と名付けられています。 もちろん最
「人を惹きつけ人を動かす文章を書く方法 初心者にもわかるコピーライター養成講座 〜言葉で世の中を動かそう」の中で、広告コピーとしてよくない例があげられていました。 * 広告コピーの定義 まずは広告コピーの定義から。 広告コピーとは人を動かすため、モノを動かすためのコトバである。 笑わせる、驚かせるのは人を動かすための手段。 人を動かす意志を持った言葉が広告コピー。 * よくない例 言葉遊び系 心くすぐります。コショ、コショ。 心を満たすFULL本屋 これらの何がダメなのかというと、意志が感じられないこと。 楽しませようとはしているが、それだけでは人を動かすことはできない。 ただし、音楽とかを使って連呼したり、分析した上で言葉遊びで考えたものはうまくいくこともある。 「心を満たすFULL本屋」 こういうのは、キャッチコピーとしてよくないみたいです。 でも、パナソニック最新の広告コピー(ビエラ
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog 前回の「第三回」ではよくある手法でプログラムの分離を試してみました。 そろそろこの連載も折り返し地点となります。 実はこの記事は、最初、小さな課題を与えられたプログラマが正攻法で突撃するもうまくいかず、策をろうしてやっと勝利、その知識を広めようとライブラリ化を行ったところで難題にぶち当たり、裏街道に突入。状況を打開する為にプログラム技術を駆使し、最終的にフレームワークとして完成させる、というストーリーになっています。 * さて、さっそく前回の答えですが「A」です。 まずは下のグラフをごらんください。 上記は、各実装でどれぐらい表示に時間が掛かるかを測定したものです。 単位は ms (ミリ秒=1000分の1秒)です。 重要なのは プ
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog 「第二回」では、グレー文字入り入力欄という課題への解答例としました。 プログラムの設計といったものがどんなものなのか、その面白さが少しでも伝わっていれば幸いです。 とはいえ、動いてさえいればあとはどれも似たようなもので、あとはプログラマの自己満足の世界です。その中での創意工夫はプログラマに閉じた世界とはいえ、ポケットの中に広がった空ではないかと思っています。 前回の最後の問題の答えを示す前に一つ重要なことを忘れていました。 そうです、使ってもらう為にはライブラリ化が必要でした。 * 三回目となるこの記事からは、皆さんお待ちかねの関数化・ライブラリ化といったプログラムを隠す手法を試していこうと思います。ロジックの複雑化や高機能化につ
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。
A note from the editors: This article was experimental even in its day; make sure to research current CSS Columns specifications and browser support before deciding whether they are appropriate for your project. While most computer screens are wider than tall, most websites are the exact opposite: longer than wide. In the economy of screen-estate, vertical space is expensive. If you were a piece o
スクリーンメディアではカラム高がネック スクリーンメディアで段組みを適用する場合、特に問題となるのはカラム高です。 ディスプレイやウィンドウの横幅が、ページ幅を越えてしまうだけなら、最悪、ページを横に横にスクロールさせていくだけですみます。(もちろん、これも回避したいことは言うまでもないでしょう) ですが、横組みが基本のウェブの場合、カラムの高さがディスプレイやウィンドウの高さよりも大きくなってしまうと、たとえページ幅が有効画面幅内におさまっていたとしても、カラムの数だけ、上下に往復スクロールさせなくてはならなくなります。
Limitations (as of version 1.0beta) Values for column-width and column-gap must be given in pixels. The implementation relies on a light javascript css parsers. Avoid complex css structures (like cascading rules). This is ok: .article { column-count: 3; column-gap: 20px; } This is likely to break: #somearticleid { column-count: 3; } .different_selector { column-gap: 20px; } Also, for n
代表中山陽平 ブログ「苦手意識を無くせばWeb活用はうまくいく」弊社では「がんばる中小企業」のWeb活用をサポートしています。今の時代、第3者である、制作会社や代理店におまかせでは勝てません。同じような商品・サービスが溢れる中、選んでもらうためのコンセプトを立て、それを実現するためにネットもリアルも総動員しながら戦う必要があります。 みなさんが世の中に・自社の従業員に実現したい幸せや提供価値を、しっかりと実現していくためには、みなさん自身が主役になり、私達のような専門会社が側面支援するのがベストです。 このブログでは御社が中心となってウェブ活用できるヒントを配信しています。お悩みの方はお気軽に問い合わせフォームからご相談ください。 最新の記事一覧
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。
For years, Apple has had a huge impact on designers and graphic artists across the globe. The simplicity and sharpness of the Aqua interface in Mac OS X strongly influenced the way new products were being presented and designed. It’s not only the design of products that makes Apple’s products different, it’s also their appearance on the Web and in print. No other company has managed to come up wit
As a general rule, most Web developers, especially usability enthusiasts, say it is bad practice to use drop-down menus because they are confusing, annoying and oftentimes dysfunctional. From a design standpoint, however, drop-down menus are an excellent feature because they help clean up a busy layout. If structured correctly, drop-down menus can be a great navigation tool, while still being a us
li > a" data-ddst-label="Navigation Items" data-ddst-no-support="background,border"> li > a" data-ddst-label="Navigation Items" data-ddst-no-support="background,border"> Home Categories Tutorials Resources Inspiration Freelance Interviews Design Freebies About Contact Advertise With Us Write For Us Contact
What does Styleneat do exactly? It organizes and standardizes your CSS - selectors, sub-selectors and properties - in a structure that makes it easier to define page areas and see how they relate to each other. So, for example, it turns this: #id1 { property: value; } #id1 .class1 { property: value; } #id1 .class1 a { property: value; property2: value2; property3: value3; } #id1 .class1 a span { p
President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX. An effective logo sets the tone and pu
When building a website, using a CSS framework is a real time saver as it provides you with tools every web designer and front-end developer needs when crafting a site (other than good web hosting). A CSS framework is a software framework created to allow for easier, more standards-compliant web design using HTML/CSS. Many popular CSS frameworks are design-oriented and contain elements that can be
The quality and availability of WordPress e-commerce themes makes WordPress a serious choice as an online shop platform. In fact, WordPress has moved rapidly from being mainly a blogging platform and is now one of the top CMS systems for traditional websites. Lately,... Welcome to our Website Awards for best free WordPress themes. We are hosting this award to showcase the best websites to visit wh
If you want to take your design skills to the next level, save time when setting up sites, and simply look more professional right out of the box, you need to invest in a high-quality and responsive HTML template. Everyone’s running around trying to hop on the newest trend: flat design, but before flat, there was responsive web design. Responsive web design has, of course, become the standard. Eve
Online CMSes like WordPress, Shopify, and Joomla have popularized the use of templates and themes. With them, you can choose a look for your website and configure it without any knowledge of coding. But did you know that you can also find HTML and Bootstrap templates that can be used on any website? What’s more, many of these templates are free. If you’re looking to start an online store and need
Today we’re showcasing 50 fabric textures that can be used in your own work. There are a wide variety of fabrics here from several different sources. Free Fabric Textures: Source: sxc.hu Source: sxc.hu Source: sxc.hu Source: sxc.hu Source: sxc.hu Source: sxc.hu Source: sxc.hu Source: sxc.hu Source: sxc.hu Source: sxc.hu Source: sxc.hu Source: sxc.hu Source: sxc.hu Source: sxc.hu Source: sxc.hu Sou
Most graphic designers are always interested in finding quality brushes to use in their work. In this post we’ll feature 25 different brush packs for creating stains. As always when you’re dealing with freebies, be sure to read the terms of use set by the owner/creator. Free Stains Brushes: Cup Stains Brushes (99 brushes) Prints and Stains Brushes (13 brushes) Grunge Stains Brushes (9 brushes) Spl
As a designer, Background Patterns are one of the many things which i found still fascinating myself. Have you ever wondered the seamless patterns often used in every other website backgrounds where they came from or how to create them. It’s always essential for designers to have an good understanding of pattern usability and sources because patterns just could not satisfied designers needs. Somet
Internet Explorerの異なるバージョン(1, 1,5, 2, 3, 4, 5, 5.5, 6, 7, 8)を同時に起動して、確認ができる「Internet Explorer Collection」を紹介します。 Utilu IE Collection 同時起動できるIEのバージョンは、インストールするWindowsのバージョンによって異なります。 当環境(XP SP3+IE7)では、上記のキャプチャのようにIE1.5, 2, 3, 4, 5, 5.5, 6, 7, 8を同時起動できました。 ※元のIE7には特に影響はありませんでした。 古いバージョンが必要ない場合は、インストール時にチェックをはずせばインストールしないと思います。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く