シバタスブログ 

このページの記事目次 (タグ: PC の検索結果)

画像を使わない(スマホを意識した)CSSリンクボタン作成メモ

   ↑  2018/05/08 (火)  カテゴリー: その他(Web・PC・スマホ)

新しくブログを作っているんですが、今更ながらモバイル(スマホ)を意識してリンクを作ろうと思いました。

PCの場合は、普通にテキストリンクで良かったのですが、モバイルだとテキストは小さくてタップしにくい。さらにリンク同士が隣り合っている場合、テキストリンクだとさらにタップしにくい・・。

また画像を使うのは単純に面倒くさい。そしてなんとなくスマートじゃない(笑)。

ということでスマホを意識して、リンクは画像を使わないで「CSSのみで作ったボタン」で作成することにしました。

その際のポイントや心がけたこと、手順などをメモしておきます。

スマホを意識したリンクボタンのポイント

  • 文字サイズは14〜15px
  • リンクボタンが隣り合う場合は余白を多めにとる(PCと比べて)

下記の記事に、スマホを意識するポイントが書かれています。


この記事を参考に、文字サイズは14〜15pxに指定。リンクボタンの余白(margin)は多めにとりました(私の場合は上下左右7pxでmargin指定)。

リンクボタンを作った手順

  1. Css Gradient Buttonでボタンを作成
  2. HTML email inline stylerでCSSをインライン化
  3. ブログに貼り付け

下記の記事にリンクボタンをCSSのみで手軽に作る方法が書かれていました。


これを参考に作業。

1.まず、Css Gradient Buttonでリンクボタンを作ります。この時、リンクボタン内の文字サイズを15pxに指定。

2.次にHTML email inline stylerで作ったCSSソース?をインライン化(ブログ投稿画面で普通に貼り付けられる形にする)します。

3.最後にブログ記事投稿画面で貼り付けます。※もちろんソースを貼り付けられる部分で、です。

リンクを別窓で開く時は「rel="noopener"」を付加する

最後にちょっと追記。

リンクを開く時に「別窓」を指定する場合、「rel="noopener"」は付加することを心がけました。なんでも、これを付加しないと色々と問題があるようなので。

。。。

これで完了。意外と簡単でした。

この記事に含まれるタグ : CSS リンク ボタン スマホ PC 

(記事編集) https://shibatas.blog.fc2.com/blog-entry-452.html

2018/05/08 | Comment (0) | HOME | ↑ ページ先頭へ ↑ |

chromebookに慣れてしまったせいで、WindowsPCを使うとめっちゃストレスを感じた話。

   ↑  2018/02/07 (水)  カテゴリー: chromebook

私は最近ずっとchromebookというノートPCを使っています。


(上記は実際に私が使っているchromebook。最近は他にも色々安いのも出ています。こちらからチェックできます。)

chromebookはず〜っと爆速。WindowsPCは遅い

これはGoogle製のOS、ChromeOSと搭載していて、基本的にWeb上にデータなどを保管するため、「ノートPC自体がデータパンパンになって、重くなる」ということが“ありません”。

つまりchromebookは買った時の爆速感が、それからず〜と続きます。

WindowsPCも買ったばかりは早いですよね。結構サクサク動きます。

でも色んなモノをダウンロードしたり(いったい何をダウンロードしてるんだい?(笑))、色んなソフトを入れていると、次第に次第に、それも確実に、パソコンのスピードが遅くなってきます。

気づいた頃には、買ったばかりの頃のスピード感はまるで夢だったかのように重くなっています。

これがWindowsPCの弱点であり、私が嫌いな点です(笑)。

昨日、それをまじまじと体感する出来事がありました。

ほ、本当に遅い・・

昨日、私はらくスパ カフェというスーパー銭湯のような施設に行ったのですが、そこでは、無料でコーヒーが飲めたり、漫画や雑誌、本が読めたり、パソコンでネットができたり・・、と色々できます。

で「パソコンでもやるか」とWindowsパソコンの前に座ってネットサーフィンをしようと、IEアイコンをクリックしてみたら・・、

