タグ

2017年2月15日のブックマーク (18件)

  • 鹿「スタンバイOKです!」 “鹿注意”の標識をふと見たら飛び出す気まんまんな鹿が隠れてた

    「鹿注意」の道路標識の後ろに隠れている鹿の写真が「飛び出す気まんまん」とTwitterで話題になっています。 写真を投稿したのはTwitterユーザーのジョニー石原さん(@johnny333ti)。雪が降り積もる道路脇、鹿のシルエットが描かれたあの「鹿注意」の標識の後ろに、身をかがめた物の鹿が。こちらの様子をカメラ目線でじっとうかがい、まるで「これから飛び出すから注意してね!」と言っているかのようです。ジョニー石原さんによれば、写真は兵庫県と鳥取県の境目に位置する氷ノ山のスキー場から降りる途中で撮影したとのこと。 鹿「スタンバイOKです!」 Twitterでは「かわいい!!!」「まさかの隠れ方」「飛び出す気まんまんで草」といった鹿に対する反応や、標識の棒部分がすべて埋まっている様子から「それよりも標識がここまで埋まってるとは……」「鳥取すごい大雪」と鳥取県の雪の積雪量に驚く声も見られまし

    鹿「スタンバイOKです!」 “鹿注意”の標識をふと見たら飛び出す気まんまんな鹿が隠れてた
  • 【スマホでも使いやすい!】モバイルフレンドリーなレスポンシブメニューの基本

    レスポンシブなナビゲーションの作り方は膨大な数ほどありますが、良いものを作ろうとすると少し大変です。 レスポンシブメニューはモバイルにも対応し、タッチ操作が行われるデバイスのことも考えなければなりません。 この記事ではモバイルにも対応したレスポンシブメニューの作り方をご紹介します。 まずは基をおさえよう レスポンシブメニューをデザインする際には、ユーザーがどのようにモバイル端末を使用するのかを知っておく必要があります。 優れたナビゲーションは次のルールを守って作成されています。 ・メニューのトグルがわかりやすい ・全てのボタンやリンクがタッチしやすい大きさになっている ・タップした際にフィードバックがある ・サブメニューにもアクセスできる ・エフェクトがシンプルである ・様々なブラウザに対応している ここからは順を追って、レスポンシブメニューのデザイン法を紹介していきます。今回はオフキャ

    【スマホでも使いやすい!】モバイルフレンドリーなレスポンシブメニューの基本
  • HTML・CSS不要!JavaScriptだけでWebアプリの開発を実現するオンラインエディタ「MagiXJS」の使い方を解説 - paiza times

    どうも、まさとらん(@0310lan)です。 今回は、簡単なコードでインタラクティブなWebアプリやゲームなどを作れる「オンラインコードエディタ」のご紹介です! HTMLCSSを書く必要がなく、さらにJavaScriptを簡単・安全にプログラミングできる「CoffeeScript」で記述できる完全無料のツールです。 【 MagiXJS 】 簡単に扱えるように設計されているので、Web開発を勉強している初心者の方や、初めてWebアプリを作ろうと考えている人にもオススメですよ! ■「MagiXJS」とは? まずは、「MagiXJS」の基的な使い方も含めて、どのようなサービスなのかを見ていきましょう! サイトにアクセスして、そのまま下方向へスクロールするか、画面上のアイコンをクリックします。 すると、Webアプリを開発できる専用の「コードエディタ」が表示されます! 左画面でプログラミングを行

    HTML・CSS不要!JavaScriptだけでWebアプリの開発を実現するオンラインエディタ「MagiXJS」の使い方を解説 - paiza times
  • よこ並びのCSS。

    スマホサイトが優勢な昨今、要素をよこ並びにする機会は減ってきているのかもしれないけれど、大きい画面で見るサイトでは、ナビゲーションやタブや、商品一覧など、よこ並びにレイアウトする機会はまだまだあるんじゃないでしょうか。そんな「よこ並びにするためのCSS」も、やり方はさまざま。お馴染みのやつから、新参者まで、順番に見ていくことにします:)。 よこ並び? そう、よこ並び。 例えばボタンを横一列に並べたり。商品の情報なんかだと、横に3つずつ並べて改行して、多段に並べる場合もありますね。偏(ひとえ)に「よこ並び」と言えど、CSSにはそのやり方がたくさんあるんです:o。 導入 この記事で紹介するよこ並びの方法は以下の通り。 CSS歴史的な背景から、最初はfloatプロパティを使った方法を紹介します。 float(フロート) 要素を左右へ寄せるためのプロパティ。 後続する文章(テキスト)などのインラ

    よこ並びのCSS。
  • 世界で1番美味しい煮卵の作り方が本になりました。 - はらぺこグリズリーの料理ブログ

    2018年追記、現在はおかげ様で29万部を突破し、2017年のレシピ大賞に選ばれました。 どうもはらぺこグリズリーです。 いつも当ブログをご覧になっている読者の皆様、日も来てくださって当にありがとうございます。 今日は読者の皆様に一つお知らせがあります。 この度、 「はらぺこグリズリーの料理ブログ(旧:コスパ最強!!一人暮らしの簡単節約料理レシピ)」が書籍化しました!! 日発売です!! 世界一美味しい煮卵の作り方 家メシ堂 ひとりぶん100レシピ (光文社新書)posted with ヨメレバはらぺこグリズリー 光文社 2017-02-15 Amazon 当にありがとうございます 大した実力もないのにこのような幸運な機会に恵まれたのは、読者の皆様のおかげ以外の何者でもありません。 当たり前の話ですが、筆者自身が「出したい!」と言ったからといって出版社さんが「いいよ!!」と言っ

    世界で1番美味しい煮卵の作り方が本になりました。 - はらぺこグリズリーの料理ブログ
  • Medium崩壊の内幕:ジャーナリズムを変えようとした理想主義者はいかにして現実に敗れたか

    2017年が始まって4日後、Mediumの従業員は、出社すると、全従業員の1/3にあたる50名が解雇されると伝えられた。 従業員たちは大きなショックを受けた。彼らは億万長者でCEOTwitterの創業者の1人として知られるエヴァン・ウィリアムズ(Ev Williams)のことを慕っていたし、彼も従業員のことを気にかけているように思えたからなおさらだ。 だが、彼は解雇の事実を従業員に伝える前にブログで公表していたと、元従業員がBusiness Insiderに明かしてくれた。 業界内に広まったその記事を見て、自分の解雇を知った者もいる。 「会社がどれほど機能不全に陥っていたのかの証だ」と、元従業員の1人は我々に語った。かつてのMediumは夢のような職場だったとも。 ブログサービス兼オンラインパブリッシングサイトのMediumは、著名な創業者のおかげで2012年のローンチ後、すぐに有名なサ

    Medium崩壊の内幕:ジャーナリズムを変えようとした理想主義者はいかにして現実に敗れたか
  • アニメを見ない私が「美味しんぼ」を見たときの衝撃

    連載:おしり元気のインターネットふしぎ発見 ライターおしり元気が見つけたネットやITにまつわる不思議で面白い世界を紹介していきます。 ライター:おしり元気 →これまでの連載 初めて美味しんぼを見てみたら、あまりのクレイジーさに仰天 美味しんぼは、雁屋哲原作、花咲アキラ作画のグルメ漫画。新聞社勤務の山岡士郎と栗田ゆう子が、「究極のメニュー」を作るために奔走するというもので、アニメの他にも、テレビドラマ、映画ゲームなど、さまざまな展開を見せている、言わずと知れた国民的作品です。 そんな美味しんぼですが、実は私、原作を読んだことがありません。何気なく見ていたAmazonプライムビデオでのアニメが、私と美味しんぼの出会いということになります。人生27年目にして、初めて触れた美味しんぼ。 あまりの「マジか……」の連続に、記事を書かずにはいられませんでした。皆さん、こんなにクレイジーな作品を読んでい

    アニメを見ない私が「美味しんぼ」を見たときの衝撃
    syofuso
    syofuso 2017/02/15
    美味しんぼとクッキングパパを少しずつ見ている。どっちもクレイジーでおもろい。
  • ぶっ飛んだファミリードラマ『Weeds〜ママの秘密』が最高に面白いワケ - 悪魔の吐きだめ

    遂にNetflixに「Weeds〜ママの秘密」が来た。21世紀最高傑作のテレビドラマは「ブレイキング・バッド」だと思ってるが、個人的な好き度で言えば圧倒的にコッチ、「Weeds」だ。 主人公は、夫を突然亡くした主婦ナンシー・ボトウィン。中流階級が集まる架空のカリフォルニア州の郊外、アグレスティックという街に住む彼女は、これまでの生活を維持しながら、2人の息子を育てるために、商売を始める。それがなんと大麻の売人だった、という物語。なんかどこかで聞いた話かと思うけど、そう、実は「ブレイキング・バッド(以下、BrBa)」と設定は一緒。でもこのドラマが「BrBa」と違うのは、その軽さである。実はこれでもファミリードラマなのだ。 「BrBa」が余命僅かな高校教師が家族に金を残すために必死で麻薬を売り捌いていたのに対し、「Weeds」でナンシーが売人となった理由は、中流階級の生活(プール付きの一軒家に

    ぶっ飛んだファミリードラマ『Weeds〜ママの秘密』が最高に面白いワケ - 悪魔の吐きだめ
  • GIMP でグラデーションをかける方法|Synclogue Navi

    画像にグラデーションを入れると、単色の塗りつぶしとは違った立体感や透明感を出せますよね。 GIMPでは、「ブレンドツール」 で簡単にグラデーションをかけることが出来ます。 今回は、 基のグラデーション方法グラデーションのパターンを作成して保存する方法文字にグラデーションをかける方法透過グラデーションを描ける方法 のように、基から応用までグラデーションのワザを全てご紹介します。 1. 基のグラデーション方法 GIMPでは、文字だけにグラデーションをかけたり、画像に透過のグラデーションをかけたり、様々なパターンのグラデーションをかけることができます。 まず、様々なグラデーションの基礎となる  「ブレンドツール」 の基の使い方を一緒に確認していきましょう。 1.  まず、グラデーションをかけたい選択範囲を、   などの選択ツールで、作成しましょう。 今回は、「矩形選択ツール」を使います。

    GIMP でグラデーションをかける方法|Synclogue Navi
  • イラストレーター透明マスク| Design Tips

    をご紹介します。 上の写真のような手法です。いわゆる写真や画像などのオブジェクトを徐々に透明にしていく手法ですね。webやチラシの見出し画像なんかによく使われます。 やり方は簡単で不透明マスクという機能を使います。まずは簡単な図形を用いて作り方を見ていきましょう。

    イラストレーター透明マスク| Design Tips
  • すりガラスの様なぼかし効果がかかった画像作成のチュートリアル

    2013年頃からにわかに流行りだしたすりガラスっぽいのフィルターをかけた見せ方は、iOS7で取り入れられ一気に認知度が広がりました。 例えば下から上に向かってスワイプすることで出せるコントロールセンターには、白いすりガラスが。ホームボタンを長押ししてだせるSiriには、黒いすりガラスのフィルターがかけられており、とても美しいですね。このすりガラスのフィルターは、ブラー(blur)効果と言われております。

    すりガラスの様なぼかし効果がかかった画像作成のチュートリアル
  • 年表などでよく使用されるタイムラインコンテンツ作成時に便利なプラグインやチュートリアル 15 - NxWorld

    年表・沿革・コメント一覧といったコンテンツで用いられているタイムラインデザインを作成する際に便利なプラグインやチュートリアルのまとめです。 レスポンシブ対応したものやCSSだけで実装したものなど全15種類で、見た目もよく見かける縦型(垂直)タイプだけでなく横型(水平)で見せるタイプもあります。 jQuery Timelinr 縦型・横型の両タイプが用意されているjQueryプラグインで、スライダーのような見栄えでタイムラインを実装できます。 スライドのオート機能や各アニメーション速度の設定、「prev」「next」のナビ機能などの設定もいろいろと用意されています。 Dynamic Timeline レスポンシブ対応もされているjQueryプラグインで、こちらも縦型・横型の両タイプが用意されており、ビューサイズ指定で通常は横型のものをスマートフォンでは縦型に見せるなども可能です。 他にもコン

    年表などでよく使用されるタイムラインコンテンツ作成時に便利なプラグインやチュートリアル 15 - NxWorld
  • 売価還元法の計算式についての簡単な説明 - ゆとりずむ

    こんにちは、らくからちゃです。 普段は、原価計算システムをお買い上げ頂いたお客様のシステム導入・活用支援のお仕事をさせて頂いております。ご訪問の際には、現状把握の為『現在どのような原価計算をされていますか?』という質問を必ずします。業種によってまちまちですが、総合標準原価計算をしているお客様もいらっしゃいますし、個別実際原価計算をしているお客様もいらっしゃいます。ただ『弊社では原価計算をしていないんです・・・』という回答も少なくありません。 『それじゃあ、決算書に載せる在庫評価額って、どうやって計算しています?』と尋ねると、かなり多くのケースで『原材料は最終仕入原価法。製品・仕掛品は売価還元法で計算しています』という答えが返ってきます。最初は『製造業なのに原価計算してないとかうっそやーん』と思っていたのですが、非上場の企業ではこのケースが大変多く、もしかして日の中小企業の大半が原価計算な

    売価還元法の計算式についての簡単な説明 - ゆとりずむ
  • 木俣さんの釣場の弁当 - 備後「あこう浪士」  釣り場の周辺

    釣り師の朝は早いと言うのは相場が決まっております。 世の中ではそんなに役にも立たぬのが年甲斐も無いところで浮かれているんだろうと、お思いの向きもあるところ、確かに浮かれていないとははっきり言えない所が情けない有様なのですが・・・ 魚を釣ります時、「朝まずめ・夕まずめ」などと朝晩魚が良く釣れる時間帯が有るところで、釣り師はこれを狙うと言う事も有り、朝早くから朝駆けするのでもございます。 今は24時間営業の店などふんだんに有って不都合は無いのですが、昔は朝早く弁当などを売るところが御座いませんでした。 前の晩 昼に使う弁当と、なにぶん腹が減っては戦が出来ぬ、朝に腹に入れるものを段取りいたします。 どの釣り師も一緒で御座います、弁当を造ってもらえるのはほんの最初だけ、後はあきれ返られてどこかの弁当屋さんかお店でそれなりのものをそろえる、とまあこのように成るのです。 奥方様におかれましては「やっち

    木俣さんの釣場の弁当 - 備後「あこう浪士」  釣り場の周辺
  • 史上最強の「無料で使える画像」検索サイト 900万点以上を収録  | Forbes JAPAN(フォーブス ジャパン)

    恐らくインターネット史上最強の、無料で使える画像の検索に特化した検索エンジンが登場した。運営にあたるのは著作物の適正な再利用の促進を目的として、2001年に創立されたクリエイティブコモンズ。 クリエイティブコモンズは以前から、クレジットの付記等の条件付きで、著作物を広範囲のネットユーザーに再利用させる試みを行ってきた。今回のサイトの登場で、その画像の検索が一気に簡単になった。 従来はクリエイティブコモンズ画像の検索はグーグルのアドバンスサーチやFlickrに頼るしかなかったが、新規にオープンしたサイトはまだベータ版ながら、非常に使いやすいサービスに仕上がっている。 今回の「クリエイティブコモンズサーチ」は、900万点以上の画像を一気に検索可能。ライブラリにはFlickrや500px、ニューヨークのメトロポリタン美術館やニューヨーク公共図書館、アムステルダム国立美術館のサイトの画像が含まれて

    史上最強の「無料で使える画像」検索サイト 900万点以上を収録  | Forbes JAPAN(フォーブス ジャパン)
  • 温泉旅と、ひとり泊の予約 - 温泉好きのお湯

    いまさらですが、自分の温泉旅は基的にはひとり旅です。 ひとりで温泉宿に泊まる、というのは、ちょっとだけハードルが高いといいますか、泊めてもらえない可能性があります。 以前(自分がひとり温泉旅を始めた、約10年前)に比べて、そのハードルは少しずつ低くなってきていると感じますが、それでもまだハードルは残っていて、今もいろいろなやり方で予約を入れています。 予約サイトを使う いろいろなやり方で予約しています、と言って早々であれなのですが、自分の予約手段の大半は「じゃらんnet」です。 「じゃらんnet」や「楽天トラべル」を使えば、泊まりたい宿が泊まりたい日にひとりで泊まれるかが分かるので、断られるリスクはほとんどありません。 ただ、中には、システム上は「1名から予約可能」になっていても、プランをよく読むと「2名以上で申し込んで下さい」と書いてあったり、書いてなくても予約後に連絡が来て、ひとり泊

    温泉旅と、ひとり泊の予約 - 温泉好きのお湯
    syofuso
    syofuso 2017/02/15
    じゃらんで「一人旅」で検索してみて下さい。じゃらんは「一人旅歓迎」特集を宿に推進してますので、一人旅歓迎の宿は大体エントリーしてると思います。1名検索するより一人旅歓迎の宿が見つかるかも。
  • Flexboxを使うなら知っておきたい「flexアイテム」の幅の計算方法

    Flexboxを使っていて「なんでこの幅になるんだろう?」と疑問に思ったことはありませんか? 僕はFlexboxを使い始めたころ「flexアイテム」の幅がどうやって計算されるのかわからなくて、レイアウトにはまってしまいました。調べて整理したのでシェアします。 仕組みをしっかり理解しておくと、問題が起こったときに対処しやすくなります。ということで、flexアイテムの幅の計算方法、行ってみましょ〜! まずは結論から — flexアイテムの幅の計算方法 結論からざっくり言ってしまいます。 display: flexを指定した親要素を「flexコンテナ」、その中にある子要素を「flexアイテム」と呼びます。 上図のようにスペースが余っている場合、この「flexアイテム」にはflex-growの指定にしたがって余ったスペースが分配される仕組みになっています。 下図のようにflex-grow(またはf

    Flexboxを使うなら知っておきたい「flexアイテム」の幅の計算方法
  • Blueprint: Vertical Timeline

    Ricebean black-eyed pea Winter purslane courgette pumpkin quandong komatsuna fennel green bean cucumber watercress. Pea sprouts wattle seed rutabaga okra yarrow cress avocado grape radish bush tomato ricebean black-eyed pea maize eggplant. Cabbage lentil cucumber chickpea sorrel gram garbanzo plantain lotus root bok choy squash cress potato summer purslane salsify fennel horseradish dulse. Winter