[B! background] tanuketsuのブックマーク

tanuketsu id:tanuketsu

backgroundに関するtanuketsuのブックマーク (3)

SVGデータをCSSのbackground-image向けのBase64コードにかんたん変換ツール | 大石制作ブログ
大石制作ブログblog.s004.com デザイナー大石真也が知りたかったこと、見たかったことのメモと、仕事紹介。自己紹介・サイト説明依頼・価格・お問合せタスク管理パートナーtwitterfacebookatom feed SVG、すっかりどこでも見かけるようになりましたね。近年、僕が仕事で作るサイトでもロゴや主要なアイコン画像を中心に、積極的に使うようになりました。ファイルサイズ、解像度、動的な扱いやすさ等で、これまでのJPEG、PNG、GIFに比べたメリットの多いSVGだけど、とにかく取扱がめんどうに感じるのが正直なところです。 Bootstrap3→4への変化でCSSへのインラインSVG埋め込みに変わった箇所をみつけた HTML/CSS/JSフレームワークのBootstrapのバージョン3と4のコードを見比べてたとき、メニューボタンのアイコン( こんなの→ )がバージョン3まで
tanuketsu 2019/09/04
コード

image

css

webツール

ブログ

ツール

データ

Background

svg

icon
リンク
数行加えるだけでパララックススクロールを実装できるチュートリアル | コリス
実装は簡単です。既存のページにもこれなら簡単に組み込めると思います。 HTML パララックススクロール用の背景を配置するために先頭に空のdiv要素を加え、あとのコンテンツは普通に実装します。 <div class="background"></div> <div class="wrapper"> <h1 class="pageTitle">見出しLv1</h1> <h2 class="pageSubTitle">見出しLv2</h2> <p>パラグラフ</p> <p>パラグラフ</p> <p>パラグラフ</p> </div> <div class="slogan"> <h2 class="sloganTitle"> Parallax scrolling </h2> </div> <div class="wrapper"> <h1 class="pageTitle">見出しLv1</h1>
tanuketsu 2013/08/02
background

HTML

javascript

jQuery

コンテンツ

JS

css

スクロール
リンク
良質なWebデザインのサイトを厳選して収集したギャラリーサイト・Site Inspire - かちびと.net
土曜日なので軽い話題でも。よくあるWebデザインのギャラリーサイトです。厳選して収集しているそうですよ。インスピレーション向上用の回り先の一つとしていかがでしょう？ Webデザインのギャラリーです。好きなレイアウトのサイトが多い印象だったのでメモ的に。綺麗なデザインのサイトです。特に大きな特徴がある訳ではない・・・っぽいですけど、好きなデザインのサイトが集まってたので覚えておこうかなと。特に説明は不要なサイトだと思います。連休ですし、ご興味がありましたら覗いてみてはいかがでしょうか。 Site Inspire
tanuketsu 2013/01/12
サイト

WEB

webデザイン

デザイン

まとめ

social

wordpress

slider

background
リンク
1