これが遅い遅い。

いや遅い遅い。

本っっっっっっっっっっっっっっっっっ当に遅い遅い!!

マジでイライラしました。

そりゃ環境もありますよ。

そういう場所のネットはみんなが回線を使っていますから、ネットの速度は遅くなるかもしれません。またPC自体が古かったのかもしれません。

そうかもしれません。

そうかもしれないけど、

それでも、

まじで本当に遅い。

マジで嫌になりました。

Windowsはフォントが汚いけどchromebookは綺麗

また、すっかり忘れていたことですが、WindowsPCはフォントが汚い。

最近のWindowsPCはもしかしたらフォントもキレイになっているかもしれませんが、

少なくとも私が昔使っていたWindowsPCは仕事のやる気がでなくなるほどにフォントが汚かったですし(フォントが綺麗なchromebookに乗り換えたら仕事が楽しくなった時に気づきました)、少なくとも昨日私が使ったWindowsPCもフォントが汚かったです。

Macやchromebookを使ったことがあればわかると思いますが、これらは本当にフォントが綺麗です。

PCを触っていて気分が良いんです。

だから気分良くPC作業したいなら、絶対的にMacやchromebookをオススメします。

(ただ、Windowsはソフトが充実しているので、IT系の仕事だとWindowsPCを使わざるを得ない場面が出てきてしまいますけどね。ここが個人的にはネックです(笑))

なんというか、Windowsのフォントは「ただ情報を伝えられればOKでしょ?文字が読めればOKでしょ?」という雰囲気を感じます。その点、Macやchromebookは「美しい文字を読んで楽しくPCしようよ♪」というニュアンスを感じます。

安く気分良くPC作業したいならchromebookがオススメ

そんなこんなで昨日は、めっちゃストレスを感じながらネットサーフィンをしていました。

「クリックして、その反応を待つ」

という作業?がこれほど苦痛だとは。

久々に「待つ」という作業をしましたよ。

なので、個人的にはMacやchromebookがオススメです(2回目 笑)。

Macは高いので手が出にくいですが、chromebookは安いので本当にオススメです。

私のchromebookもたしか4万円ちょっとでした。

今でも買った時まんまの爆速で作業できます。フォントも綺麗でパソコン作業が楽しいです。

ただ、ソフトやゲームなどはまだまだ充実していないですけどね。

それでももう、私はWindowsPCを使えない身体になりました(笑)。

んではではではっ。

この記事に含まれるタグ : パソコン PC Windows chromebook Mac フォント 遅い 早い 

(記事編集) https://shibatas.blog.fc2.com/blog-entry-441.html

2018/02/07 | Comment (0) | HOME | ↑ ページ先頭へ ↑ |

スナイパー3Dアサシン「Sniper 3D」のパソコン・キーボード配置(PCキーボードでの操作方法)

   ↑  2018/02/06 (火)  カテゴリー: ゲーム

私のノートPCはChromebookなんですが、Chromebookでも遊べるスマホゲームにSniper3Dがあります。


最初は全てをタッチパッドで操作していたのですが、これだと凄く難しい。

すぐに敵に撃たれる(笑)

ということで、パソコンのキーボードで操作できないものかと、検索で調べてみたんですが、これが見つからない。

ということで、自力で1つ1つキーをタイプして、何がどのキーに対応しているか調べてみました。(撃たれて死にながらね(笑))

そうやって見つけてまとめたのが次です。
  • ショット:x
  • ズームイン:z
  • ズームアウト:a
  • リロード:c
これだとかなりスムーズに撃てるはずです。

ではではっ。

この記事に含まれるタグ : Sniper3D パソコン PC 操作方法 キーボード 

(記事編集) https://shibatas.blog.fc2.com/blog-entry-437.html

2018/02/06 | Comment (0) | HOME | ↑ ページ先頭へ ↑ |
申し訳ありません。 お探しの記事は現在、この ユーザータグ (Keyword) を設定していない可能性があります。 右の検索BOXで 再度用語を短めに入力していただくと記事が見つかる場合があります。