#appreach-box { border: 1px solid #ddd; margin: 2em 0; } #appreach-box p { display: none; } .box30 { margin: 2em 0; background: #f1f1f1; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22); } .box30 .box-title { font-size: 1.2em; background: #fd9535; padding: 4px; text-align: center; color: #FFF; font-weight: bold; letter-spacing: 0.05em; } .box30 p { padding: 15px 20px; margin: 0; } .square_btn { position: relative; display: inline-block; padding: 0.25em 0.5em; text-decoration: none; color: #FFF; background: #fd9535;/*背景色*/ border-bottom: solid 2px #d27d00;/*少し濃い目の色に*/ border-radius: 4px;/*角の丸み*/ box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19); font-weight: bold; } .square_btn:active { border-bottom: solid 2px #fd9535; box-shadow: 0 0 2px rgba(0, 0, 0, 0.30); } /*****ここから会話のCSS*****/ .talk-wrap{ display: block; clear: both; margin:0 auto 3px auto; } .talk-wrap p{ margin:0; } .left-icon{ width: 100px; height: 100px; border-radius: 50%; -webkit-border-radius: 50%; background: no-repeat; background-size: 180%; background-position: center; float:left; display:inline-block; box-shadow: 1px 1px 5px #aaa; /*左のアイコンの影の設定*/ border: 3px solid #fff; /*左のアイコンの枠の設定*/ margin-bottom: 10px; } .talk-left{ float:right; position: relative; background: #fff; /*左の会話の背景色*/ border: 2px solid #666; padding: 3%; border-radius: 10px; width: 70%; margin-top:10px; box-shadow: 1px 1px 5px #aaa; /*左の会話の影の設定*/ margin-bottom: 10px; } .talk-left:before { content: ""; display: inline-block; border: 10px solid transparent; border-right-color: #666; position: absolute; left: -20px; top: 25%; margin-top: -9px; } .talk-left:after { content: ""; display: inline-block; border: 9px solid transparent; border-right-color: #fff; position: absolute; left: -16px; top: 25%; margin-top: -8px; } .right-icon{ width: 100px; height: 100px; border-radius: 50%; -webkit-border-radius:50%; background: no-repeat; background-size: 180%; background-position: center; float:right; display:inline-block; box-shadow: 1px 1px 5px #aaa; /*右のアイコンの影の設定*/ border: 3px solid #FFF; /*右のアイコンの枠の設定*/ margin-bottom: 10px; } .talk-right{ float:left; position: relative; background: #fff; /*右の会話の背景色*/ border: 2px solid #666; padding: 3%; border-radius: 10px; width: 70%; margin-top:10px; box-shadow: 1px 1px 5px #aaa; /*右の会話の影*/ margin-bottom:10px; } .talk-right:before { content: ""; display: inline-block; border: 10px solid transparent; border-left-color: #666; position: absolute; right: -20px; top: 25%; margin-top: -9px; } .talk-right:after { content: ""; display: inline-block; border: 9px solid transparent; border-left-color: #fff; position: absolute; right: -16px; top: 25%; margin-top: -8px; } .talk-end{ clear:both; } /*****レスポンシブ設定*****/ @media screen and (max-width: 480px){ .left-icon{ width: 80px; height: 80px; } .talk-left{ width: 65%; } .right-icon{ width: 80px; height: 80px; } .talk-right{ width: 65%; } } @media screen and (max-width: 380px){ .left-icon{ width: 60px; height: 60px; } .talk-left{ width: 65%; } .right-icon{ width: 60px; height: 60px; } .talk-right{ width: 65%; } } .entry-content h4 { position: relative; color: #111; border-bottom: 4px solid #ccc; padding: 8px 10px; } .entry-content h4::before { position: absolute; top: 100%; left: 0; width: 20%; height: 4px; background-color: #1d3557; z-index: 2; content: ''; } .entry-content .emphasize-link { position: relative; margin: 36px 0 16px; padding: 16px 10px; border: 2px solid #c8b346; background-color: #fffbf5; } .entry-content .emphasize-link p:last-child { margin-bottom: 0; } .entry-content .emphasize-link::before { position: absolute; top: -12px; left: 10px; padding: 0 10px 0 26px; content: "Check!!"; background-color: #c8b346; border-radius: 10px; color: #fff; font-size: 14px; font-weight: bold; line-height: 20px; } .entry-content .emphasize-link::after { position: absolute; top: -16px; left: 4px; width: 28px; height: 28px; background-color: #c8b346; border-radius: 14px; line-height: 25px; text-align: center; content: "\f029"; font-size: 18px; font-family: "blogicon"; color: #fff; } /*****グローバルメニュー****/ #menu{ width: 100%; margin: 15px auto; background: #48567f;/*7*/ } #menu-inner{ width: 1000px;/*1*/ height: 45px;/*2*/ margin: 0 auto; background: #243b7f;/*8*/ } #menu-btn{display: none;} #menu-content{ padding-left: 0; margin: 0; width: 100%; height: 100%; list-style-type: none; } #menu-content > li{ position: relative; float: left; height: 100%; text-align: center; width: 14%; } #menu-content > li > a{ position: relative; display: block; height: 100%; width: 100%;/*3*/ line-height: 40px;/*2*/ background: #48567f;/*9*/ color: #fff;/*10*/ font-size: 100%; text-decoration: none; z-index: 2; } #menu-content > li > a:hover{ background: #8f822d;/*11*/ color: #fff;/*12*/ } #menu-content > li > a > .blogicon-chevron-down{margin-right: 5px;} /*2階層目*/ #menu-content > li > ul.second-content{ visibility: hidden; position: absolute; top: 0; margin: 0; padding-left: 0; list-style-type: none; z-index: -1; } #menu-content > li:hover > ul.second-content{ visibility: visible; top: 45px;/*2*/ z-index: 1; transition: all .3s; } #menu-content > li > ul.second-content > li{ text-align: center; width: 140px;/*4*/ height: 45px;/*5*/ } #menu-content > li > ul.second-content > li > a{ display: block; line-height: 45px;/*5*/ background: #48567f;/*13*/ color: #fff;/*14*/ font-size: 100%; text-decoration: none; } #menu-content > li > ul.second-content > li > a:hover{ background: #8f822d;/*15*/ color: #fff;/*16*/ } /*******トグルメニュ*********/ @media screen and (max-width:960px){/*19*/ #menu-inner{ width: 100%; height: auto; opacity: 0.8; } #btn-content{text-align: right;}/*20*/ #menu-btn{ display: inline-block; padding: 8px 15px; margin: 5px; cursor: pointer; background: #243b7f;/*17*/ color: #fff;/*18*/ font-size: 100%; } #menu-content{ display: none; width: 100%; } #menu-content > li{ width: 100%; height: 45px;/*6*/ } #menu-content > li > a{ width: 100%; line-height: 45px;/*6*/ padding: 0; text-decoration: none; } /*2階層目*/ #menu-content > li:hover > ul.second-content{display: none;} #menu-content > li > a > .blogicon-chevron-down{display: none;} } body { font-size: 17px; font-family: '“Lucida Grande”', '“segoe UI”', '“ヒラギノ丸ゴ ProN W4”', '“Hiragino Maru Gothic ProN”', “メイリオ”, Meiryo, Verdana, Arial, sans-serif; line-height: 1.7; color: #333333; } /*スマホ*/ @media screen and (max-width:680px){ } body{ font-size: 15px; } /*上に戻る*/ #page-top { display:none; position:fixed; right:10px; bottom:10px; margin: 0; padding: 0; text-align:center; } #move-page-top{ color:rgba(0,0,0,0.4); text-decoration:none; display:block; cursor:pointer; } #move-page-top:hover{ color:rgba(0,0,0,0.6); } @media only screen and (min-width: 400px){ #page-top{ right:50%; margin-right: -750px; } } /* サイドバーの見出し */ .hatena-module-title { /* 四角部分 */ color: #111111; /* ①文字色 */ font-size: 16px; /* ②文字サイズ */ background: #e9ecf4; /* ③背景色 */ border: 2px solid #e9ecf4; /* ④枠線:太さ 線種 色 */ } .hatena-module-title a { /* (リンク有)の文字 */ color: #111111;  /* ⑤文字色 */ } .hatena-module-title:before { /* 吹き出しの枠線 */ display: none; /* ⑥非表示にする */ border-top-color: #111111; /* ⑦枠線:色 */ } .hatena-module-title:after { /* 吹き出しの背景 */ display: none; /* ⑧非表示にする */ border-color: transparent; /* 一度全体を透明にする */ border-top-color: #e9ecf4; /* ⑨背景色 */ } /*シェアボタン*/ .share-3d{ margin-bottom: 10px; text-align: center; } .share-3d-inner a { position: relative; display: inline-block; width: 15%; height: 40px; line-height: 20px; border-radius: 5px; font-size: 16px; text-align: center; color: #ffffff; text-decoration: none; } .share-3d .small-text{ font-size: 10px; } .share-3d .hatena-bookmark-button{ background: #00A4DE; box-shadow: 0 3px #43638b; } .share-3d .twitter-button{ background: #55ACEE; box-shadow: 0 3px #0092ca; } .share-3d .googleplus-button{ background: #C53727; box-shadow: 0 3px #ad3a2d; } .share-3d .facebook-button{ background: #405BA7; box-shadow: 0 3px #2c4373; } .share-3d .pocket-button{ background: #EE4256; box-shadow: 0 3px 0 #c0392b; } .share-3d .line-button{ position:relative; top: 3px; background: #00C300; box-shadow: 0 3px 0 green; } .share-3d .share-3d a:active{ top: 3px; box-shadow: none; } .share-3d .line-button:active{ top: 4px; } @media screen and (min-width: 480px) { .line-hide{ display: none; } .share-3d-inner a{ width: 18%; } } /*サイドバーフォローボタン*/ .sidebar-follow-buttons{ width: 100%; text-align: center; letter-spacing: -.40em; } .sidebar-follow-buttons a { display: inline-block; letter-spacing: normal; position: relative; width: 47%; font-size: 18px; text-align: center; text-decoration: none; padding:6% 0; margin:1%; overflow: hidden; z-index:2; } .sidebar-follow-buttons a:hover { color:#fff; } .sidebar-follow-buttons a:before, .sidebar-follow-buttons a:after { position:absolute; content:''; width:100%; height:50%; left:0; z-index:-1; transition: 0.3s; } .sidebar-follow-buttons a:before { top:0; } .sidebar-follow-buttons a:after { bottom:0; } .sidebar-follow-buttons .inner-text { font-size:16px; padding-left:5px; } .sidebar-follow-buttons .hatena { color: #ffffff; border: 1px solid #38393C; background: #38393C; } .sidebar-follow-buttons .hatena:hover { color: #38393C; background: #ffffff; transition: all .3s; } .sidebar-follow-buttons .hatena:hover:before,.sidebar-follow-buttons .hatena:hover:after { height: 0; background:#38393C; } .sidebar-follow-buttons .facebook { color: #ffffff; border: 1px solid #305097; background: #305097; } .sidebar-follow-buttons .facebook:hover { color: #305097; background: #ffffff; transition: all .3s; } .sidebar-follow-buttons .facebook:hover:before,.sidebar-follow-buttons .facebook:hover:after { height: 0; background:#305097; } .sidebar-follow-buttons .twitter { color: #ffffff; border: 1px solid #55acee; background: #55acee; } .sidebar-follow-buttons .twitter:hover { color: #55acee; background: #ffffff; transition: all .3s; } .sidebar-follow-buttons .twitter:hover:before,.sidebar-follow-buttons .twitter:hover:after { height: 0; background:#55acee; } .sidebar-follow-buttons .instagram { color: #ffffff; border: 1px solid #3f729b; background: #3f729b; } .sidebar-follow-buttons .instagram:hover { color: #3f729b; background: #ffffff; transition: all .3s; } .sidebar-follow-buttons .instagram:hover:before,.sidebar-follow-buttons .instagram:hover:after { height: 0; background:#3f729b; } .sidebar-follow-buttons .feedly { color: #ffffff; border: 1px solid #6cc655; background: #6cc655; } .sidebar-follow-buttons .feedly:hover { color: #6cc655; background: #ffffff; transition: all .3s; } .sidebar-follow-buttons .feedly:hover:before,.sidebar-follow-buttons .feedly:hover:after { height: 0; background:#6cc655; } .sidebar-follow-buttons .googleplus { color: #ffffff; border: 1px solid #db4a39; background: #db4a39; } .sidebar-follow-buttons .googleplus:hover { color: #db4a39; background: #ffffff; transition: all .3s; } .sidebar-follow-buttons .googleplus:hover:before,.sidebar-follow-buttons .googleplus:hover:after { height: 0; background:#db4a39; } /* カエレバ用CSSサンプル */ .kaerebalink-box, .booklink-box, .pochireba{ background: #fff; margin: 1em 0; padding: 1em; min-height: 160px; border: 5px #eee solid; border-radius: 0.5em; -webkit-box-shadow: 0 0 25px #ceaa29 inset; -moz-box-shadow: 0 0 25px #ceaa29 inset; -o-box-shadow: 0 0 25px #ceaa29 inset; box-shadow: 0 0 25px #ceaa29 inset; } .kaerebalink-image, .booklink-image, .pochireba img{ width:30%; float:left; margin:0 1em 0 0; text-align: center; } .kaerebalink-name a, .booklink-name a, .pochi_name a{ font-weight:bold; font-size:1.2em; } .pochi_name a{ margin-bottom: 0.8em; display: block; } .kaerebalink-powered-date, .kaerebalink-detail, .booklink-powered-date, .booklink-detail, .pochi_seller, .pochi_time, .pochi_post{ font-size:0.6em; } .kaerebalink-link1, .booklink-link2{ margin-top:0.5em; } .kaerebalink-link1 div, .booklink-link2 div{ display: inline-block!important; font-size:0.8em!important; margin-right:0.2em!important; } .kaerebalink-link1 div a, .booklink-link2 div a{ display: block; width: 12em; text-align: center; font-size: 1.3em; background: #888; color: #fff; border-bottom: 5px #777 solid; border-radius: 0.3em; padding: 0.2em 0.7em; text-decoration: none; margin: 0 0.2em 0.7em 0; line-height: 1.8; } .kaerebalink-link1 div a:hover, .booklink-link2 div a:hover{ border-bottom-width: 3px; color:#fff; text-decoration: none; position: relative; bottom: -2px; opacity: 0.6; filter: alpha(opacity=60); } .booklink-link2 .shoplinkamazon a, .booklink-link2 .shoplinkkindle a, .kaerebalink-link1 .shoplinkamazon a{ background: #E47911; border-bottom-color: #C26A15; } .booklink-link2 .shoplinkrakuten a, .kaerebalink-link1 .shoplinkrakuten a{ background: #bf0000; border-bottom-color: #800000; } .booklink-link2 .shoplinkyahoo a, .kaerebalink-link1 .shoplinkyahoo a{ background: #7B6696; border-bottom-color: #3B3049; } .kaerebalink-link1 div a img{ margin:0; } .pochireba-footer,.booklink-footer{ clear:left; } @media screen and (max-width: 640px){ .kaerebalink-box,.booklink-box,.pochireba{ min-height:100px; } } /*アプリーチカスタム*/ #appreach-box { border-radius: 5px; border: double 3px #ececec; margin-bottom: 10px; } .appreach-links{ margin-bottom: 10px; } .appreach-footer{ margin-bottom: 0; line-height: 0; } table.type02 { border-collapse: separate; border-spacing: 0; text-align: left; line-height: 1.5; border-top: 1px solid #ccc; border-left: 1px solid #ccc; } table.type02 th { width: 150px; padding: 10px; font-weight: bold; vertical-align: top; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #fff; border-left: 1px solid #fff; background: #eee; } table.type02 td { width: 350px; padding: 10px; vertical-align: top; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }

