タグ

2015年4月11日のブックマーク (18件)

  • CSSの content プロパティーを使いこなそう!

    2015年4月8日 CSS CSSの小技やスニペット集なんかを見ていると、ちょくちょく見かける content プロパティー。「そういえば、こいつ一体何者…!?」と思った方もいるかもしれないので、今更ながら改めて content プロパティーの紹介をしようと思います。 ↑私が10年以上利用している会計ソフト! content プロパティーって何? content プロパティーは、要素の前後に、:before または :after という擬似要素を使ってテキストや画像などのコンテンツを挿入する際に使用します。擬似要素とは、HTMLなどの文書には記述されていない要素をCSSによって新たに作り出された架空の要素です。Webクリエイターボックスでも、過去記事「かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技」や「経歴や会社の沿革ページに!簡単なCSSで実装す

    CSSの content プロパティーを使いこなそう!
  • 【マジかよ】旨味が分かる日本人の味覚は外国人よりも繊細というのは本当!? アメリカ人と対決してみた

    » 【マジかよ】旨味が分かる日人の味覚は外国人よりも繊細というのは当!? アメリカ人と対決してみた 特集 グルメな日人にとって、ちょっと誇らしいニュースが入ってきた。慶大発 VB の AISSY 株式会社による調査によると、日人は外国人より“旨味” を感じる力に優れているのだそうだ。つまり、日人の味覚は外国人よりも繊細 ということのようだ。 その「味覚力調査」の詳細はというと、対象者に飲料サンプルを飲んでもらい、それが甘味・塩味・酸味・苦味・旨味・無味の 6 種類のうちどれかを言い当ててもらうということを6回繰り返してもらうというもの。 その結果、「旨味」については、外国人 100 名の正答率が 34%であるのに対し、日人100 名の正答率が 71%と 2 倍以上の差があるということが明らかになったのだという。 昆布やカツオ節の旨味成分を軸とした出汁の文化がある日を誇りに思

    【マジかよ】旨味が分かる日本人の味覚は外国人よりも繊細というのは本当!? アメリカ人と対決してみた
  • サービス終了のお知らせ - NAVER まとめ

    サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

  • ’79年に発売された任天堂のお掃除ロボット「チリトリー」、発想と仕組みはほぼルンバ!? | 日刊SPA!

    ’02年に米国のiRobot社が発売し、世界的ヒットとなった掃除機ロボット「ルンバ」。実はその先駆者的な製品は、’79年に日で発売されていた。その名はチリトリー。発売元は任天堂だ。 さっそく同社に問い合わせてみたところ、「昔の製品についてはコメントできない」とのことだったので、ゲーム史に詳しいフリーライターの多根清史氏に聞いてみた。 「同製品の開発に関わった横井軍平は、ゲームボーイなどの開発で知られる天才的な人物。玩具畑出身で、太陽電池の仕組みを使い光線銃の玩具も開発と、発想の転換で数々の製品を作った人なんです」 なるほど見た目もコンセプトもルンバにかなり近いのはすごい。ただ、「時として技術が追いつかないものも製品化してしまう人」との言葉どおり、吸い込めるのは消しゴムのカスやパンくず程度。やはり時代が早すぎたか……。 ― [あの大ヒット商品]は既に日で作られていた! ―

    ’79年に発売された任天堂のお掃除ロボット「チリトリー」、発想と仕組みはほぼルンバ!? | 日刊SPA!
  • クリエイティビティで今後注目すべきは、「脳」ではなく「身体知」 | Biz/Zine

    各活動のポジションを認識し、自身のベストバランスを考える図4:24時間のポジションバランス チクセントミハイ氏の講演スライドを参照し作図 入山: 組織の問題もあるけど、個人の問題もあるかもしれないですね。 この図4(チクセントミハイ博士の講演資料)では、仕事だけでなく家庭問題や読書趣味などの生活におけるあらゆる場面の心理ポジションを表すものとして紹介されていました。人は24時間すべて「フロー」でいられない。すなわち、「くつろぎ」「退屈」などの時間もあるからこそ、一部が「不安」「心配」のポジションであっても耐えられる。つまり、日人のビジネスマンがリスクを取れないのは、別の部分で「不安」「心配」を抱えていて現状がいっぱいいっぱいだから、という仮説も立てられますね。

    クリエイティビティで今後注目すべきは、「脳」ではなく「身体知」 | Biz/Zine
    kuroaka1871
    kuroaka1871 2015/04/11
    “「楽しいから笑うのではなく、笑うから楽しいのだ」”
  • ロゴをデザインする時に役立つ!便利なオンラインサービス・無料素材のまとめ23選

    個人ブログでも企業サイトでも新しいサービスを立ち上げる時に重要なのは、ロゴのデザインです。ロゴの作成は、デザインセンスがある人には簡単な作業でも、デザインが苦手な人にとっては悪夢かもしれません。 ロゴのデザインやカラーやフォントを難しいと感じる人は、ぜひこの記事を参考にしてください。ロゴのデザインにとても役立つ23のサイトをご紹介します。 ロゴ・ジェネレーター(ロゴ作成ツール) カラーを選ぶためのツール ロゴ用の無料アイコンがダウンロードできるサイト ロゴ用の無料フォントがダウンロードできるサイト ロゴのアイデアがもらえる情報源 ロゴ・ジェネレーター(ロゴ作成ツール) ロゴ・ジェネレーターはロゴ作成のための一番簡単な手段です。以下のサイトを使えば手早くロゴが作成できます。無料や低価格で利用できるので費用の節約にもなります。 それでは、一つずつご紹介します! Logaster 会社名と業種を

    ロゴをデザインする時に役立つ!便利なオンラインサービス・無料素材のまとめ23選
  • 一番簡単な、Googleモバイルフレンドリー対応の方法

    2015/4/21 より、ウェブサイトがモバイル対応しているかどうかが、モバイル検索のランキングを決定する要素となります。 Google 検索 – モバイルでの検索がさらに便利に 私が運営しているサイトのアクセスを調べてみると、どのサイトも、モバイルデバイスからのアクセスが半数を超えてきています。モバイル対応をしていないと、モバイルのランキングが下がってしまい、アクセス数が大きく減少してしまう可能性があります。 レスポンシブに対応したデザインを一から作るのがベストですが、もう時間がありません。とりあえず手っ取り早くモバイルフレンドリー対応をする方法をご紹介します。 サムリさんが紹介している方法が簡単です。 WPtouchはもういらない?プラグインに頼らずCSSの切替でスマホ対応サイトを用意する方法 1) ヘッダにviewportとcss切替えのタグを設置 下記コードをヘッダ<head>〜<

    一番簡単な、Googleモバイルフレンドリー対応の方法
    kuroaka1871
    kuroaka1871 2015/04/11
    “Googleモバイルフレンドリー”
  • CSSのみで作られたローディングアニメーションのセット・「Loaders.css」 - かちびと.net

    Loaders.cssCSSのみで作られたローディングアイコンのセットです。CSSで作られているのでスタイルの変更やスピード調整もしやすく、軽量で済む反面、対応ブラウザも限られるので現状ではスマフォ向けになりそうです。今のところ28種のアイコンのソースコードが公開されています。ライセンスはMITとの事。 Loaders.css

  • ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
  • 新しい習慣が身に付けやすくなる、知っておきたい自分のモチベーションタイプ | ライフハッカー・ジャパン

    新しい習慣をつくるには、自分がどういうものに突き動かされているか、特に何かを終わらせるためのモチベーションは何かを知ると役に立ちます。作家のGretchen Rubinさんは、ほとんどの人のモチベーションは4つのタイプに分類できると言っています。自分のタイプを知ることが、新しい習慣を身につけるカギになりそうです。自分のモチベーションのタイプを知るには、締め切りと期待にどのように反応するかを考えましょう。Rubinさんはこのように説明しています。 著書『Better than Before: Mastering the Habits of Our Everyday Lives』に書いた調査の中で、習慣に対する態度や、習慣をつくることの適正が、人によって驚くほど違うことに気付きました。観察してみたところ、「支持者(Upholders)」「質問者(Questioners)」「好意者(Oblige

    新しい習慣が身に付けやすくなる、知っておきたい自分のモチベーションタイプ | ライフハッカー・ジャパン
    kuroaka1871
    kuroaka1871 2015/04/11
    “基本的に、期待に対してどのような反応をするかでグループは分かれています。結局、新しい習慣というのは、自分に対する新しい期待に他ならないからです”
  • メニューが多い場合のMegaメニューのドロップダウン実装「Animated-megadrop」:phpspot開発日誌

    Animated-megadrop by djsmithme メニューが多い場合のMegaメニューのドロップダウン実装「Animated-megadrop」 選択肢が多くても大丈夫なMegaメニューをピュアCSS or JSアニメーションで表示できるライブラリ。 アニメーションも表示方法が独特で下からフェードインしてくる感じが面白い 関連エントリ スマホ用メニューっぽいスライドするメニューが作れる「jQuery Sliding Menu」 モバイル用のメニュー実装の一案「jquery-megakrill」 スマホ等用に複数階層のメニューが作れる「navgoco」

  • サービス終了のお知らせ - NAVER まとめ

    サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

  • [JS]タッチデバイス対応、ミニマルなデザインながら高機能なスライダーを実装するスクリプト -Iory

    デモページ:Custom Easings イージングのエフェクトをカスタマイズしたデモ。 Ioryの使い方 Step 1: HTML HTMLはシンプルで、各パネルをリスト要素で実装し、divで内包します。 <div class="slider js_simple simple"> <div class="frame js_frame"> <ul class="slides js_slides"> <li class="js_slide">1</li> <li class="js_slide">2</li> <li class="js_slide">3</li> <li class="js_slide">4</li> <li class="js_slide">5</li> <li class="js_slide">6</li> </ul> </div> </div> Step 2: CSS

    [JS]タッチデバイス対応、ミニマルなデザインながら高機能なスライダーを実装するスクリプト -Iory
  • 東京都・渋谷でIllustrator愛を語る「愛(Ai)はクリエイティブを救う」開催

    東京都・渋谷の渋谷ヒカリエ ホールAにて、AdobeのIllustrator愛を語り合うイベント"24時間Illustrator「愛(Ai)はクリエイティブを救う」"が開催される。開催日時は4月24日14:00~17:00。参加費無料。 同イベントは、28年間の歴史を持つAdobe Illustratorをフィーチャーした、同ソフト初の単独イベント。Illustrator愛を熱く語るゲストセッションや、IllustratorのテクニックNo.1を決定する「Ai-1グランプリ」などのIllustratorのイベントが行われる。また、「聖☆おにいさん」をはじめ著名な装幀を数多く手掛ける、ナルティスの新上ヒロシ氏によるゲストセッションも予定されているとのこと。さらに会場では、Illustratorの作業が捗るプラグインのメーカーなど多数の企業が出展する。また、イベントに参加してアンケートを提出す

    東京都・渋谷でIllustrator愛を語る「愛(Ai)はクリエイティブを救う」開催
  • フォントジャンプ率のセオリーを考える | フォントの話 | つみきブログ

    株式会社つみき UI/UX事業終了のお知らせ 拝啓 時下ますますご清祥のこととお喜び申し上げます。 平素より格別のご高配を賜り、厚く御礼申し上げます。 この度、弊社は創業以来続けて参りましたUI/UX事業(受託制作事業)につきまして、2024年4月30日をもって終了することを決定いたしました。 今後は、弊社の主力事業であるFilmarksをはじめとした、映像関連事業に注力して参ります。 ご愛顧を受け賜りました皆様には、深く感謝申し上げますとともに、ご理解賜りますようお願い申し上げます。 敬具 株式会社つみき 代表取締役社長 鈴木 貴幸 事業終了予定日:2024年4月30日 biz@tsumikiinc.com

    フォントジャンプ率のセオリーを考える | フォントの話 | つみきブログ
  • 日本語Webフォントの革命 - 3846masa's memo

    語Webフォントに革命がおきた. 詳しくは続きを読んでくれ. ちょっと大きく出てみた. 実装についての記事はこちら この記事で言いたいこと 動的に日フォントのサブセットを作成してくれるOSSを作りました. サンプルページはこちら 臨時のサンプルページはこちら 追記 herokuが落ちてる,メモリ不足だな.早い所Dockerfileつくろう. 追追記 herokuで運用は再検討したほうがよさそう.「こういうこともできます」の事例ということでひとつ. (やっぱり普通のサーバで動かす分には大丈夫そうな気がする.どうだろう) そんなわけで,どうぞご利用ください。 (ちなみに粗い作りなので,pull-requestやissue投稿をしてくださると嬉しいです.) 何が革命なんだ 革命が起きたというけど,どこが革命なの? 僕には革命が起きたようには思えないけど そんなこと言わんといて,泣くわ.

    日本語Webフォントの革命 - 3846masa's memo
  • 松岡修造が力出しきりダウン…4月の雪はそのせい!? - 芸能 : 日刊スポーツ

    元プロテニス選手の松岡修造(47)が9日、6日に登壇したイベントで力を出しきったせいで、2日間寝込んでいたことをブログで明かした。匿名掲示板などでは、「8日に雪が降ったのはそのせいか」と納得する声が上がっている。 熱血キャラの松岡は、“太陽神”という愛称で呼ばれており、「松岡が日を出ると気温が下がる、帰国したら気温が上がる」という事例がこれまで何度か報告されている。 そのためもう春にもかかわらず今月8日に各地で雪が観測された際は、松岡の現在位置を確認しようとしたネットユーザーにより公式サイトにアクセスが集中。一時的にダウンする事態となっていた。 しかし、松岡は2日前の6日、都内で開催された炭酸飲料「C.C.Lemon」の元気応援プロジェクト発表会に出演している。そのことから、「松岡が日にいたのにどうして雪が降ったのか?」と不思議がる声が上がっていた。 そんななか、松岡は9日にブログを更

    松岡修造が力出しきりダウン…4月の雪はそのせい!? - 芸能 : 日刊スポーツ
    kuroaka1871
    kuroaka1871 2015/04/11
    都市伝説は続くのね
  • 【統一地方選】25歳引きこもりニートが出馬していると話題に!ポスターはコンビニ等で手作り!「上野龍太郎 ニート 25才」|情報速報ドットコム

    4月3日に公示された千葉市議会議員選挙に立候補した上野竜太郎候補がネット上で話題になっています。話題になっている原因は、上野龍太郎氏が今まで家に引き篭もり状態で、いわゆる「ニート」のような生活をしていたからです。 彼の年齢は25歳と若く、自身のブログ上には「私は、ニートです。私は、毎日自分の部屋にこもり一人で過ごしています。私には、友達はいません。知り合いすらいません。両親ともあまり話しません」等と書いてあります。 彼はポスターや選挙カーが税金から提供されていることに疑問を投げ掛け、税金を全く使わない選挙戦を展開しました。ポスターは水に強いセブンイレブンの印刷用紙を使い、袋やテープ、画鋲等を使って雨に強いポスター作成。 ニートが出馬というだけで話題になりましたが、彼の政策や主張にも筋が通っている事から、彼を応援する方が続出しています。意外と選挙公報も様になっており、ユニークで面白い候補者だ

    【統一地方選】25歳引きこもりニートが出馬していると話題に!ポスターはコンビニ等で手作り!「上野龍太郎 ニート 25才」|情報速報ドットコム