Change Text Link Hover Effect Using CSS3
2020年2月25日 CSS どのサイトでも見かけるテキストリンク。リンクのついたテキストにマウスオーバーすると文字色を変更する、というシンプルかつわかりやすい効果を実装しているWebサイトが多いかと思います。この装飾をもう少し変更できないかな？と思いCSSのみでプラスすることができるエフェクトをいくつか紹介します。 ↑私が10年以上利用している会計ソフト！ 目次 ちょっと予備知識 文字色をふんわり変える 背景色をふんわり変える 文字をぼかす 光を放つグロー効果 背景を角丸に レインボーカラーに 拡大・縮小 角度を変える くるっと回転 1. ちょっと予備知識 今回はjQueryなどのJavaScriptを使わず、CSSのみで実装できる小技を集めています。その中でどの小技にも採用しているのが transition プロパティです。transitionプロパティは、時間の変化を操作するもので、
「人のせい」にするのは簡単！「仕組み仕事術」を身につけよう｜まだ仮想通貨持ってないの？
5年ほど前の本ですが、これ仕事術系の本では必読な感じですね。すばらしくよくまとまっています。もっと早く読んでおきたかった。 人のせいではなく仕組みのせい ぼくの人生哲学でもあるのですが、何か問題が起きた場合、それは「人」のせいではなく、「仕組み」のせいにすべきだと考えています。「仕組み仕事術」のなかでも同様の指摘があり、大変共感。 問題が生じたり仕事が効率よくいかないようだったら、それは「仕組み」自体にまだ改善の余地があるということです。チームや会社がうまくいっていないと感じたら、特定の要素や誰か個人のせいにする前に、まず「仕組み」を見直してみることをおすすめします。そうすれば、たいていは原因が見つかるものです。 （中略）みなさんが経営者やマネージャーだったとしても、同じことです。「絶対に失敗しないようにしろ」「ミスをなくせ」と部下を叱責しても、実際には失敗することもありますし、ミスはなく
「二枚目の名刺」持ってますか？—「パラレルキャリア」を実践しよう！ : まだ仮想通貨持ってないの？
「二枚目の名刺」を持って、本業の他にもう一つの活動を行う「パラレルキャリア」の実践を説いた一冊。ぼくもサラリーマン時代は名刺を二枚持って活動していたので、激しく共感しながら読み進めることができました。 みなさんは2枚目の名刺、持ってますか？本書冒頭に紹介されている「2枚目の名刺で活動するメリット」からいくつかピックアップしてご紹介。 あなたの夢を小さく始められる 将来やりたいことがある人には、「会社を辞めずに、とりあえず今から始められることをやってみればいいのでは？」と提案するようにしています。なぜなら、サラリーマンを続けながら、まずは2枚目の名刺の活動として始めてみる方が、「不確実で先が読めない」今の時代に合ったやり方だと思うからです。 （中略）2枚目の名刺として活動すれば、すぐに利益を出さなければいけないというプレッシャーがありません。ですから、焦ることなく、自分の本当にやりたいことを
NPOが企業にコンテンツを売る時代｜イケハヤ大学【ブログ版】
テントセンのインタビューでCSRコンサルタントの安藤さんと対談してきました。非常に面白い話を聞くことができたのでご共有。 企業に広がるコンテンツマーケティング 安藤さんに教えてもらって驚いたのですが、コカコーラのコーポレートサイト（www.coca-colacompany.com）がメディア化しているんですね。ここまで大胆にメディア化するというのはすごい。 で、コンテンツを中身を見てみると、 Ronald McDonald House Charitiesのマーケターが記事を寄稿していたり、世界経済フォーラムからの転載だったりするんです。 つまり、NPO団体がコカコーラに記事を提供しているわけですね。仕組みはどうなっているのかは分かりませんが、恐らくコカコーラが購入しているのではないか？と思われます。 コカコーラに限らず、企業がマーケティングの一環として自社メディアを持つケースはかなり増えて
男子必見の美人さんをいっぱい見ることができるWebサービスまとめ｜男子ハック
@JUNP_Nです。美人さんって見ていると癒される。そんなお疲れの男性の皆様。この週末は美人を見て癒されませんか？ということで美人さんを見ることができるWebサービスをまとめてみました。
丸裸にしてやれ!ライバルサイトを5分で分析する方法と無料SEOツール
こんなこと気になりませんか？ 「自分以外のサイトがどうやって検索結果上位表示に成功しているのか？ネットで儲けているのか？」 今回はそれを知るための方法とSEOツールを紹介します！ ネット上は激戦です。でも、勝ち目がないところでの勝負を避け、弱点だけを攻められれば勝利は間違いありません。ライバルサイトが何を武器にし持ち、どこが弱点なのか、ライバルサイトを丸裸にしてやりましょう！！！ その手順は以下の通りです。ツールの使い方も含めて説明します。 著者情報：この記事を書いた人 ウェブさえ web業界14年目。フリーランスwebデザイナーとして活動後、法人化。今でも年間100件以上のウェブサイトの企画・制作に関わっています。 ウェブさえにできること【お仕事のご相談＞サービスメニュー】 💬 𝕏（twitter）はよくフリーランスの人たちにフォローされてるようです。 Follow @websae2
あなたは使ってる？アメリカ軍も導入する「三つのルール」 : まだ仮想通貨持ってないの？
じつは、アメリカ海兵隊をはじめ軍隊では、一般原則として「三つのルール」を活用しています。長年、試行錯誤を繰り返した末に、大多数の人間が遂行できるのは一度に三つまでであることを発見しました。その結果、軍事システム全体がこの点を反映するように設計されているのです。 中隊長は三人の小隊長を束ね、小隊長は三人の分隊長を束ね、分隊長は三人の班長を束ねます。陸軍では「四つのルール」を試しましたが、効率は目に見えて落ちたそうです。 よく「３はマジックナンバー」と言いますよね。ぼくも文章を書いたりプレゼンをするときには、必ず「３」を意識するようにしています。 たとえばクライアントへのプレゼンの際に、「今日は3つのアイデアを持ってきました」と語るのと「今日は4つのアイデアを持ってきました」と語るのとでは、聞き手（クライアント）の集中力が変わってきます。3つだと思わずメモ取りたくなりませんか？ また、企業名な
Facebook日本の会員数ついに減少へ!! そしてブラジルからの猛攻撃がそろそろ始まる
昨日のブログ「【警告】日本のFacebookは悪の温床。クレジットカード登録の方は即チェックを!!」に続いて、Facebookのネガティブネタです。 昨日ブログでは、日本のFacebookユーザーは2000万人弱いるという点をTwitterで「そんなわけない」と言われたので、例のごとくFacebookの広告ツールよりチェックしてみました。12月のエントリー「日本のFacebookユーザーの増加が急停止! その理由を考える」で調べたときには1700万人くらいだったので、まあそこから少しは増えてるだろうと簡単に考えていたのですが見たら1680万人で全く増えてない。こちら（Social Bakers）で半年間と日ごとの推移を調べたところ 完全停止どころか減少が始まってましたっ!! 年末まで少しずつ上がってきたものの、正月明けてドスンと離脱(このドスンはメンテの可能性があると大元隆志さんからご指摘
アベノミクスと元禄文化の関係 - シェイブテイル日記2
安倍政権により、現在アベノミクスと呼ばれる経済政策が実施されつつあります。 このアベノミクスの中核はよく知られているようにリフレ政策です。 現在の日本と同様に、17世紀後半の江戸時代の日本でもデフレギャップが存在していたようです。その17世紀にも、結果的にはリフレ政策といえるものが実施されました。 その政策がどのような影響があったのかを調べることは、アベノミクスの結果を予測するのに有用でしょう。 この政策は元禄の改鋳と呼ばれています。 この元禄の改鋳前後の物価を見てみましょう。 当時は物価指標は整備されておらず、大坂での米価、あるいは幕府による、旗本･御家人の俸禄米を金で支給する際の公定換算値段−これは「張紙値段」と呼ばれています−の推移を見ることで推定することになります（図１）。 図１ １７世紀後半から18世紀初頭の日本の物価推移 出所：「勘定奉行荻原重秀の生涯」（村井淳志）p123表か
コレを抑えておけばOK！スマホサイト制作に役立つ記事・サイトまとめ！ | PLUS
一般企業サイトでもスマートフォンに対応するサイトが増えてきました。ちょっと前までは提案しても、もうちょっと先でいいよという話に落ち着いていたんですが、ようやく身近なクライアントも導入をはじめています。そこで今回は実際にスマホサイトを作る立場から、役に立ちそうな記事やサイトをまとめてみました。 スマホサイトのギャラリー 絶対見ておきたい有名企業のスマホサイトまとめ 優れたiPhoneサイトデザイン集 – iPhoneデザインボックス スマートフォンサイト デザイン集 AGT thinkthing スマホ制作に役立つ情報 【スマートフォンサイト制作の総まとめ 第1弾】スマホサイトデザインの基礎知識 少しのコードで実装可能な15のスマートフォンサイト用小技集 200サイトのiPhoneデザインを見て感じたスマートフォンの最適化 Webサイトのスマートフォン対応 7つの基本ルール スマー
情報だけでは価値がない時代の学びの姿
「時代の流れが速すぎて学ぶのが辛い」 「いろいろありすぎて覚えるのが大変」 このような言葉を聞いたことがあります。確かに学ぶことが多いですが、知識との向き合い方で学習の仕方が大きく変わります。学習への向き合い方の変化が、気持ちを和らげてくれることもあります。 昔は情報をもっていることが知識であり、情報を得る方法が学習と捉えられていた時期もありました。故にセミナーに参加したり、書籍を買っても自分が知らない情報があるかどうか、たくさんの情報が書かれているかどうかが評価の基準になり、情報を得たから「学べた」という満足に繋がったのかもしれません。昔の学校の授業は情報が中心なっていたのも、何か関係しているかもしれません。 終着点があった従来の学習 知識を得る方法が書籍、新聞などといった媒体の場合、そこに書かれている情報が知識であり、学びの『終着点』でした。 その理由は媒体の制約が関係しています。 新
動画をアニメーションGIFに変換するウェブアプリケーション作った - hitode909の日記
rokugaっていうウェブアプリケーションを作った．ブラウザ上で動画をアニメーションGIFに変換できる．Google Chromeでもちょっと動くけどSafariで見るのが良い． http://rokuga.herokuapp.com/ 使い方 こんな感じで，動画をドロップしてくださいとか言ってる． 1コマずつ出てきて，このコマとこのコマ，この速さ，みたいな指定ができる． 完成したアニメーションGIFは名前を付けて保存しましょう． 特徴 ブラウザで再生できる動画なら何でも変換できる Macなら動画はQuickTime Playerで撮れるので気軽に使える リアルタイムにプレビューしながら仕上がりを確認できる コマ送りは逆再生，行ったり来たり，シャッフルに対応 Herokuで動かしたらCPUが遅くて動画の変換にす時間かかる git cloneしてローカルで動かすとちょっと速い ソースコード→
ドラッグアンドドロップで簡単に並び順を変更できるWordPressプラグインまとめ
巷ではWordPressをCMSとして利用する機会が増えているかと思いますが、WordPressの残念なところに並び替え機能の貧弱さがあります。カテゴリーやタクソノミーの並び替えは標準ではできないし、固定ページの並び替えはできるものの、手動で数値を入力しないといけない方式なのでページ数が増えると管理が煩雑に…そこで、ドラックアンドドロップで記事やカテゴリーの並び順を簡単に変更できるプラグインを調べてみました。 カスタム投稿タイプを並び替えたい！ Simple Page Ordering 固定ページおよび階層を持つカスタム投稿タイプを並び替えることができるプラグイン。独自の管理画面ではなく、ページ一覧画面にドラッグアンドドロップでの並び替え機能が付加されるので直感的。固定ページ、階層を持つカスタム投稿タイプを並び替えたい場合は一押しです。 WordPress › Simple Page Or
記事を読んでもらうために要約をつけよう
記事を読んでもらうために要約をつけよう 多くのウェブサービスで本文の抜粋が使われていますが、内容を把握するには十分ではない、ということをビフォーアフターで考えてみます。届けたい人に情報を届けるために要約をきちんと書いておきましょう time2013/01/27 hatenabookmark- ウェブ上のデザインパターンとして、あるページ（URL）に対して何か言及するというものがよく見られます。 そこでは、おそらく読者が内容を推測しやすいように（読むべきかどうかを判断しやすくする）という配慮からか、ページ内容の"抜粋"を入れています。 しかし、この抜粋って内容をある程度つかむためにどこまで有用なのでしょうか。ちょっと例を挙げながら見て行きましょう。 抜粋表示の一例 facebookの例。冒頭の数百時が使われています。タイトルにある3つの設計思想が書かれていればよりわかりやすかったですね。 こ
GoogleAdwordsで彼女を募集したら可愛いお姉さんと知り合えた話 - razokulover publog
前回、「２年付き合った彼女と別れたのでGoogleAdwordsで彼女を募集してみる」というエントリーを書いたのですが、思わぬ反響がありましてJ-castニュースさんにミニ取材されたり、ついにはyahooニュースにまで掲載されるというトンデモ展開になりました。 Twitterのフォロワーは２日足らずで600代後半から900人近くまでふくれ上がり、ソーシャル力を示すKloutスコアは60になりました。（安倍晋三氏と石破茂氏の間くらいに相当） Twitterでは、男女問わず数々の見知らぬ方から「応援してる」や「彼女できるといいですね♡」といった温かいお言葉を多数いただきましたし、本当に心から感謝しております。 また、冒頭の写真の通り、無事GoogleAdwordsの審査に通りまして検索すると広告が表示されるようになりました。Googleの方とはメールの他電話でも手厚いサポートをしていただきまし
mixi, Twitter, Facebook, Google+, Linkedin 2012年12月最新ニールセン調査 | in the looop | Looops communications
mixi, Twitter, Facebook, Google+, Linkedin 2012年12月最新ニールセン調査 関根健介 | 2013/01/29 ブログメディア「in the looop」では、毎月PCを対象にした、インターネット視聴率をレポートしている。当記事では、2012年12月度の ニールセン・インターネット視聴率をお伝えする。 データ元は、ニールセン社 提供によるインターネット利用動向調査「Neilsen Netview」サービス。対象は「一般家庭および職場のPCユーザー」としている。 12月は、各ソーシャルメディアのサービス拡充や、選挙やクリスマスへのソーシャルメディア活用頻度増加など、ユーザーがソーシャルメディアを利用する切っ掛けとなるようなイベントが数多く実施された。これらの要素がどのような結果になっているのか、さっそく全体概要から見ていきたい。 訪問者数では、前
上位表示されているコンテンツの充実したサイトをピックアップしてみる。
「これからのSEOで重要なのは何でしょうか？」 「充実したコンテンツがこれからのSEOに重要なものですよ！」と言われているものの、割と概念的でそもそも「充実したコンテンツ」って何を指してるの？というのが分かりにくいと思うのです。 そこで今回以下のような条件から「充実したコンテンツ」と思われるサイトをピックアップしてみました。 １．ある程度のキーワードで上位表示されている （※それ１語が広義なキーワードで、色々なサイトが引っかかりやすいと思われるもの。） ２．「コンテンツが充実してるなー」と個人的に感じたサイト 5サイトピックアップしましたがそのサイトに関してのデータはサイト名とURLしか書かないことにします。 それぞれを確認してみて「あ、充実してるな」と感じたポイントがコンテンツを作る際のヒントになるかと思います。 充実したコンテンツはあなたの心の中ｎ それではどうぞ！ 「ごはん」3位 白
セマンティック技術と検索エンジンの進化、SEOへの影響 - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
ウェブの進化と共に注目されてきたセマンティックの概念ですが、それが検索エンジンに与える影響については余りわかっていない検索マーケッターも実は多いのではないでしょうか。ということで、今回はそんなセマンティック技術と検索エンジンの関係について解説した記事をサーチエンジンランドから。セマンティック検索の歴史はもちろん、最近の検索エンジンの進化を理解したいという人にも最適な内容になっています。 — SEO Japan 「セマンティック検索」はホットな話題ではないが、検索および検索エンジンに対して、新たな一面、そして、影響をもたらしてきた。さらに、的を絞ったセマンティック広告に大きなインパクトを与えてきた。 セマンティック検索に関する今回の一連の特集記事では、セマンティック技術の発展の経緯、そして、商業ベースで存続可能となり、話題を集めるようになった理由を探っていく予定だ。また、このテクノロジーが単
30日間マクドナルド生活
体重：72.2kg 脂肪：22.5% 合計：1530kcal 運動：徒歩1時間(180kcal) マック生活1日目です。 いきなりジュースだけかよ！とか突っ込まれそうですが、朝はグレープフルーツジュースのみという長年の習慣がそうさせてしまいました。ハリウッド女優みたくね？オレ。正直いうと、朝マックに寄る時間がありませんでした。 気を取り直して。マック食一発目は景気づけにビッグマックセットです。マクドナルドの顔と言ったらやはりコレ。うっかり浮かれてポテトをLに変えようかと思いましたが、先は長いのでMにしておきました。しかしそんなMでも十分なパンチ力。Lにしないで良かった・・・。 1食目にして早くもやめたくなってます。 2食目はフィレオフィッシュのセット。ポテトMのカロリーが420kcalと知ってサイドメニューをサラダに変える辺りが屁タレです。ごめんなさい。デブになるのは嫌ずら。だって、ポテト
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ごりゅご.com
403 Forbidden
【これは便利】あなたのWebサイト表示のどこが遅いかを一発で調べるブックマークレット | 初代編集長ブログ―安田英久
http://blog.godvalley.me/archives/290