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

  • [CSS]コンテンツの区切り hr要素を素敵にデザインするスタイルシートのテクニックのまとめ

    <hr class="style**"> <style> hr.style1{ border-top: 1px solid #8c8b8b; } hr.style2 { border-top: 3px double #8c8b8b; } hr.style3 { border-top: 1px dashed #8c8b8b; } hr.style4 { border-top: 1px dotted #8c8b8b; } hr.style5 { background-color: #fff; border-top: 2px dashed #8c8b8b; } hr.style6 { background-color: #fff; border-top: 2px dotted #8c8b8b; } </style>

    [CSS]コンテンツの区切り hr要素を素敵にデザインするスタイルシートのテクニックのまとめ
    u-qreil8
    u-qreil8 2015/12/11
  • 全デザイナー必見!絶対におさえておきたい、至極のデザインリソース 10選 | iPhoneの神様

    機種変更では、このような失敗をする方がとても多いです。 有料オプションを契約させられ料金が高くなった。。 待ち時間や契約時間が長くて、半日かかってしまった。。 キャンペーンや割引がきちんと適用されていなかった。。 スマホを乗り換えるときには、 → おとくケータイ で乗り換えをするとキャッシュバックがもらえます。 スマホの機種変更するときは、 →ソフトバンクはこちら →ドコモはこちら →auはこちら キャリア公式オンラインショップがおすすめです。学割や限定キャンペーンなどがもっとももおとくな時期です。 ?.テクスチャ(パターン)素材のサイト ? フリーテクスチャ素材館/トップページ(Top Page) - フリーテクスチャ素材館/トップページ(Top Page) フリーで利用できるテクスチャ素材が配布されています。木や石、動物など自然系のテクスチャ素材が充実しています。 ? Free Sea

    全デザイナー必見!絶対におさえておきたい、至極のデザインリソース 10選 | iPhoneの神様
    u-qreil8
    u-qreil8 2015/12/11
  • MobileHackerz再起動日記: 超簡単超安価にWiFiデバイス開発!部品代600円でTHETAリモートシャッターをつくる

    2015/12/10 ■ 超簡単超安価にWiFiデバイス開発!部品代600円でTHETAリモートシャッターをつくる この投稿はRICOH THETA Advent Calendar 2015 10日目の記事です。 4日目も私のTHETA記事、ならびにその前日のblog記事もTHETAネタですので未読でしたらあわせてどうぞ。 さいきんにわかに話題のデバイスESP-WROOM-02、ご存じでしょうか。秋月電子通商で1個450円!(※10個以上の数割)という低価格なWiFiモジュールです。…といってもまだピンとこないと思いますが、この価格で、WiFiが使えて、技適済(!)で、32bit MCUを内蔵していて(!)、ひととおりのプロトコルスタックを内蔵していて(!)、そしてそしてArduinoなどにこのモジュールをぶら下げてWiFi通信する…だけでなく、このモジュール自体に自分のプログラムを書き込

    u-qreil8
    u-qreil8 2015/12/11
  • ログイン

    ログイン画面です。|ITエンジニア・プログラマ向け総合求職・学習サイト【paiza】

    ログイン
    u-qreil8
    u-qreil8 2015/12/11
  • これは知らないと損!背景が透明なPNG画像の輪郭をなじませるPhotoshopの使えるテクニック《動画解説付き》

    人物と背景を合成したい場合、予め人物の背景を透明にしたままでPNG画像保存をしておくことで、さまざまな別の背景画像に入れ替えることが可能になり、バリエーションを増やすことができます。 関連記事 ⇒ これさえ身につけてしまえば、ほぼ思い通りの作品が作れるようになるPhotoshopの切り取りテクニック。 しかし、背景の色によっては合成したい画像がうまくなじまず、”カスカス”してしまう部分が出てくることがあるので、ここではカスカスさせることなく、うまく背景になじませるテクニックを解説します。(動画は最下部です↓) Photoshopを使っている人であれば、ブログのヘッダーデザインをする際などに、かなり役立つテクニックなので覚えておいて損はないと思います。 背景が透明なPNG画像があるとバリエーションを作るのがとても簡単!例えば、このような白い背景のヘッダーデザインをしてみます。 背景が透明なP

    これは知らないと損!背景が透明なPNG画像の輪郭をなじませるPhotoshopの使えるテクニック《動画解説付き》
    u-qreil8
    u-qreil8 2015/12/11
  • 今更聞けない!エンジニアのための CSS の基礎講座 〜ボックスモデル編〜 | 株式会社ヌーラボ(Nulab inc.)

    注意 HTML5 からは 見た目は CSS に任せ、HTML は文書の構造(セマンティック)を表すことのみに重点を置かれるようになりました。例えば箇条書きリストを作るのに div と display: list-item; を使って構築するより、箇条書きリストを表す ul li を使ったほうがよりセマンティックです。このように目的にあった HTML 要素を使うようにしてください。 ボックスモデルとは CSS でレイアウトをする際には、 ボックスモデル を理解する必要があります。 CSS の定義するボックスモデルは以下の図のように 4つの領域で構成されています。 ボックスモデル解説図 content(コンテンツ) テキストや画像など、要素そのものの内容が表示される領域です。この領域のサイズは width(幅) と height(高さ)プロパティで指定することができます。 padding(パデ

    今更聞けない!エンジニアのための CSS の基礎講座 〜ボックスモデル編〜 | 株式会社ヌーラボ(Nulab inc.)
    u-qreil8
    u-qreil8 2015/12/11