題名未設定 @hamashi999 - Tumblr Blog

ブルーベリー収穫

#gallery-0-5 { margin: auto; } #gallery-0-5 .gallery-item { float: left; margin-top: 10px; text-align: center; width: 100%; } #gallery-0-5 img { border: 2px solid #cfcfcf; } #gallery-0-5 .gallery-caption { margin-left: 0; } /* see gallery_shortcode() in wp-includes/media.php */

#StreetView アプリで共有

https://www.google.com/maps/@/data=!3m4!1e1!3m2!1sibZAGxDAFJHUGzkKbbEtOQ!2e0

松山市, 愛媛県をチェック #StreetView アプリで共有

BookMarklet 呼び出し用に！『Keyconfig』設定例

[Chrome拡張機能]ブックマークレットの呼び出し用に！『Keyconfig』設定例 Labels: Blog 関連, Chrome拡張機能 Keyboard 2 / john_a_ward 今まで、キーボードショートカットって覚えるのが苦手で、精々使っても「Ctrl+C」「Ctrl+V」・・・つまりコピペくらいしか使ってなかったんですが、そこかしこで、Chrome拡張機能の「Keyconfig」があるからChromeを使っている！的な記事を見るので、一度試してみようと思ってインストールしてみました。リンクダウンロードリンク Chrome ウェブストア – Keyconfig 参考にさせて頂いたサイトブログ執筆を効率化！各種ブックマークレットを登録できるChromeエクステンション『Chrome Keyconfig』を使いこなそう | NANOKAMO BLOG…

View On WordPress

Keyconfigの制限モード（limited mode）　Chrome

Google Chrome拡張機能Keyconfigが使えない時の解決法私はGoogle Chromeの拡張機能「Keyconfig」を使用しています。 Keyconfigを利用することにより、キーボードショートカットによりブックマークレットを起動する事が出来ます。具体的な利用法として例を挙げると、 Amazonのページ内でk+aで商品紹介リンク「カエレバ」を起動 f+iで開いているページのタイトルリンクを取得 a+ nでGoogle Analyticsのページを開くといった使い方をしています。 ▲ブックマークに登録しているアイコンを押すより早いツールです。 Keyconfigの使い方に関しては、以前のブログで紹介していました。 →Chrome拡張機能「Keyconfig」ショートカットでブックマークレット起動できるのが便利！さて、ここで問題が発生します。…

View On WordPress

[CSS] 擬似クラスって複数繋げられるの知ってました? 今回はCSSの擬似クラスについてです。かなり偏った内容ですが、ネットで検索しても出てこなかったので。擬似要素「:after」って便利だよね CSSの擬似要素ってすっごく便利です。特に「:before」と「:after」は、なくてはなりません。どういときに使うかと言うと、こんなときとか。 TOPページ » ドラゴンボールキャラクター » ピッコロ大魔王これ、ホームページとかブログによくある「パンくず」と呼ばれるやつです。1つ前の階層に、クリックで簡単に戻れるやつです。迷子にならないようにパンくずを落としながら歩いて行って、そのパンくずを辿って戻るようだから、こんな表現なんですけどね。これのどこに擬似要素を使っているかと言うと、この「 »…

View On WordPress

[CSS] 擬似要素「before」「after」の基本から使い方までを徹底紹介!! 今回は「擬似要素」の中でも重要な「before」と「after」についてです。この基本をしっかりと知っておくことでWEBデザインの表現の幅がアホみたいに広くなります。「before」と「after」で文字を挿入では擬似要素「before」と「after」の基本的な使い方を紹介します。基本: 文字を前後に入れる「before」と「after」の基本的な使い方というのは、ただ単に、指定した場所の前後に好きな文字を挿入することです。まずは例としてこんな文章を用意しました。HTMLタグも実にシンプルで、ただ単に

タグを入れているだけです。

昨日は暑い夜だった。

そして熱い夜でもあった。そう。一晩中ドラクエ5に没頭していたからだ。

なんと!

ついに「はぐれメタル」が…

View On WordPress

スマホでの調整CSS

