タグ

2015年6月12日のブックマーク (12件)

  • 丸いSNSボタンをCSSとWebフォントで作る方法【いいね/ツイート/Pocket/LINE/はてぶ/feedly】

    このJunkBlogはワードプレスで運用していて、自作テンプレートを使用しています。レスポンシブデザインを採用しているのですが、スマホで表示した時のSNSシェアボタンを何とかしたいなぁと常々考えていました。 何故かと言うと、PCでは表示領域が広いのでボタンが一列に並んで綺麗に見えるのですが、ブラウザのサイズを小さくしてスマホサイズになると、表示領域が足りずにボタンが改行されて2列になり、あまり綺麗なレイアウトとはいえない状態でした。 そこで当ブログで採用しているシェアボタン(Facebook/twitter/はてぶ/pocket/google+)をWebフォントを使ってカスタマイズする事で、スマートフォンでのみ収まりの良い丸ボタン風SNSシェアボタンを作ってみたいと思います。 オリジナルWebフォントの作り方をこのエントリーで解説しています。 また日でよく使われる「はてなブックマーク」な

    丸いSNSボタンをCSSとWebフォントで作る方法【いいね/ツイート/Pocket/LINE/はてぶ/feedly】
  • CSSのみで実装するボタンデザインやホバーエフェクト 20+α - NxWorld

    実際に使用したものやいつか使うかもと思ったものをJSFiddleやEvernoteなんかでバラバラにメモしていたのですが、それらの中でよく使いそうなものを一覧化したものが欲しかったのでまとめました。 今となっては様々なところで用いられていますし、もっと凄くて面白い動きを実装しているチュートリアルなんかも沢山見かけますが、個人的に汎用性高いと思うもの中心です。 対象ブラウザに古いIEなどが含まれている場合はもちろん使えませんが、いずれもjQueryや画像などを一切使用せずにデザインやアニメーションも全てCSSのみで実装しているものです。 また、同様にCSSのみでクリエイティブなボタンデザインやエフェクトを実装できるエントリーや便利なジェネレータツールなども備忘録兼ねて併せて紹介します。 CSS3を多用しているため、ブラウザ(特にIE7・IE8など)によっては動きや見栄えが説明と異なる場合があ

    CSSのみで実装するボタンデザインやホバーエフェクト 20+α - NxWorld
  • 「肉の接着剤」で、安いカット肉をつなぎあわせてステーキを作る方法

    「肉の接着剤」で、安いカット肉をつなぎあわせてステーキを作る方法2015.06.11 15:0010,318 渡邊徹則 ちょっとだけ複雑な気分。 「肉の接着剤」というとちょっと聞きなれない言葉ですが、おそらく多くの方は既にお世話になっているはずです。というのも、比較的安価な細切れのお肉をつなぎあわせて提供することは、ステーキなどの価格を抑えるために一般的に行われているのです。 こちらは、シチュー用のお肉をつないで「擬似リブロースステーキ」を作る際の映像。最初は、これだけペタペタ貼り付けているならわかるだろう、と思いますが、仕上がりを見るとどう見ても物にしか見えません。 なんとなく知らなかった方が良かったような気もしますが、とにかく、我々の生活はいろいろな技術に支えられているということがわかる動画です。 Casey Chan - Gizmodo SPLOID[原文] (渡邊徹則)

    「肉の接着剤」で、安いカット肉をつなぎあわせてステーキを作る方法
    KoyaM
    KoyaM 2015/06/12
  • アメリカの電車がダメなのは、みんなが乗らないせい

    乗らないから発達しない、発達しないから乗らない…のループ。 アメリカではしょっちゅう鉄道事故が起きています。電車は古いし、揺れるし、遅い。米GizmodoのAlissa Walker記者は、そんな状況を変えるべくアメリカ国民はもっと電車に関心を持って、システムを刷新するべきだと訴えています。 5月に起きたアムトラックのおそろしい脱線事故。議会が十分な予算を整備に割り当てていなかったこともあいまって、アメリカがほったらかしている鉄道インフラについての不安を表面化させました。もし、もっと多くのアメリカ人が鉄道のある未来を受け入れるのなら、鉄道はもっとも安全な国内旅行の手段になるはずなのに...。 アムトラックのノースイースト・リージョナル188号が脱線して8名の方が亡くなられたとき、多くの専門家は「ポジティブ・トレイン・コントロール」(位置情報を使って電車の速度を制限する監視システム)があれば

    アメリカの電車がダメなのは、みんなが乗らないせい
    KoyaM
    KoyaM 2015/06/12
  • 生活困窮:強制退去の日、娘を殺害 千葉地裁で12日判決 - 毎日新聞

    KoyaM
    KoyaM 2015/06/12
  • 銀座の寿司屋で「おまかせ」を頼んだら身なりで料理やお会計が変わるのか?実際に試してみた

    銀座の寿司屋で「おまかせ」を頼んだら身なりで料理やお会計が変わるのか?実際に試してみた なかの 2015年6月12日 東京イチ華やかでセレブな街「銀座」。数多くの高級店が立ち並ぶ街でもあるが、やはり“銀座の寿司”といったら誰しも憧れるオトナの事である。 一度は銀座の寿司屋で「おまかせで(キリッ)」なんて言って寿司を楽しみたいものだが、全身ユニクロでは寿司職人に「コイツ当に金払えるのか?」と思われそうで心配になってくる。 見た目で当に判断されるのかは分からないが、もしかするといちがいに「おまかせ」と言っても、客の身なりで提供する寿司やお会計が変わってきたりするのだろうか? ・身なりが違う人たちで寿司店へアポなし訪問 今回は実際に身なりが違う人たちで、銀座の寿司屋でおまかせを頼み実。お会計がどれだけ違うのか? 身なりで提供される料理が安いものだったり高い物だったりするのか? を調べるこ

    銀座の寿司屋で「おまかせ」を頼んだら身なりで料理やお会計が変わるのか?実際に試してみた
  • 鶏むね肉なのにふっくらやわらか! 「茹で鶏むね肉のせごはん」レシピ

    節約材でもある鶏むね肉。でも、淡白だったりパサついてしまったりとうまく活用できない……と悩む人は多い。そこで今回は、フードユニット「FOODPARK」に鶏むね肉を使ったレシピ考案をお願いした。茹でた鶏むね肉をカットし、ごはんの上にのせた一品だ。「鶏肉は、茹で終わった後、茹で汁の中に入れたまま冷ますとふっくら仕上がります」とのこと。簡単ワンプレートごはんなのでぜひ試してみて! 「ふっくら! 茹で鶏むね肉のせごはん」 材料(2人分) 鶏むね肉 1枚 / 水 3カップ / 酒 大さじ1 / 生姜の薄切り 3枚 米 1合 / 鶏の茹で汁 1カップ / 塩 小さじ1/2 生姜だれ(生姜すりおろし 2片分 / 醤油 大さじ3 / 砂糖 大さじ1/2 / ゴマ油 大さじ1 / 万能ネギの小口切り 3分) つくり方 1.鶏むね肉を水、酒、生姜の薄切りと共に鍋に入れて加熱する。沸騰後は弱火にして10分茹

    鶏むね肉なのにふっくらやわらか! 「茹で鶏むね肉のせごはん」レシピ
    KoyaM
    KoyaM 2015/06/12
  • 無印良品がタピオカ入りミルクティー発売 | Fashionsnap.com

    無印良品がチルドカップタイプのデザートドリンクを発売! 無印良品は、6月10日(水)より、無印良品で初めてのチルドカップタイプのデザートドリンクを2種発売しました。 【デザートドリンクの特徴】◆タピオカ入りミルクティー台湾でよく飲まれているタピオカ入りミルクティーをお手にして、甘みのあるミルクティーにもちもちとした感のブラックタピオカを加え、ケニア産紅茶とアッサムをブレンドした香りのよい濃い紅...このコンテンツは Fashionsnap.com が配信しています。

    無印良品がタピオカ入りミルクティー発売 | Fashionsnap.com
    KoyaM
    KoyaM 2015/06/12
  • [みんなのケータイ]一度使うと元には戻れない「見るだけロック解除」の快適さ

    [みんなのケータイ]一度使うと元には戻れない「見るだけロック解除」の快適さ
    KoyaM
    KoyaM 2015/06/12
  • 「まさか」が現実になる超円安1ドル=150円まっ青になる会社と業界(週刊現代) @gendai_biz

    '02年12月以来の1ドル=124円台突入という歴史的な円安は、G7でも議論の対象に〔PHOTO〕gettyimages もう後戻りはできない。とどまることを知らない円売りの激流は、私たちの暮らしも企業のあり方も一変させる。日銀の異次元緩和によって生まれた「超円安」社会が、この国のすべてをなぎ倒す。 どんどん国力が落ちる 「アメリカの利上げに加えて、日銀行による異次元緩和。このままいけば、円安水準は1ドル=150円まで確実に進みます。そうなれば、この国はこれまで経験したこともないような二極化社会になるでしょう」 こう語るのは、『永久円安』の著者でもあるジャーナリストの山田順氏だ。 膠着し、溜まっていたエネルギーが一気に噴き出すように、日が「超円安」社会へ動き出した。5月28日、東京外国為替市場の円相場が12年半ぶりに1㌦=124円台に突入したのだ。 「今回の円安水準は、FRB(米連邦準

    「まさか」が現実になる超円安1ドル=150円まっ青になる会社と業界(週刊現代) @gendai_biz
    KoyaM
    KoyaM 2015/06/12
  • 「子どもたちには見せたくない!」 珍作奇作マンガを徹底紹介『このマンガ 恐るべし…!!』【著者インタビュー】 | ダ・ヴィンチWeb

    マンガやアニメを筆頭とする日のポップカルチャーが海外で高い評価を受け「クールジャパン」としてもてはやされている昨今。年々進化を遂げるマンガ業界では、海外ファンをもトリコにする数多くの素晴らしい作品が生み出されている。しかし、日が誇るマンガ文化の多様性を語る作品は『ONE PIECE』や『NARUTO』ばかりではない。キミは知っているのか、『庭師一代』(たがわ靖之/講談社)を。『格闘職人アウディ』を!? そんな「なんだこれは?」と思わずタイトルからして二度見してしまうようなマンガばかりを集めてレビューしているのが今回紹介する『このマンガ 恐るべし…!!』(J君/彩図社)だ。 書は、2001年に開設されたWebサイト「BLACK徒然草」 の書籍化第2弾。同サイトは、管理人であるじゃまおくん(J君)が、マンガのほか映像作品やゲーム、時には品にいたるまで、気になったさまざまなモノをジャンル

    「子どもたちには見せたくない!」 珍作奇作マンガを徹底紹介『このマンガ 恐るべし…!!』【著者インタビュー】 | ダ・ヴィンチWeb
    KoyaM
    KoyaM 2015/06/12
  • 「集団的自衛権を合憲とする」憲法学者は全員、日本会議関係者――シリーズ【草の根保守の蠢動 第9回】 « ハーバー・ビジネス・オンライン

    連載は、安倍政権を支える巨大組織・日会議の全体像を、関係者の来歴と、70年安保闘争で生まれた民族派学生運動に連なる歴史を明らかにすることによって解明することを目的としている。 目下、取材と調査、および次回の大型原稿の準備のためしばらくお休みを頂戴していたが、見逃せないニュースが飛び込んできた。 昨日の衆院平和安全法制特別委員会における菅義偉官房長官の答弁だ。 (参照:2015年6月11日付毎日新聞/「安保関連法案:「合憲という学者」官房長官たくさん示せず」) 民主党・辻元清美議員から「(集団的自衛権を合憲とする憲法学者が)こーんなにいる、と示せなければ、法案は撤回した方がいい」と指摘された菅官房長官は 長尾一紘・中央大名誉教授 百地章・日大教授 西修・駒沢大名誉教授 の三名を「集団的自衛権を合憲とする憲法学者の具体名」として挙げた。 大方の反応は、「あれだけ『たくさんいる』と豪語して

    「集団的自衛権を合憲とする」憲法学者は全員、日本会議関係者――シリーズ【草の根保守の蠢動 第9回】 « ハーバー・ビジネス・オンライン
    KoyaM
    KoyaM 2015/06/12