愛内のラブイン日記 2

ちゃんとしっかりやりたい

300円で作れる「液タブ・スタンド」☆新型iPadやタブレット使いにオススメ!【100均】

 

こんばんわ

イラストレーターのラブイン愛内(@inaiinaiainaiです。

このツイートのモノです

 

新型iPadが登場 ApplePencilと併用し、液晶タブレット端末としてお絵描きしている方も多いのではないでしょうか?

 

はい、わいもその一人なんです

iPadPro12.9でこんなイラストをシコシコ描いています

cute.lovein-ainai.xyz

 

イラストを描いてる時になにか思いませんでしたか?

 

f:id:lovein-ainai:20180408044421j:plain ・・・っ角度が欲しい!!!

 

そうです。そうなのです

我々はイラストを快適に描く為の角度が欲しかったのです

 

ですが、角度を調整するためのスタンドって高いですよね

 

目次

[表示]

300円で作れる「液タブ・スタンド」

 

用意するのは3つ

まずはダイソーで売られているタブレットスタンド2つ

f:id:lovein-ainai:20180421135948j:plain

もう一つはセリアで売られているクッションゴム(近所のダイソーには売ってなかったけど探せばあるかも)

f:id:lovein-ainai:20180421140134j:plain

以上です!

実際に作ってみよう

それでは実際に作ってみましょう

f:id:lovein-ainai:20180421140440j:plain

スタンドを裏返して、まずはこのクッションゴムを・・・

f:id:lovein-ainai:20180408044421j:plain ・・・うん。滑り止めとしてクッションゴムを張るだけね

f:id:lovein-ainai:20180421140407j:plain

余ったクッションゴムの切れ端を適当にiPadを載せる方の先端に張りました

f:id:lovein-ainai:20180421140631j:plain

以上です!

 

※注意

セリアで可愛いディズニーのタブレットスタンドが売ってるけど買っちゃだめだよ!

f:id:lovein-ainai:20180421140910j:plain

こんなにもスタンドを載せる幅が違うので気を付けて下さい

f:id:lovein-ainai:20180421140956j:plain

f:id:lovein-ainai:20180408044421j:plain 身銭を削って教えるタイプ!!! 

300円「液タブ・スタンド」を使ってみる

実際に使用してみます

f:id:lovein-ainai:20180421141311j:plain

f:id:lovein-ainai:20180421141353j:plain

f:id:lovein-ainai:20180421141527j:plain

(いきなり尿液画質ですみません)

 

なかなか良いですね!

気になるたわみも少なく、全然使用できるレベルです!

 

わいの使用しているiPadProは12.9インチと大きめの物ですので

新型のiPad 9.7インチは完全に満足できると思います!

 

スタンドを二つ使用していることで安定感が生まれ

そしてなんといっても角度が12段階変更できるところが凄いですよね

 

f:id:lovein-ainai:20180408044421j:plain わいはケツから3番目に挿して使ってるよ

 

だそうです。皆さんも色んな所に挿してくださいね(?)

 

ちなみにApplePencilは繊細な機械ですので大事に扱って下さいね(二代目)

cute.lovein-ainai.xyz

まとめ

 

いかがだったでしょうか?

たった300円で作れてしまうので皆さんも是非試してみてくださいね

f:id:lovein-ainai:20180421142603j:plain