SKILLS OF LIFE

目指せライフハッカー! TIPS & TRICKS FOR YOUR BETTER LIFE

カテゴリー一覧
キーワードで抽出
スポンサーリンク

スポンサーリンク
[edit]
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

続きを読む

スポンサーリンク
[edit]
名前で指定できる色の中でグレー6種類 dimgray gray darkgray lightgrey gainsboro whitesmoke ダークグレーよりグレーの方が濃いのがなんだか納得がいかないけれど(笑) それはともかく、なんかあともう少し諧調が欲しいので、間の色を作ってみた dimgray #757575 gray #959595 darkgray #b3b3b3 lightgrey #d8d8d8 gainsboro #e9e9e9 whitesmoke...

続きを読む

スポンサーリンク
[edit]
HPのデザインを変更していて、どうも、レイアウトがうまく行かないと思ったら・・・マージン( margin )の設定は、隣接する場合は重なるというか、片側だけしかとられない仕様なんですね・・・?実験例えば、<div>を使って100px四方の四角い領域を2つ用意して。それぞれのマージンを上左右全てに30pxずつ設定したとします。これを2つ上下に並べたら、それぞれが30pxずつのマージンを持っているなら四角同士は60px離れなければ行...

続きを読む

スポンサーリンク
[edit]
サイトロゴを、画像編集ソフトを使わず、HTMLだけで作ってみる(笑)Googleフォントを使って、スタイルシートでボーダーの角丸めて(border-radius)と背景色を指定して(background)・・・SKILLSOFLIFEこれをキャプチャして、トリミングすれば・・・あ、やっぱり画像編集ソフトが必要だった(笑)フォント変えてみたSKILLSOFLIFE...

続きを読む

スポンサーリンク
[edit]
レスポンシブデザインに挑戦してみると困る事があるのが、枠(ブロック)の大きさが可変になった場合に、予期せぬところで改行されてしまうこと。 内容本文については、どこで改行されるか分からない事を前提に内容を作るべき(というか仕方がない事)だと思いますが 吾輩は猫である。名前はまだ無い。  どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩は...

続きを読む

スポンサーリンク
[edit]
WEBサイトのデザインをする時には、各種ブラウザでの動作を確認しなければなりませんね。結構IEでしか作動しないタグやIEでは効かないスタイルがあったりします。しかし、IEもバージョンごとに動作が違っているし・・・※IEはもう最新版(11)だけ追従しておけばよいと思いますが、今度はMicroSoftの「Edge」での動作確認が必要になってくるわけで。他にChromeとFirefoxは確認必須ですから、シビアなデザインをしている時は結構大変...

続きを読む

スポンサーリンク
[edit]
Floatを使ってレイアウトをするとき、最初にはまるのが幅の設定(^^;) 下記のようにブロック要素を5つ使って、中の三つをフロートして3カラムでレイアウトしたとします。 サイトネーム  BL0CK1  コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コ...

続きを読む

スポンサーリンク
[edit]
HPをスマホ対応デザインに改造する相談を受けたので、やってみた スマホ対応にする方法は大まかに分けて二種類 (1)スマホ専用のページを作って、スマホからのアクセスはそちらに飛ばす (2)レスポンシブデザイン(スマホによるアクセスの場合にスタイルシートだけ差し替える) (1)の方法はJavascriptを使ったり、.htaccessを使ったりして、アクセスしてきたデバイスのユーザーエージェントを取得して、それぞれ適切なサ...

続きを読む

スポンサーリンク
[edit]
padding を指定した領域内に線を引こうとすると、線もpaddingの内側までしか引けません。それを枠線いっぱいに引くには?なんのことやら分かりにくいですね例幅が一定の領域を作り、内側に20pxほど padding を指定しますあいうえおかきくけこABCDEFGHIJKLMN1行目と2行目の間に<HR>で罫線(?)を引いてみます。あいうえおかきくけこABCDEFGHIJKLMN罫線の両側がpaddingの分20px隙間が開いていますこれを枠線まで伸ばすためは…...

