読者です 読者をやめる 読者になる 読者になる

Yukihy Life

ゆきひーによる日常生活をアウトプットするブログ 映画・TOEIC・教育ネタとだいぶ物理とWeb制作

当ブログのシェアボタンを使っていただいている方のFacebookボタンで不具合が生じています2!

注:この記事は、元記事の補完的役割をしています。 元記事1:【変更お願い!】コピペのみではてなブログのソーシャルボタンをシェア数付きでおしゃれにするカスタマイズvol.2 - Yukihy Life 元記事2:はてなブログのシェア数付きソーシャルボタンカスタマ…

CSSでスマホ画面で横スクロールするレスポンシブ対応のメニューを作るカスタマイズ

最近よく見る、スマホのときに横スクロールをするメニュー。 作り方をメモしたいと思います!

オシャレ・レスポンシブ・カスタム可能なはてなブログテーマ「Naked」リリース!

はてなブログの新しいテーマを作りました!ついに完成です!

【修正お願い!】当ブログのシェアボタンを使っていただいている方のFacebookボタンで不具合が生じています!

このブログのシェアボタンを使っていただいている方で、ある条件からFacebookのシェボタンが機能していないことが分かりましたので、改善策です。 対象となる記事はこちらです。(こちらの記事ではすでに修正済みです)

「アプリーチ」をCSSでカスタマイズ iPhoneアプリとAndroidアプリを同時に紹介できるブログパーツ

アプリを紹介するサービス「アプリーチ」 ブロガーであるまなしばさんのご主人が作成したアプリを紹介するサービス「アプリーチ」。

PHP・MySQL初心者がWordPressで開発を行うために読んできた本やサイトの紹介!

ブログとWebサービスの間のようなものを作るために、WordPressを使ってWeb開発を行っています。 その際に参考になった本当サイトを紹介したいと思います!対象はHTMLとCSSが分かる程度の人間です。

ヨメレバ・カエレバのデザインをCSSで変更するカスタマイズ!

はてなブログだけでなく、アマゾンや楽天・ヤフーショッピングの商品を紹介する際にはブロガーのかん吉さんが作ってくださったサービス「ヨメレバ・カエレバ」を使うことで 簡単にリンクを作成することができます。 それらを綺麗に表示させるカスタマイズは…

動画でWeb開発・アプリ開発・プログラミング・WordPress・Adobeソフトなどが学べるUdemyを使ってみた

昨年から比べても、オンライン上でWebの技術やアプリ開発などについて学べるものは増えてきたと思います。 中には無料のものもたくさんありますが、Udemyという動画で学ぶコースを実際にやってみたので紹介です!

CSSで組んだドロップダウンメニューとスライドメニューを両立させたレスポンシブなメニューの作り方【コピペでOK】

以前、メニューバーをトグルメニューと両立してレスポンシブスタイルにするカスタムを書きました。

count.jsoonを使って当ブログのシェアボタンを使っている方のTwitterカウント数を取得する方法

注:この記事は、元記事の補完的な役割をしています。 元記事:「【変更お願い!】コピペのみではてなブログのソーシャルボタンをシェア数付きでおしゃれにするカスタマイズvol.2 - Yukihy Life」「はてなブログのシェア数付きソーシャルボタンカスタマイズで…

【改良版】コピペ一発はてなブログにトグルメニューをつけるカスタムを広告の背景に色がつかないようにしました!

かなり以前に書いた、コピペ一発ではてなブログのスマホ版にトグルメニューをつけるカスタマイズ。

CSSで組んだドロップダウンメニューとトグルメニューを両立させたレスポンシブなメニューの作り方【コピペでOK】

12/07:その他のカスタマイズを充実させました。 以前、グローバルメニューとトグルメニューを両立してレスポンシブスタイルにするメニューバーを作りました。

スマホ・タブレットのブログデザインをマテリアルデザイン風にしてみました!

