タグ

2017年2月16日のブックマーク (3件)

  • Free Gradients Collection by itmeo.com

    Free for commercial or personal use by Dima Braven. WebGradients is a free collection of 180 linear gradients that you can use as content backdrops in any part of your website. Easy copy CSS3 crossbrowser code and use it in a moment! We've also prepared a .PNG version of each gradient. As a bonus, there are packs for Sketch & Photoshop.

    Free Gradients Collection by itmeo.com
    ykrishnas
    ykrishnas 2017/02/16
    "a free collection of 180 linear gradients"
  • よこ並びのCSS。

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

    よこ並びのCSS。
  • Lorem Picsum

    Easy to use, stylish placeholders Just add your desired image size (width & height) after our URL, and you'll get a random image. https://picsum.photos/200/300 To get a square image, just add the size. https://picsum.photos/200 Specific Image Get a specific image by adding /id/{image} to the start of the url. https://picsum.photos/id/237/200/300 You can find a list of all the images here. Static R

    Lorem Picsum
    ykrishnas
    ykrishnas 2017/02/16
    "Beautiful placeholders using images from unsplash"