headの中のやつ

<meta name="description" content="サイトの内容を平文で記載"> <meta name="keywords" content="サイトの特徴をカンマ区切りのキーワードで記載"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"> <link rel="shortcut icon" href="URL/favicon.ico" type="image/vnd.microsoft.icon"> <link rel="apple-touch-icon-precomposed" href="URL/apple-touch-icon.png"/> <link rel="canonical" href="このページのURL"> <!--SNS向け--> <meta property="og:title" content="(ページ名)|(サイト名)" /> <meta property="og:url" content="このページのURL"> <meta property="og:type" content="website"> <meta property="og:image" content="URL/fbimage_1200*628/fbimage.png"> <meta property="og:description" content="descriptionをそのまま転載"> <meta property="og:site_name" content="(ページ名)|(サイト名)"> <meta name="twitter:card" content="summary"> <meta name="twitter:site" content="このページのURL"> <meta name="twitter:image" content="fbimageと同じものでOK">

position

position: fixed; position: relative; position: absolute; z-index:0; top:0;

背景画像

background: url(../img/img.gif) top left no-repeat; background-size: 0px; background-position: -100px 100px; background: none; background-image : none;

border

border:1px [solid or dotted] #ffffff; border: transparent 1px solid;

角丸

border-radius: 5px;

ボックスシャドウ

box-shadow:0px 0px 6px 3px #94d17f; ([横 、 縦 、 ぼかしの大きさ 、 広がり] [色])

幅の計算

width : calc(100% - 20px);

含むやつ

box-sizing: border-box;

その他

color:#var(--main-color); background: url(../img/menu/menu.gif) top left no-repeat; background-size: 4px; font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif; font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN", Meiryo, メイリオ, sans-serif; font-family: courier, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; position: fixed; position: relative; position: absolute; z-index:0; top:0; background-position: -170px 0; opacity: 0.7; float: right; font-size: 80%; line-height: 180%; font-weight: bold; animation: alpha-on2 0.5s forwards; -webkit-animation: alpha-on2 0.5s forwards; display: none; background: none; background-image : none !important; min-height: 800px; text-decoration: none; vertical-align: super; border-bottom:1px dotted #ffffff; width:calc(); font-style: normal; text-align: center; font-weight:bold; box-sizing: border-box; mix-blend-mode: screen; mix-blend-mode: normal; mix-blend-mode: multiply; mix-blend-mode: screen; mix-blend-mode: overlay; mix-blend-mode: darken; mix-blend-mode: lighten; mix-blend-mode: color-dodge; mix-blend-mode: color-burn; mix-blend-mode: hard-light; mix-blend-mode: soft-light; mix-blend-mode: difference; mix-blend-mode: exclusion; mix-blend-mode: hue; mix-blend-mode: saturation; mix-blend-mode: color; mix-blend-mode: luminosity; border-radius: 5px; transform: translate(0px, 10px) rotate(10deg); box-shadow:0px 1px 6px 0px #e1dbdb; animation: paragraph_keyframes 1s forwards 1s; list-style-type: none;

デザイニングナスカはwebデザインなどのweb系、およびDMデザインなどの平面デザインを行っています。

安く、手早く、それなりに。をコンセプトとしてデザイン活動を行っています。
デザイニングナスカという言葉は創立時に多くの知り合いの方のアイデアを元に作った造語です。
この名前をずっと長く使えるように頑張っていきたいと思っています。
サイトメニューを見る ページトップに戻る

Twitter Facebook mail