SKILLS OF LIFE

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

カテゴリー一覧
  • コンピュータとインターネット
  • 便利ツール(ソフトウエア)
  • WEB
  • ハードウェア
  • 超初心者のためのLinux入門
  • セキュリティ関係
  • 楽器
  • エレキギター
  • 三線とウクレレ(総合)
  • 三線(糸掛け/音緒)
  • フレット三線/ベグ三線
  • その他の楽器
  • 初心者のためのギター入門
  • エンターテイメント・アート
  • いろんなモノ レビュー
  • 科学・技術・学問・教育
  • 時事・話題
  • 生き方・人生・人間関係
  • 生活・料理・便利グッズなど
  • 医療・ヘルス・ダイエット
  • スポーツ・武道
  • DIY・工具・車・バイク
  • 政治・経済
  • 雑学・その他
  • おもしろネタ・動画・画像
  • パンダクラブ
  • 霊魂学(古神道)
  • 霊魂学的(補足・蛇足)
  • 霊魂学的(雑記・雑談)
  • リンク
  • 日記・雑記
  • キーワードで抽出
    スポンサーリンク

    スポンサーリンク
    [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://hp.vector.co.jp/authors/VA039499/ふい字置き場。フリーの手書きかなフォント「ふい字」のサイト。2バイトで打ててシフトJIS第二水準漢字まで使えます。可愛くも綺麗でもないですが、しいて言えば普通っぽさが特徴。作者様が『個人/商用/オンライン/オフラインかかわらず、好きに使ってやってください。』とおっしゃって下さっています、大変有り難い...

    続きを読む

    スポンサーリンク
    [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 」を指定すればマーカーを変えられるはずなのに、ど~~~してもマーカーが変わってくれない...

    続きを読む

    サイト内検索 by Google

    WEB全体を検索

    MENU

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

    スポンサーリンク

    最新記事

    Linux Postfix dovecot メールの保存形式をMaildir形式にする(自分用覚書) Jul 22, 2017
    歌手の「声」が嫌い は仕方ない・・・(´・ω・`) Jul 22, 2017
    Windows10 Spotlight に面白い壁紙が出てきた Jul 22, 2017
    車酔いには(▼ー▼)v Jul 21, 2017
    机上の空論の技を実際に試してみたら、悲惨な結果になった話(^□^;) Jul 21, 2017
    マスコミの偏向報道や印象操作を見かけたらするべき事 【 ISO 26000 / JIS Z 26000 】 Jul 21, 2017
    オレオレ詐欺! Jul 20, 2017
    標準装備にすべき ― 自動便座開閉機能 Jul 20, 2017
    立ちションする人間が居なくなることを願う・・・ Jul 20, 2017
    人はなぜか詐欺師の甘言に騙される Jul 20, 2017
    【ウイルス注意】重要書類 Jul 19, 2017
    【ウイルス注意】口座振替払い Jul 19, 2017

    過去記事

    スポンサーリンク