タグ

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

  • テキストリンクのホバー時に使えるエフェクト・デザインサンプル 15 - NxWorld

    文章内のテキストリンクやテキストのみで実装しているようなナビゲーションリンクなどで使えそうなホバーエフェクト・デザインのサンプルです。 文字数が変化したり改行が頻繁に入るような場所などでは正直使い辛くて利用できる場面が限られてしまうものも多いのですが、シンプルなHTMLCSSで様々な見せ方ができます。 サンプルの中で特にdisplay: inline-block;を記述しているタイプのものが意図しない箇所で改行されたり、逆にされなかったりということがあるので注意して下さい。 実際にどのような動きになってしまうのかはブラウザを縮めて確認してもらったり、または自身で環境を用意して実装・確認をしてもらうとよりわかりやすいと思います。 ここで紹介するエフェクトは、基的に<a href="#">リンク</a>のようなHTMLに対して実装したものになります。 また、サンプルコードに含まれていません

    テキストリンクのホバー時に使えるエフェクト・デザインサンプル 15 - NxWorld
  • divとsectionとarticle要素それぞれの特徴、使い分けと組み合わせ方 -HTML5のセクショニング コンテンツ

    HTML5は、ドキュメントを構造化する際に用いるセマンティックなコードです。あなたがどんなタグを使うかによって、ユーザエージェントにその意味を伝えます。 HTML5のタグにはさまざまなものがあり、中でもsectionとarticle要素は、div要素より有意義な方法でコンテンツを区分する手段として導入されました。これら3つをどのように使い分けるか確認しておきましょう。 Sectioning Content in HTML5 -Div or Section or Article 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 divとsectionとarticle、それぞれの特徴 divとsectionとarticle、どれを使う? sectionとarticleの組み合わせ方 divとsectionとarticle、それぞれの特徴 d

    divとsectionとarticle要素それぞれの特徴、使い分けと組み合わせ方 -HTML5のセクショニング コンテンツ
  • 見やすく綺麗なPSDをつくるためのポイントや覚えておきたい便利機能 10 - NxWorld

    自分が普段からどちらかといえばデザインよりもコーディングなどの作業が多いので、中にはただのコーダー側の意見や愚痴っぽいのもあるかもしれませんが、Photoshopでデザインする際に見やすく綺麗なPSDにすることができると思うポイントや知っておくと便利だと思う機能をいくつかあげてみました。 最近だと特にレスポンシブが関連してIllustratorやSketchを使ってるという人も多いとは思いますが、デザイン制作時にPhotoshopを愛用しているという方は参考にしてみてください :) あくまで個人的に思ったことなので、バリバリのデザイナーさんとかで「もっとこうしたら良くなるよ!」とか「それはしない方が良いのに...」みたいな意見があればアドバイスやツッコミ大歓迎です。 ここで紹介している内容やキャプチャは「Adobe Photoshop CC 2017」を使用した想定のものになり、バージョン

    見やすく綺麗なPSDをつくるためのポイントや覚えておきたい便利機能 10 - NxWorld
  • コンピュータソフトウェア協会会長、予算がないからエンジニアは五輪の1ヶ月無償で働けと発言 | スラド IT

    一般社団法人コンピュータソフトウェア協会(CSAJ)会長の荻原紀男氏(豆蔵ホールディングス代表取締役社長)を筆頭とするIT関連企業の代表が発足人となり、一般社団法人日IT団体連盟(ITrenmei、Japan Federation of IT Associations)が発足したことはすでに話題になっている。とくに注目されたのは「五輪そのものに対して、ボランティアで対応できるエンジニアが必要」との発言だが、これを受けてZDNet Japanが同氏へのインタビュー記事を公開している。 ここでは メリットがないものに国は予算をつけない。(中略)介護士育成に予算がつかないのに、なぜIT産業のエンジニア育成に予算をつけなくてはならないのか。それならば、1カ月間、国のサイバーディフェンスのために、ボランティアで働いてもらうことで恩返しをするというのがひとつの提案だ (ソフトウェア産業が)ブラック化

    kuroaka1871
    kuroaka1871 2015/10/18
    予算がないのならオリンピック辞退すればいいのに。
  • お探しのページはみつかりません - グノシー

  • 「ダメな科学」を見分けるための大まかな指針」のポスター解説(3)「相関関係と因果関係の混同」 - うさうさメモ

    4. 相関関係と因果関係の混同(難易度☆☆☆) 相関関係と因果関係を混同しないように注意しましょう。「二つの変数に相関関係がある」ことは、必ずしも「一方が他方の原因である」ことを示しません。地球温暖化は1800年代から進行しており、同時に海賊の数も減少していますが、海賊不足は地球温暖化の原因ではありません。 対処法の例:「○○が増えると××が増えた→○○は××の原因だ」の間に、なにか共通の背景があったり、統計を取る集団に偏りがあるなどの「ウラ」がないか、ということに注意する 「××が増えたせいで、○○(がん・アトピー・不妊症・自閉症etc)が増えている」 「△△をよくべる地域は寿命が長い。よって、△△は寿命を伸ばす(健康にいい)」 こういった情報を見たことがあると思います。今回のテーマは、相関関係があるように見える「ある原因」と「その結果」に、当に原因/結果の関係がある(因果関係がある

    「ダメな科学」を見分けるための大まかな指針」のポスター解説(3)「相関関係と因果関係の混同」 - うさうさメモ