[CSS] スマホ対応は超重要! 私が最低限やっている6つのこと今現在、Google検索では「スマホ対応」がされているかどうかは超重要になりました。PCの検索順位はスマホでの検索順位が適応されるそうです。そのためにはスマホ対応がしっかりとされていないとダメです。今回はブログのスマホ対応がテーマです。参考: Googleがモバイルファーストインデックスを導入予定、影響は？対応は？ | 海外SEO情報ブログ私がブログのスマホでの表示対応で最低限やっていることをまとめたいと思います! スマホ対応で困った6つのこと今回は私がスマホ対応のために最低限やっている6つを紹介するのですが、分かりやすいように「問題点」を見出しにして紹介しますね。スマホで見たら画像がはみ出す?! まずはこちらの比較画像をご覧ください。画像サイズ（左: 変更前・右: 変更後）…

View On WordPress

brタグで改行の連打

文章で余白を作るのになぜbrタグで改行を連打したらダメなの? ブログを書いていると「HTMLタグ」って言葉を頻繁に聞きます。で「見出しはタグを使え!」とか耳にするので、よくわからないけど使ったりします。今回は、なんでそんなふうに使うのが良いかについて紹介しますね! よくあるこんな文章を見てくださいまずは、こんな感じのよくありそうなブログの出だし文章を見てください。あ……内容ではなく、余白に注目です。こんにちは! 今回は運動神経ゼロのわたしが「回し蹴り」の練習をしたいと思います! イメージで言うと……（以下省略）この行と行の余白ですが、たぶん初心者の方は下記のようにHTMLを書いている方が多いのではないでしょうか? こんにちは! 今回は運動神経ゼロのわたしが「回し蹴り」の練習をしたいと思います! イメージで言うと……（以下省略）…

View On WordPress

改行タグは使うな！　[HTML] BRタグ　の横幅を調整し、見づらくなる

[HTML] BRタグは使うな! 私が「改行」を一切使わなくなった1つの理由 WEB制作に関わっている方にはお馴染みのタグと言えば、もしくはタグです。5年前ぐらい前までは何かとお世話になっていたこのタグですが、徐々に嫌われるようになってきました。というわけで今回は、を使わないほうが良い理由です。改行タグは他のデバイスで見るとズレるから使うな! なぜを使わない方が良いのでしょうか?その理由はこの一言で終わってしまうのですが、そうなんです。ほかのデバイスで見たときにズレる! WEBコンテンツをWindowsとかMacで書くと、普通はPC用のモニターに合わせて改行をすると思います。文字の横幅って、スマホだと大分狭いんですよね。スマホどころか、デスクトップでもモニターが違えば改行の位置もずれちゃうんです。…

View On WordPress

[ブックマークレット] コレ抜きではブログ書けねェ!! ブロガーにオススメの厳選ブックマークレット!! 以前、記事でブックマークレットってなんぞや?について書きました。今度は私が実際に使っていて、現在進行形で役に立ちまくっているオススメのブックマークレットを紹介します!! ブックマークレットをオススメしている理由は、ブラウザのお気に入り（ブックマーク）に登録でき、ワンクリックで起動できるという手軽さだけではありません。なんと言っても軽いんです! 今回は「ブロガー向け」に絞ってのお勧めブックマークレットを紹介します! ブロガーにオススメのブックマークレットでは私も普段から愛用しているブロガー向けのブックマークレットを5つを紹介します。今回の5つは、厳密には自分に合ったブックマークレットを作成する、「ブックマークレット・ジェネレーター」です。…

View On WordPress