もうタイトル通りなのですが、このブログのデザインを流行りのマテリアルデザインに寄せるようにしてみました! まだ一部分しか変えてないですが、どのあたりを変えたのかを備忘録がてら書いていきたいと思います。 (変更したのはタブレット・スマホ版のみ…

【修正お願い!】シェア数付きボタンでツイート数が取得できずグルグル回り続けるものの対処方法

シェア数付き自作シェアボタンを配布していたのですが、それらのTwitterでのツイート数を取得するサービスが昨日(11/20)で終了してしまったので、その原因と対処法を書きたいと思います。

CSSやjQueryで擬似クラス:first-childや:nth-childが効かないときに確認しておきたいこと

前回関連記事に関する記事を書いたのですが、その際CSSとjQueryでのfirst-childに関して勘違いをしていたので、メモです。

はてなブログで同じカテゴリの記事をランダム順に表示して関連記事っぽいものを作るカスタマイズ

2015/11/11追記1:うまく取得できているかの判断が曖昧だったので、確認方法を追記しました。設置をする際は、うまく取得できているかの確認をお願いします。またCSSをテーマによる崩れを防ぐために若干変更しました。 2015/12/06追記2:数日前に、このプ…

はてなブログで同じカテゴリの記事を新着順に表示して関連記事っぽいものを作るカスタマイズ

12/06追記2:数日前に、このプログラムで使用しているGoogle Feed APIのサービスが終了してしまいました。なので表示が安定しない状況です。ただいま代替案を模索中です。お手数おかけしますm(_ _)m はてなブログは標準で記事下に関連記事が出てこなく、何…

短期間である程度までjQueryができるようになる独学Webデザイン勉強法を書いてみる

HTML、CSSの勉強法を以前書きました。 www.yukihy.com この記事を書いたあと、jQueryに挑戦をして、まだまだ完璧ではないものの実際にこのはてなブログを通して、いろんなブログパーツのようなものを作ることができました。 そこで、jQueryを勉強するとき、…

はてなブログスマホ画面にホーム・人気記事・カテゴリ・トップへ戻るの複合メニューバーをつけるカスタム

10/7追記1:「はてブ順」を含めた、5つボタンバージョンを追加しました。 11/16追記2:カテゴリの部分を二列にするやり方を追加しました。 最近、はてなブログは人気記事モジュールのみならば、記事上でもどこでも差し込めることを知りました。 こっ、こ…

はてなブログで独自ドメインを導入し当ブログのFeedlyボタンの場合、フォロワー数が正確にでないみたいです

ずっと自分のブログのFeedlyの購読者数がおかしいなと思ってたのですが、どうやら自作フォローボタンをつけたときに、独自ドメインの方は購読者数が変なことになるみたいです汗。 す、すみません!ということで共有ですorz。

最初に記事の一部を隠しておいてjQueryでスライドにして見せるようにする方法

前回の記事で、jQueryを本で調べたりしながらWordPressのように目次を隠したり表示したりするようにしました。 それを記事内の好きな場所にできたらなあと思っていじってみたので、紹介です。

はてなブログの公式目次機能にちょっとコードを足してグッと使いやすくするカスタム

この間追加されたはてなブログの目次機能。どのモードでも、[:contents]と書き込むだけで目次がつくれるので、「凄い!」って思ったしとっても便利になりましたよね! 今まで目次を自動生成するコードもあったのですが、特定の説明記事やリスト記事にだけ入…

Googleフォントを導入してブログにちょっとした変化を出す方法【はてなブログを例にとって】

前回記事が、自分にとってけっこう大きいシェアをもらうことができました。ありがとうございます! www.yukihy.com この記事友人も見ていて、Lineで誤字や脱字をものすごく指摘してきたり、自分でシェアしてたり鬱陶しかったのですが、友人としては何でバズ…

フォント選びや配色に関して友人と話したらわりと目からウロコだった話

だいぶブログもカスタマイズして、ほぼもういじるところが無いような感じになってきてしまったのですが、数日前にフォントを変更してみたんです。 そしたら美大に通っている友人から軽いバッシングを受けて、フォントについていろいろと教えてもらったので共…

Twitter自作シェアボタンに「@◯◯さんから」やハッシュタグを自動でつける方法

配布しているシェアボタンの中で、Twitterでシェアされる場合をある程度カスタムできるので、メモです。 Twitterでよくエゴサーチなどをされる方は、オススメです。

はてなブログのシェア数付きソーシャルボタンカスタマイズでフラットボタンのコピペコードを追加です。(vol2)

コピペコードをうつす前に、必ず以前のコードをメモ帳にバックアップしておくなどの対策をしておくようにしてください。 シェアボタンを設置する上で、何らかのトラブルや損失・損害等につきましては一切責任を問わないものとします(一応)。 2015/11/21追記…

【変更お願い!】コピペのみではてなブログのソーシャルボタンをシェア数付きでおしゃれにするカスタマイズvol.2

コピペコードをうつす前に、必ず以前のコードをメモ帳にバックアップしておくなどの対策をしておくようにしてください。 シェアボタンを設置する上で、何らかのトラブルや損失・損害等につきましては一切責任を問わないものとします(一応)。 2015/11/21追記…

はてなブログで複数のサイドバーモジュールをタブメニューにして回遊率アップを狙うカスタマイズ

9/3追記:その他のカスタマイズ(サイドバー固定など)を増やしました。同じモジュールを並列に使いたい方もわかるように文を若干変更しました。 jQueryを使ってみると本当にいろいろとできるなあと実感しています。今回はそれを使って、サイドバーをタブメニ…

jQueryド初心者が勉強するために最初に買うべきオススメ本の紹介!

HTML、CSSを勉強した後にやるものとして、jQueryが一般的かなあと思います。そこでいろいろと本を探したりしていたので、個人的に一番良かったものを紹介したいと思います。

あるURLのみ任意のHTMLを差し込むというスクリプトを組んでみました

最近jQueryをぽちぽちと始めてみたゆきひーです。CSSとかと違って難易度の違いを感じていて思うように進みません。 今回はあるURLになったときに、HTMLを追加するスクリプトをくんでみました。いつものようにコピペで簡単カスタム!ではありませんのでご了承…

はてなブログスマホ画面の下に固定ボタンをつけるカスタマイズ

追記:「シェアボタンを並べる」の、TwitterボタンをURLを修正しました。まきお(id:makio1186)さん、ありがとうございます。 はてなブログでカスタマイズ要員となりかけているゆきひーです。もちろん作る過程で学べますし、いろんな方から反応をいただいてる…

Font AwesomeでPocketアイコンが追加されたのでシェアボタンのアイコン変更の仕方

「Font Awesome」で使えるアイコンないかなあと思ってみたら、Pocketのアイコンが追加されているではないですか! ということで、今まで配布していたシェアボタンでPocketボタンをキチンとしたPocketのアイコンに変更してみました。お知らせです。

当ブログで行ってきたはてなブログデザインカスタマイズまとめ!

PR:はてなブログのテーマ「Naked」を作成しました!デフォルトでもカスタマイズもしやすいテーマです。よろしければご利用ください!↓ www.yukihy.com 今までいろいろとはてなブログをカスタマイズしてきて、特にシェアボタンなどはいろんなところで使われ…

はてなブログデザインカスタマイズ | タイトル・画像のセンタリング・サイドバーや見出しなど

ブログ書いているよりも、ブログカスタマイズをしている方が楽しいゆきひーです。 今までいろいろと小出しに記事にしていましたが、デザインCSSに書かれていることの中で、どのテーマでも共通で使える(かもしれない)ものをまとめて書きました。

Milliard関連記事プラグインのCSSをいじり2列にしてブログになじむようにしてみました

関連記事の表記に再びMilliardの関連記事プラグインを使い始めました。 その関連記事のデザインを変更したので書いておきます。(許可はとってあります)

画像でなくcssで背景をつけてブログ記事を一気に読みやすくする方法

最近ブログを書くときに、背景色や枠で囲ったりすると一気に見やすくなるなあと思って使い始めています。 それどうやんねん?とのコメントをいただいたので、記事にしてみたいと思います(ネタ提供あざっす!)。

【お知らせ】当ブログで配布していたSNSボタンに関して重大なミスがありますので修正をお願いします

注:この記事は、元記事の補完的役割をしています。 元記事:コピペのみではてなブログのソーシャルボタンをシェア数付きでおしゃれにするカスタマイズ - Yukihy Life 不具合の発生と、それによりコードを編集していたのでお知らせです。

はてなブログシェア数付きSNSボタンでさらにオシャレな吹き出しコードを追加です

7/7追記:重大な不具合を修正しました。詳しくはこちらをどうぞ。 【お知らせ】当ブログで配布していたSNSボタンに関して重大なミスがありますので修正をお願いします - Yukihy Life 注:この記事は元記事の補完的役割をしています。 元記事:コピペのみでは…

コピペ+αではてなブログにSNSフォローボタンを設置するカスタマイズ

9/7追記:全体的にボタンのサイズが大きかったり、他のテーマでやると、円形のフォローボタンのデザインが悪かったりしたので、調整をしました。 また、サイドバーにも馴染むようなフォローボタンサンプルも追加しました。 9/9追記:feedlyのURLが間違ってい…

1ヶ月である程度のWebデザインができるようになった独学勉強法を書いてみる

最近はてなブログのカスタマイズ記事ばかり投稿しているゆきひーです。 4月ぐらいまでは「HTMLって何?」ってレベルだったのですが、この数ヶ月でいろいろと学んできて、素人ではあるもののレスポンシブデザインぐらいまでなら作れるようになりました。 実…

はてなブログでグローバルメニューとトグルメニューを両立させレスポンシブスタイルにするカスタマイズ

注:コピペコードを写す前に、元々のhtmlやcssをメモ張にコピペするなど、必ずバックアップを取っておいてください!! はてなブログで最近テーマストアを覗いたりしていると、本当に面白くオシャレなテーマが増えてきましたよね。 また多くのテーマがレスポ…

はてなブログシェア数付きSNSボタンカスタマイズで3D風ボタンコピペコードを追加です

7/5追記1:コピペコード2(3)とコピペコード4(3)を修正しました。修正点は 今までブラウザによって見え方が変わる可能性のあるコードだったので、より好ましいものに修正(コード2) リンクの下線が出ている方がいたので「text-decoration: none;」…

はてなブログのシェア数付きコピペコードで、記事上にもぴったりのスマート版を追加です

現在編集中です。お待ち下さいm(_ _)m 6/7追記1:Pocketの高さが合わないのを修正しました。コピペコード2(2)を修正しています。 7/7追記2:重大な不具合を修正しました。詳しくはこちらをご覧ください 【お知らせ】当ブログで配布していたSNSボタンに…

コピペのみではてなブログのソーシャルボタンをシェア数付きでおしゃれにするカスタマイズ

この記事は9/30より不具合が発生しますので、 www.yukihy.com こちらから設定をお願いします。

コピペ1発+αではてなブログスマホ画面にトグルメニューをつけるカスタマイズ

6/22追記:コピペコードを1つにしました。前回のようにheaderにjQueryを読ませるより、若干スピードが速くなります。またデザイン面でもバランスが悪かったので少しコードを変更しました。その他のカスタマイズも充実させました。 8/7追記:ボタンの反応す…

関連記事表記にMilliard関連ページプラグインを導入しサイドバーに固定してみました

関連記事に関して、以前ははてなブログのブログカードをカテゴリごとに自動生成してくれるという神コードを使っていたのですが、ちょっと新たな気分にするために、Milliardの関連ページプラグインというものにしてみました。 どんなものかを紹介してみたいと…

はてなブログで文字のカスタマイズが捗る構成図をつくってみました

最近ブログカスタマイズにはまっているゆきひーです。「またかよ!?」うっす。またっす。 はてなブログの文字をカスタマイズする際に、こんなのがあったら便利だなあと思っていたので作ってみました。

コピペ一発ではてなブログ見出しをカスタマイズ!ちょっとの工夫で印象が格段に変わる!

最近、カスタマイズばかりしているゆきひーです。見よう見まねで一通りやっています。デザインとかかなり難しそうだなと思っていたのですが、最初の数個を理解すると意外と応用範囲が広いことに驚いています。 僕がブログを始めたときに困ったのが、見出しを…

はてなブログでカスタマイズが捗る構成図をつくってみました

最近、はてなブログのカスタマイズにいそしんでいるゆきひーです。いろいろとcssをいじったりしていて非常に楽しいのですが、カスタマイズするときにこんなのがあったら楽だろうなあと思ったのをつくってみました。HTMLやCSSをそこまで理解している訳ではな…

Googleアドセンス記事中央にセンタリングする方法|はてなブログカスタマイズ

スマホ版のGoogleアドセンスの貼り方って本当に悩みますよね。 スマホもいろいろとサイズがあるものだから、どのサイズの広告を貼ろうか本当に悩みますし、正直言えば、できるだけ大きいやつを貼りたいわけです。