target="_blank" で開くリンクには rel="noopener" をつける - Qiita
The performance benefits of rel=noopener - JakeArchibald.com より target="_blank" でリンクを開く場合は、rel="noopener"をつけておくのが良い。 管理画面などでは rel="noopener noreferrer"というかたちでnoreferrerをつけるとさらに良いかもしれない（参考：http://qiita.com/wakaba@github/items/707d72f97f2862cd8000 ） target="_blank" で開いたWindowは、 window.opener を使って親のWindowを操作することができる。つまりtarget="_blank"で開いたサイトで任意の操作ができてしまうことになるけど、Same origin の仕組みが働く。ので、Same originではない場
エラーページ - ヤフー株式会社
指定されたURLは存在しません。 URLが正しく入力されていないか、このページが削除された可能性があります。
インターネットに疲れたから、スマホを置いて一人旅に出てみた | i:Engineer(アイエンジニア)
8月某日―― 編集担当者：宇内 「ヨッピーさん、どうしました？」 ヨッピー 「 色々あって もう疲れたんよ 。株価がどうとか法律がどうとか、そういうのもう完全にやりたくない」 「めちゃくちゃ消耗してるじゃないですか。そうは言っても記事の締め切りが近いので、何か書いていただかないと……」 「 嫌です 。なぜなら、僕はもうインターネットに疲れたから」 「あれだけネットネットうるさかった人が……。実は、そんなこともあろうかと思って、ちゃんと準備してきたんですよ」 「これです！」 「日本地図？ なんで？」 「インターネットに疲れたなら、一旦、インターネットから離れればいいんですよ。スマホを置いて旅に出ましょう」 「おー、なるほど。スマホがないと不便だから、逆説的に『インターネット最高！』ってなるってことね。ホテルの予約は面倒くさいし、道順を調べたり美味しい食べ物屋さん探したり観光地探したりする
穴水町立図書館が寄贈図書廃棄 - NHK石川県のニュース
未登録の場合は「登録」ボタンをクリックします。 登録したい都道府県を地図から選択します。 確認ボタンをクリックすると登録が完了します。 ※登録した都道府県を変更するには「変更」ボタンをクリックします。 穴水町の町立図書館が、地元の研究者から寄贈された歴史や民俗学などに関する１８００冊あまりの図書を、価値をよく理解しないまま誤って廃棄していたことが分かり、町は本の寄贈者に謝罪しました。 穴水町立図書館では、１１年前の平成１７年に、漆器や民俗学の研究者で県輪島漆芸美術館の館長・四柳嘉章さんから２１７９冊の図書を寄贈されました。 しかし、９年前の能登半島地震で図書館の建物が大きな被害を受けたため、町は、すべての図書を役場の倉庫などにいったん移しました。 穴水町によりますとその後、新しく建てられた今の図書館に移設するまでに、当時の職員が寄贈された図書のうち１８７８冊を、利用頻度が低いなどとい
教授に教えて貰った考え方（備忘録）
とても尊敬する教授に、仕事に関する悩みをぶちまけたら言われたことを、忘れないようにメモしておく。 ・上司の仕事は、部下をうまく使うことである。 うまく君を使えないのは、上司の責任である。 ・上司の評価がとてつもなく悪かったとして、でも違う上司の評価がとてつもなく良かったとしよう。 上司の上司は、これを見て、二人を呼び出して話し合わせるだろう。 君が本当に使えなければ、君を悪く評価した上司が正しい評価を下した優秀な人ということになる。でも、君が使えれば、そいつは間違った評価をくだした使えない人となる。 それがどう転ぶかは、君次第だ。 ・仕事の根本は、「どれだけ自分を成長させられるか」だ。 金をもらって、勉強してると思えばいい。 ・「上司の言うことは絶対だ、下はヘコヘコしてろ」という上司もいるだろう。 個性を殺そうとする上司もいるだろう。 でも今の時代、言われた通りにやるなんていう、機械にもで
『背水の陣』の本当の意味は『退路を断って死ぬ気でやれば勝てる』という話ではない - ゆとりずむ
こんにちは、らくからちゃです。 毎週日曜日は、真田丸とマスケティアーズを見るのが楽しみになっています。いやあ、今週も真田丸良かったですね。特に、真田親子の『井陘(せいけい)の戦い』をお題にした軍略談義。いわゆる『背水の陣』で有名な中国の合戦ですね。 一般には『退路を断って死ぬ気でやれば勝てる』といったニュアンスの慣用句としても使われることの多いこの言葉。でも真田一家の話を聞いていると 背後の心配をする必要がなくなるため、戦力を前面に集中させることが出来た 敵を油断させて城の外におびき寄せることが出来た その隙を突いて城を乗っ取ることが出来た といったおもしろいトークが出てきます。聞いていると、興味が湧いてきましたので、色々と調べてみました。 楚漢戦争 井陘の戦いは、紀元前204年に秦王朝滅亡後の覇権をめぐり、楚の覇王項羽と漢王劉邦が中国の覇権をかけて戦った『楚漢戦争』の中で起こった戦いの一
安野モヨコさんの「オチビサン」が中川政七商店とコラボ 第1弾は鎌倉彫の上質な豆皿セット - はてなニュース
中川政七商店は、安野モヨコさんのマンガ「オチビサン」の世界観と日本の工芸を掛け合わせた商品開発プロジェクトをスタートしました。第1弾として、主人公・オチビサンたちが暮らす鎌倉の工芸を生かした豆皿セットを、9月4日（日）から数量限定で販売します。季節の花とキャラクターをイメージした、上品でかわいらしいデザインです。 ▽ オチビサン コルクショップ 「オチビサン」は、オチビサンの好奇心を通じて、四季折々の美しさやどこか懐かしい日本の風景を再発見する作品です。今回のプロジェクトでは「日本の工芸を元気にする！」というビジョンを掲げる中川政七商店が、オチビサンの視点でさまざまな地域を見つめていくそう。そこで感じた“ちいさな発見”を、ものづくりという形で発信していくとのことです。 第1弾の「鎌倉彫『豆皿セット』」を手掛けたのは、神奈川県鎌倉市の鶴岡八幡宮前に店を構える老舗「博古堂」。刀の彫り跡でさまざ
フロントエンドこそ覚えたい正規表現：background-size編 | バシャログ。
夏の暑さに負けてポケモンGOが滞っているyanagimachiです。 運動不足なので、毎日1匹孵化させるのを目標にがんばって歩こうと思います。 さてさて、正規表現といえばバックエンドの人たちがバリバリフォームとかで使っているイメージだと思います。 私も普段はバックエンドのfujiharaさんに書いてもらえばいいや・・・と思っています。 でもたまーに大量修正するの大変だからフロントエンドでも使いたいなという場面があると思います。 初回はbackground-size編です！ ショートハンドでbackground-sizeを書いちゃった でも、対象ブラウザにAndroid4系デフォルトブラウザが入っていたなんてときは、別々に記述する必要がありますよね。 正規表現で書き換えちゃいましょう！ 置換したいCSS background: url(/img/bg.png) 50% top /100px
Apple 関連のフォントを手に入れよう | バシャログ。
シーブレインのマニュアル作成サービスチームから「スマートフォンで読めるマニュアル作成」を PR するページを作ってほしいとのご依頼があり、ページをデザインました。 せっかく iPhone を素材に使うのだから、フォントも Apple 風にしたいわあ、といろいろ探した際に知ったいくつかのフォント情報をメモします。 ひと目でフォント判別できる一流デザイナーにあこがれる！ 1. Apple 日本語サイトのフォントは「AXIS」 Apple 公式サイトの日本語や Apple store で手に入るパンフレットには「AXIS」というフォントが使われていることが多いそうです。 その「AXIS」試用版が、無料でダウンロードできます。登録さえすれば商用も OK という太っ腹ぶりです。 なだらかなラインがスマートな、きれいなフォントです。 Type Project｜試用版ダウンロード http://www.
2016年のfont-familyはこれで決まり！～フォントでサイトを彩る～
京都で株式会社ドレスクリエイトの代表取締役を勤めながらWEBデザイナーとして活動をしている河野匠がおすすめする2016年流行ること間違いなしの font-family をご紹介致します。遊ゴシックを使ったものやメイリオを使ったものをご紹介しております。みなさん、こんばんは。 京都でWEBデザインをさせていただいている 株式会社ドレスクリエイトの河野 です。 WEBデザインをする中で重要な役割を持つのはフォントです。 無数にあるフォントの中からそのサイトにあったフォントを探しだすのはなかなか大変なことですよね。 最近はWEBフォントを使ってどんなデバイスでもフォントを表示させることができるようになったので、ますますフォントの選定はデザイナーにとって最も重要なポイントの1つとなりました。 font-familyの指定 本日はサイト運営者の方や、デザイナーの方にサイトのイメージを大きく変える 「
文章の作り方 - 伝わるデザイン 研究発表のユニバーサルデザイン
研究者や研究に関わる大学生や大学院生は、一年を通じて研究室ゼミや学会などで研究成果の発表を行なわなければなりません。また、近年、科学者でない人たちに対する一般向けのプレゼンや講演（アウトリーチ活動）の機会も増えてきています。他にも、研究論文や報告書を書いたり、研究費調達のために予算申請書やプロジェクトの提案書を作成したりすることも、研究者にとって欠かせない仕事です。これらはいずれも情報を他者（研究仲間や審査員、一般市民）へ伝えようとする行為であり、正確かつ効果的な情報の発信が望まれます。しかし、自己流で資料を作成して、闇雲に情報を発信していても、スムーズに情報は伝わりません。ときには誤った情報が伝わってしまい、研究の価値を正当に評価してもらえないことさえ起こりえるのです。 情報を正確にかつスムーズに他者に伝えるためには、情報をデザインすること、つまり文章を読みやすく整えたり、図表を見やすく
見やすいフォントとは・・・
Ed Fella / A Commercial Art Alphabet: Not A Font, image 2 By: karen horton 「フォントはデザインの一部である。」という話を前に聞いた覚えがあります。 実際にフォントによってページの見栄えが悪くなったりしますのでデザインの一つとしても重要な要素です。 今回は、サイトを作る上で重要なフォント選びについてまとめて見ました。 フォント選びに重要ことは、見やすいフォントを選ぶのは当然ですが、フォントが使用できるかどうかが最も重要です。 そのため、「標準フォント」を使用する必要があります。 Webで文章を書くときに最初にやっておくCSSの設定 読みやすい行間と文字サイズ標準フォント標準フォントとは、OSにデフォルトでインストールされているフォントのことです。 WindowsやMacで元々入っているフォントが違うため、Window
InstagramやAirbnbなどのUIデザインに見る新しいトレンド
ミニマルなデザインがトレンドになってからしばらく経ちますが、次のトレンドはなんでしょう？ ここ数か月、デザインの最先端を行くアプリやサービスの中で、「ミニマルデザイン」を次の段階へと押し進めるものが出てきました。FacebookやAirbnb、Appleは、それぞれのプロダクトをよりシンプルに見せることに対して同様の方向を見据えており、それは、モバイルのデザインにおける「コンプレクション・リダクション」という新しいトレンドを反映したものです。 「コンプレクション・リダクション」とは 「コンプレクション・リダクション」なんて聞いたことがありませんか？ 聴いたことがないのも無理ありません、何しろ私が勝手に名付けたものですから。最近私はフラットデザインやミニマルデザインとは違う方向性を持つものが出てきたことに気付きました。 編注：Complexionは「顔色」「血色」という意味で、Reducti
YouTube動画を簡単に背景にするjQuery「jquery.mb.YTPlayer」
jQuery.mb.YTPlayer メルセデス・ベンツ日本公式サイトでオリジナルアニメが公開されていますね。テレビでもCMに使われていたので、ご存知の方も多いと思います。 本編ムービーが公開されている公式サイトでは背景にテレビCMに使われた動画が流れるインパクトのあるサイトになっています。 参考：NEXT A-Class │ メルセデス・ベンツ日本公式サイト このサイトを一部再現してみたいと思います。（注意：現在リニューアルされています。2016/10） 今回紹介するこのjQueryのコンポーネントを使用すると、ページの背景としてYouTubeムービーを設定することができます。 サンプルページを作ってみました → YouTube動画を簡単に背景にするjQuery「jquery.mb.YTPlayer」サンプル 過去にも『背景にフルスクリーンで動画を流す「jquery-tubular」』で
テキストの読みやすいカラーを決めるにはこれが大切！Webデザインにおける良いコントラストのつくり方
読みやすい本文テキストのカラー、分かりやすいリンクのカラー、目立たせたいボタンのカラーなど、Webデザインのカラーを決める時にもう一歩進めた良いコントラストのつくり方を紹介します。 Webデザインでカラーパレットを作成する時、カラーの組み合わせをコントラストのためにテストしていますか？ テストをしてないのであれば、あなたのデザインはリーダビリティを考慮せず、潜在的なビジターを失っているかもしれません。 私はこれまでに数多くのプロジェクトでカラーコントラストとリーダビリティについて取り組んできました。いくつかの有用なカラーコントラストのアクセシビリティツールのおかげで、私は仕事をすることができ、それを多くの人たちと共有したい思います。 私はアクセシビリティの専門家ではありません。私の目指すところはシンプルで、最適な読みやすさを念頭においてカラーを選ぶことです。完全な説明が必要であれば、W3C
イベントブースの導線設計など運営方針について考える。
イベントブースの導線設計など運営方針について考える。 Publish2016/09/05(月) 2016/9/4(日)に高槻現代劇場で行われた高槻市のイベント「2016市民の健康・食育フェア」に参加してきました。 このイベントに参加した理由は、高槻市PTA協議会にお手伝いの要請がありましたので、僕ともう一人が派遣された感じです。 当日は、血糖値の測定ブースで測定する人を誘導したり、交通整理したりする役割でした。 採血とかはPTAがするわけにもいかないので、本職の看護士さんたちにお任せして、誰でもできるお手伝いが担当範囲です。 イベント自体は過去最高の入場者数になり、トラブルもなく終わったので大成功だったわけですが、参加して色々ともやることがありました。 今回僕が思ったことはきっと他のイベントブースを運営する人にも共通する「あるある」だと思うので、書いておきます。 前置きが長くなりましたが、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【Jade/Pug】gulpでJade / Pugをコンパイルする – Snaplog
https://www.lavison.net/1662/