Yukihy Life

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

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が一般的かなあと思います。そこでいろいろと本を探したりしていたので、個人的に一番良かったものを紹介したいと思います。