ブックマークレットとは? ワンクリックで便利な簡易プログラム今回はブックマークレット（Bookmarklet）についてのお話です。パソコンはインターネットを見るぐらい……って方には馴染みが無い言葉だと思います。ですが、ブロガーにとっては、ブックマークレットのない記事投稿なんてあり得ない!ってレベルのものです。ということでブックマークレットって何? という初心者に向けたお話をしてみたいと思います。で、ブックマークレットってなに? さてブックマークレットって何なのでしょう? Wikipediaを見てみると、こんな風に書かれています。ブックマークレット (Bookmarklet) とは、ユーザーがウェブブラウザのブックマークなどから起動し、ウェブブラウザで簡単な処理を行う簡易的なプログラムのことである[注釈…

View On WordPress

ブログに見出し(Hタグ)が重要だというのはなぜ?…をわかりやすくまとめたスポンサーリンク http://dispatch.lite.adlesse.com/?size=336×280&guid=691861A3-B70F-F1E7-6A59-E9E660DBE939&loc=lite&rnd=0.4804414852723653&aduid=adlesse_widget_0.5097231980058815&this_is_adlesse_widget=true&adType=image … 47 10 3 13 [HTML] BRタグは使うな! 私が「改行」を一切使わなくなった1つの理由 [CSS] 擬似要素「before」「after」の基本から使い方までを徹底紹介!! [CSS] スマホ対応は超重要!…

View On WordPress

[初心者]CSSってなに?という質問にWEB歴10年の人が全力で答えてみる WEBサイトやブログのデザインをいじるぞ!と意気込んだときに突き当たる壁が「CSS」です。今回はCSSの基本について、超わかりやすく説明します。目次 CSSとは? 「HTML」はWEBサイトの骨格「CSS」は遠隔から指示をする魔法 CSSがなくなると殺風景に CSSの書き方 CSSはどうやって書くの? いろんな指定をするときは「class」を使う CSSを記述する場所について CSSはどこに書くの? なぜ「外部ファイル」がいいの? 優先順位は「外部ファイル」が一番弱い CSSとは? CSSというのは「Cascading Style Sheets（カスケーディング・スタイル・シート）」の略です。…

View On WordPress

[ CSS ] 一列の文字数ってどのくらいがいいの? 読みやすさを比較したよ [ CSS ] 一列の文字数ってどのくらいがいいの? 読みやすさを比較したよ | ヨッセンスサイトやブログを運営しているとき、文章って必ず書きます。そのとき横一列の文字数てどのくらいになっていますか? 何文字ぐらいが一番読みやすいのでしょうか? その比較をしてみました。前回の記事でタグは使わない方が良いというものを書きました。 [ THML ] BRタグは使うな! 私が「改行」を一切使わなくなったたった1つの理由今回はその続き的な内容です。サイトやブログで文章を書いた時の、横並び一列に表示する文字数についてです。文字がヨコに並びすぎると読みづらい…

View On WordPress

WP 　強調タグ（B、EM、STRONG）の違いとは?

[HTML] 適度な太字が読みやすい! 強調タグ（B、EM、STRONG）の違いとは? … 11 6 4 14 [HTML] BRタグは使うな! 私が「改行」を一切使わなくなった1つの理由 [CSS] 擬似要素「before」「after」の基本から使い方までを徹底紹介!! [CSS] スマホ対応は超重要! 私が最低限やっている5つのこと [ CSS ] フォームの「送信ボタン」を中央揃えに! どの端末で見ても真ん中にする技!! WEBのスマホ対応ってどうやるの?! レスポンシブ・デザインとメディアクエリについてこんにちは! ヨス（@yossense）です。ネットでいろんなサイトやブログを見ていると、文字に様々な装飾をしていることに気づきます。文字を太くしたり、色を変えたり、背景に色をつけたり。今回はブログ文章内の文字の装飾についてです。…

View On WordPress

ハイビスカス「ローゼル」

インストールは普通のアドオンと同じだから省略。インストール後、Firefoxを再起動後、「F8」を押すと以下の画面が表示される。すると、Firefoxの下部からこんな画面が表示される。ここに記事をかくことになるわけだ。と、その前に設定が必要となる。 Yahoo! JAPAN undefined Google検索のデザインを変更する方法 | 吉川ウェブ undefined 鮮やかな赤色のハイビスカスティーは、クレオパトラが、「美貌」と「若さ」を保つために飲んだということでも有名です。ビタミン類を豊富に含み、ビタミンCは肌の調子を整えたり、メラニンを抑制して肌を白くしたりと様々な美容効果があると言われています。出典：https://www.pinterest.com/ また、利尿作用があるカリウムの含有量も多いので、むくみの解消にも効果的だと思います。…

View On WordPress

ツール ‹ 海岸通りの夕陽 — WordPress

情報源: ツール ‹ 海岸通りの夕陽 — WordPress

View On WordPress

Trending Blogs

Recently Viewed Blogs

題名未設定