Hover.cssとは Hover.cssとは、手軽にホバーエフェクトを利用できるようになるCSSライブラリです。 すべて、CSSで動作するので、AタグなどのHTML要素のクラス指定部分にクラス名を記述するだけで、100種類以上の様々なマウスホバーエフェクトを手軽に使えるようになります。 利用するときは、こんなタグで利用できます。 Font Awesomeのアイコンフォントを利用したことがある方なら、Font Awesomeを利用するように、クラスを指定するだけで使うことができるので、簡単に利用できます。 Hover.cssの主な利用手順 Hover.cssを利用するのに必要な主な手順は、以下の3手順です。 Hover.cssのダウンロード&設置 Hover.cssを呼び出す Hover.css用のタグを記入する 利用するファイルも、hover.css(縮小版はhover-min.css)
国内グループシェア1位を誇るサイボウズ株式会社の社長、青野慶久さんは、育児休暇を取ったイクメンとしても知られています。第1回「サイボウズのイクメン社長は本当に育児してるのか?」では、そのイクメンぶりがいかにリアルかを検証。第2回「青野慶久 『太陽にほえろ!』の残像が男を苦しめる」は、ダイバーシティーがサイボウズを強くしていくという経営者としての理念を伺いました。そして最終回である今回のテーマは「育児経験をどのようにして実際に仕事に役立てているのか」。 育休を取ったことが評価される時代が近々来る サイボウズ・青野慶久社長 青野慶久社長(以下、敬称略) 僕が今の若い世代に言いたいのは、世の中の価値観が近々変わって、男性で育休を取ったやつが出世する時代が来るから今のうちに取っておけ、ということです。5年後に部長の座が待ってるぞ、と言うんです。 羽生祥子日経DUAL編集長 「育休取ったやつが出世す
つい先日、旧交を温めに3人で飲みに行った。前に会った時からだいぶ時間が経っていたので、話ができるかどうか不安だったのだが、杞憂だった。やはり学生時代の仲間はいいものだ。 「久々に会っても話が止まらない」のは、それだけ共有しているものが多いことの証なのかもしれない。 とは言え、「その後の進路」によって、人生観は大きく異なっていた。その話を少し書きたいと思う。 同級生の彼は、なかなか華々しい経歴だ。一流の国立大学に入学し、学生時代に遊びを返上してダブルスクールをし、公認会計士の試験に合格、その後に、某外資系投資銀行で働き、現在はあるコンサルティング会社の副社長とのこと。 一方、後輩は大学を卒業した後、残業代も出ないような「中小の建設業」で働き、その後製造業に転職。しかし独立の夢を追って35歳で健康食品の輸出会社を作ったが見事に失敗。その後なんとか会社を立て直したが、彼曰く「現在も、サラリーマン
公開日 : 2015年2月17日 (2019年11月9日 更新) カテゴリー : アクセシビリティ / ユーザビリティ ウェブページの上部 (サイト共通ヘッダーなど) に、文字拡大機能が設置されているサイトを見かけることがあります。 文字拡大機能のイメージ。[大][中][小] ボタンが並んでいたり、[標準][拡大] ボタンが並んでいたりする。 ブラウザの標準機能として文字の拡大が可能であることを知らないユーザーが多い (ユーザーの大半はプリファレンスを変更しようという考えに及ばない) ことから、文字拡大機能を見える形でページ上に設置したほうが親切、というウェブユーザビリティ専門家が (かつては) 多かったように思います。 私自身、長い間ウェブユーザビリティに関わってきた中で、当座の利便性を優先してサイト側に文字拡大機能を実装する判断をしたり (そしてやっぱり止めたり) ... と紆余曲折な
box-shadow ◀ ▶ From: 0 0 black To: 0 150px 10px -50px rgba(0,0,0,.5) Author: @leaverou Tweet
こんにちは! 日本語のフリーフォント、なかなか良いのが見つからなかったり、どれがいいか迷ってしまうことってありますよね。 今回は、フォントで悩むデザイナーのために、人気の日本語フリーフォントを20個厳選してみました! 新しいフォントから古いフォントまで様々なフォントがあるので、是非、チェックしてみてください。 1.はんなり明朝 フリーフォント界で有名な明朝体です。 不動の人気を誇っていますね。アクセス数も一番です。 →はんなり明朝 2.大甘書道体 テレビアニメ銀魂の次回予告タイトルに使われている、豪快な毛筆体です。 特に銀魂ファンには嬉しいフォントですよね! →大甘書道体 3.あんずもじ 言わずと知れた手書きフォント。控えめな女の子が書いた文字っぽくて可愛くて人気がありますね。 →あんずもじ 4.うつくし明朝体 横書きの流れを意識して作られた明朝体フォント。 上品でリッチな雰囲気があります
お家で手軽に作れるスイーツの代表格といえばクッキー。でも、いざ作ってみると、粉が飛び散ったり、洗い物がたくさん出たり、意外と後片付けが大変ですよね。でも、そんなとき「ビニール袋」がひとつあれば、そんな悩みも解消できちゃうんです。 やり方は本当に簡単!厚手のビニール袋に、小麦粉や砂糖など粉状の材料を入れて口をとじ、シャカシャカふります。こうすることで、材料が均一にまざるほか、粉ふるいの効果も。あとは、バターやマーガリン、サラダ油などの油脂類を加えて、袋の上からしっかり混ぜればクッキー生地が完成!
新春の新聞に興味深い記事が掲載されていました。経営者と従業員に同じ質問をして、その違いを浮き彫りにした「働き方アンケート」。特に目を引いたのは、経営者の90%近くが「自社の従業員は仕事や会社に満足していると思う」としたのに対して、従業員側の回答は約60%。そこには「30%」もの開きが生まれていました。「満足していない」と答えた従業員の中で半数以上は、その理由として「収入が少ない」をあげていたのです。 このギャップ。特に中小企業の現場においてはよくある話です。以前、社内活性化のお手伝いをしていた大手下請成形加工業B社で、そんなギャップの実態をまざまざと見せられた出来事がありました。 理由は「同業他社と比べて」「同級生と比べて」 B社社員の方々とのフリートークでの意見交換の席上で、「会社に改善して欲しい点」について率直な意見を求めた時のことです。業務や組織風土、経営者の姿勢等に関する意見はポツ
引きつける文章、伝わる文章が作成できる無料ツールを集めました! サイトやブログ、プレスリリースなど、ビジネス上では文章を書く機会がたくさんあります。今日は、ライティングに苦手意識のある方でも、簡単に良い文章を作成することができるツールをご紹介します。すべて無料で、会員登録やインストールも不要です。ぜひ気軽に使ってみてください。 [目次] ■1)誤字脱字、タイプミスを正して読みやすく ■2)やさしい単語を使って伝わりやすく ■3)表現を豊かにして魅力的に ■4)忘れてはいけない最後の微調整 ■5)文章のたたき台を作るのにおすすめ ■1)誤字脱字、タイプミスを正して読みやすく 良い文章の基本は、誤りがないことです。まずは、誤字脱字やタイプミスがないかを確認しましょう。 【1】誤字脱字、変換ミスのエラーをチェックできる 「Enno」 日本語のあからさまなエラー (タイプミス、スペースのエラー、誤
レスポンシブにデザインしたサイトを作った際に役立ったこと(主にスマホ対応)を備忘録的にまとめてみます。いろんな方が同じような内容をまとめていますし、基本的なことも多いですがお役に立てばうれしいです。 メディアクエリの指定方法 小さいディスプレイから指定する場合と、大きいディスプレイから指定する場合があります。どちらにせよ、PC用、タブレット用、スマホ用と分けることが多いようです。まずは大きいディスプレイから指定する方法です。 /* デフォルト:1024px以上用(PC用)の記述 */ @media screen and (max-width: 1023px) { /* 1023px以下用(タブレット用)の記述 */ } @media screen and (max-width: 767px) { /* 767px以下用(タブレット/スマートフォン用)の記述 */ } @media scre
2D Transitions Grow Shrink Pulse Pulse Grow Pulse Shrink Push Pop Bounce In Bounce Out Rotate Grow Rotate Float Sink Bob Hang Skew Skew Forward Skew Backward Wobble Horizontal Wobble Vertical Wobble To Bottom Right Wobble To Top Right Wobble Top Wobble Bottom Wobble Skew Buzz Buzz Out Forward Backward Background Transitions Fade Back Pulse Sweep To Right Sweep To Left Sweep To Bottom Sweep To Top
Google AdSense は広告を掲載しているサイトを常に監視しています。 せっかく厳しい審査に通って広告掲載できるようになっても、規約を守らずにいるとすぐ広告配信が停止されます。違反を繰り返すとアカウントが無効化されてしまうので、どのような行為が NG なのかきちんと覚えておきましょう。 Google AdSense ヘルプ でも、公式ヘルプやポリシーページは初心者に少しわかりづらいかもしれません。そこで、重要な部分をピックアップして、絶対に守っておくべき事項を整理しました。 基本編・コンテンツ編・レイアウト編の 3 つに分けて詳しく解説していきます。 Google AdSense 初回審査に通らないときの対策はこちら アドセンスNG集:基本編 まずは Google AdSense の基本的な部分を見ていきましょう。 #1 広告を自分でクリックしてはいけない ブログに設置した AdS
WordPress は、テーマの変更やカスタマイズで自分好みのデザインにできます。記事を書く以外の楽しみ方も増えますし、記事ネタが思い浮かばないとき・モチベーションが下がっているときの気分転換にもなりますよね。 しかし、読者を無視したデザインになっていないでしょうか。どんなデザインにするのも運営者の自由ですが、最終目的は「読まれるブログ」を作ることだと思います。そのため、最低限のルールは守らなければいけません。 本記事では、ブログ初心者が覚えておくべきデザインの基本とルールを解説していきます。 デザインは読者のためにある 大前提として覚えておくべき基本は、「デザインは読者のためにある」ということ。 自分だけが見る自分のためだけに作ったブログなら、100 % 自分に合わせてもよいと思います。でも、あなたが読みやすい・使いやすいと感じているから周りもそうだ、とはかぎらないのです。 客観的な視点
スマホやソーシャル、動画などがさらに盛り上がるだろう2015年のメディアづくりに向けて、そのヒントになるようなデータを10個紹介します。調査の規模や手法は異なるものですが、メディア環境の傾向や側面を捉えることができるかと思います。 1. PC/スマホのネット、アプリ利用者の増減 (出典:ニールセン) PCとスマホでのネット利用者に関しては、PCが5200万人、スマホが4260万人ほどとなっています。PCは利用者が8%減った一方で、スマホについては34%も増加。PCとスマホで、YahooとGoogleの順位が変わっているのも情味深いです。 また、スアホアプリをみると、月間3000万人以上のユーザーが利用するLINEが圧倒的です。昨年比でも46%と、ほぼ2倍になっています。Googleのアプリが強いこともわかりますね。 アナリストの方によれば、16歳~49歳に世代を絞ると、スマホの普及率は70
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く