続きを読む

スポンサーリンク
[edit]
この記事は移転しました移転先はこちらhttp://pandametal.xsrv.jp/wp/6833.html...

続きを読む

スポンサーリンク
[edit]
すぐ忘れてしまうので覚書 画像・テキストを半透明にするには ⇒ スタイルシートで opacity を指定 style="opacity: 1;" style="opacity: 0.7;" style="opacity: 0.3;" (写真:茜さや/PAKUTASO) 背景色をを半透明にするには ⇒ 背景色を rgba で指定 rgba(255,180,0,1) rgba(255,180,0,0.8) rgba(255,255,250,0.5)...

続きを読む

スポンサーリンク
[edit]
CSS(スタイルシート)を使って画像をクロップして表示しても、スマートフォンで表示すると位置がおかしくなってしまう問題で悩んでいたけれど、解決したのでメモ。...

続きを読む

スポンサーリンク
[edit]
■写真を加工することなく、WEB上の表示だけで一部だけを切り取って表示する方法以下の写真を例に(写真:茜さや/PAKUTASO)...

続きを読む

スポンサーリンク
[edit]
ul 要素、ol 要素、l i要素は list-style-type を指定することができるけれど、では同じリスト要素である dl(定義型リスト)には マーカーをつけることはできないのか? ⇒ display プロパティで list-item を指定すればOK ソース <style> dl { margin: 0; padding: 10px; border: solid 1px gray; } dt { font-weight: bold; } dd { margin:0 2em; list-style-type: square; display: list-item; list-style: s...

続きを読む

スポンサーリンク
[edit]
【覚書】listのマーカーを変更するにはを書きましたが実はリストのマーカーが変更できなくて、かなり、ハマった(笑) こういうやつ ソース <ul> <li>りんご</li> <li>みかん</li> <li>こたつ</li> <li>餅</li> </ul> 表示 りんご みかん こたつ 餅 「 list-style-type 」を指定すればマーカーを変えられるはずなのに、ど~~~してもマーカーが変わってくれない...

続きを読む

スポンサーリンク
[edit]
すぐ忘れてしまうので覚書 <ul>や<ol>などのリスト形式で、列挙されるデータのマークの種類を変更するには <li>にスタイルで list-style-type を指定する。 ソース <style> .ltsq { list-style-type: square; } </style> <ul> <li class="ltsq">りんご</li> <li class="ltsq">みかん</li> <li class="ltsq">こたつ</li> <li cl...

続きを読む

検索フォーム

MENU

トップページ 記事一覧 問い合わせ
リンク リマインダー 管理者用

スポンサーリンク

最新記事

移転のお知らせ Aug 21, 2017
充電式 Wifi 監視カメラ Aug 13, 2017
カラーネーム(色名)で指定できるグレー諧調 Aug 13, 2017
ハーゲンダッツコーヒー味 Aug 13, 2017
捕虫器 どれがいい? Aug 13, 2017
「愛がなければ平和になる」 タモリの言葉に納得 Aug 13, 2017
飲みかけのペットボトルはじつは・・・?! ホテル従業員からのお願い Aug 12, 2017
遅れに遅れて、今更ながら観ました「思い出のマーニー」(笑) Aug 12, 2017
アホな客は全部切っていいですか Aug 12, 2017
「パソコンの調子が悪い」「自分は何もしていない」と言う謎 Aug 12, 2017
メモリーテスト Memtest86 Aug 11, 2017
すごく簡単に画像の加工ができるソフト PhotoScape Aug 10, 2017
Microsoft Edge で新しいタブを開いた時に開くページを指定したページにできない Aug 10, 2017
偉そうな態度をとる人間の肩書は大抵・・・ Aug 10, 2017
エクセルのファイル名には [  ] が使えない Aug 10, 2017

過去記事

スポンサーリンク

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。