プログラミング
こんにちはクリアメモリです! はてなブログなどでサイトを運営していると、「グローバルナビゲーション(ヘッダーメニュー)」を使って、カテゴリーページなどを分類しますよね。 そこで今回は、はてなブログで超簡単に「グローバルナビゲーション」を設置…
こんにちはクリアメモリです! 今回は、はてなブログのリスト(箇条書き)につく点「・」を自分の好きな形にカスタマイズする方法と一部カスタマイズ例を紹介します。 リストをより目立たせることができるので、ぜひ試してみてください。
こんにちはクリアメモリです! 過去に「会話形式の吹き出しを記事内で使う方法」という記事では、吹き出しを使ったコンテンツを作成できたのですが、ある程度画像が決まっているなら、もっと簡単に設置できるので作ってみました。 一行で書けるので、会話形…
こんにちはクリアメモリです! サイトをカスタマイズしている時「©(コピーライト)」や「▼(逆三角)」などを使うことがあると思います。 このような記号はHTML特殊文字と呼ばれており、対応したコードを入力することで自動的に書き換えられているんです。 …
こんにちはクリアメモリです! 先日・その前と続き、cssを使って強調(ハイライト)の色を設定してきました。同じ方法を使って、逆にハイライトさせないようにすることもできるので紹介します。
こんにちはクリアメモリです! 先日、cssで強調(ハイライト)の色を変更する方法を公開しました。その記事の中で、テキストだけを強調表示させることができると書きました。 そこで今回は、cssでテキストだけを強調(ハイライト)して色を変える方法を紹介…
こんにちはクリアメモリです! サイトないのテキストをドラッグすると部分的に色が変わりますよね。これを強調やハイライトなどと呼ぶのですが、今回はcssでこの色を制御する方法を紹介します。 PC側で設定されていても、自分のサイト内でだけは任意の色に変…
こんにちはクリアメモリです! みなさんはPC作業をするとき、どんな体勢ですか?椅子だったり、座椅子だったりすると思います。今回紹介するのは、立って作業という新しい形を実現するスタンディングデスクです。 Loctekのスタンディングデスクは、座椅子か…
こんにちはクリアメモリです! はてなブログで記事を書く時に、マークダウン(Markdown)モードを使っている人は多いと思います。見たままモードであれば簡単に画像サイズを変更できるのですが、マークダウンモードではそうはいきません。 そこで今回は、マ…
こんにちはクリアメモリです! はてなブログで記事を書いた後、公開する前にプレビューなどを使って記事をチェックしますよね。前回、プレビューが原因でアドセンスから警告が来たと紹介しました。 そこで今回は、「お客様の広告コードは、過去 7 日間に、所…
こんにちはクリアメモリです! 今回はRuby on RailsでTwitter Apiを使って、特定ユーザーの情報を取得する方法です。この方法を使えば、自分以外のユーザー情報を取得できるので、ぜひ使いこなしてみましょう。
こんにちはクリアメモリです! 今回は、Ruby on RailsでTwitter Apiを使って、ユーザーの概要を表示させてみようと思います。ユーザーの概要というのはユーザー名の下に書いてあるような説明文みたいなやつですね。
こんにちはクリアメモリです! プログラミング系や海外製品について検索したとき、記事のタイトルが英語で、内容がイメージできないってことはありませんか?実は拡張機能を使うだけで、Chromeの検索結果を翻訳できるので紹介します。
こんにちはクリアメモリです! 今回も前回同様、Ruby on RailsでTwitter Apiを使う方法です。その中で、今回紹介するTwitter Apiは、ユーザーのスクリーン名「@〇〇」を取得する方法です。
こんにちはクリアメモリです! 今回はRuby on RailsでTwitter Apiを使って、Twitterのユーザー名を表示させてみようと思います。Twitter Apiは、ユーザーの様々な情報を取得できるのですが、今回はその中からユーザー名を表示させる方法について紹介します。
こんにちはクリアメモリです! 先日、はてなブログの記事に「前の記事」がない時は、トップページへ戻るを表示させたのですが、実はちょっと書き方を変えるだけで「トップページ」や「カテゴリーページ」にも表示できるので紹介します。
こんにちはクリアメモリです! cssでデザインをカスタマイズしていて、aタグで設置したリンクのクリックできる範囲に困ったことはありませんか?ちょっとしたコードを使えば、ボタン全体をリンクにすることができるので紹介します。
こんにちはクリアメモリです! 今回は、cssで使われる単位の「px」「em」「%」はどのような違いがあるのかについて紹介します。これらはそれぞれ、使われるタイミングが変わってくるので参考にして見てください。
こんにちはクリアメモリです! はてなブログで記事を書いていて、特定の記事だけアドセンスなどの広告を非表示にしたいと思ったことはありませんか。そのような場合は、カテゴリーを設定するだけで表示非表示を切り替えられるので試してみてください。
こんにちはクリアメモリです! cssでレイアウトをカスタマイズしている時、横幅を「100%から50pxだけ少ない値にしたい」というような時はありませんか?そのような場合は、四則演算を使う「calc」というコードで実装できるので紹介します。
こんにちはクリアメモリです! 今回は、はてなブログで運営しているサイトのトップページに広告を表示させる方法です。 ただ広告を表示させるだけではなく、記事と記事の間に設置してブログに溶け込むようなデザインにしてみました。
こんにちはクリアメモリです! 今回は、はてなブログで作成した記事の背景を「アイキャッチ画像」に変更する方法を紹介します。記事ごとに別の背景を自動で設定できて、デザイン性もアップするのでぜひ試してみてください。
こんにちはクリアメモリです! 今回は、はてなブログで書いた記事の中に「会話形式」の吹き出しを導入する方法を紹介します。 cssで吹き出しのような見た目に調整すれば、読者の方にも読みやすくなるのでぜひ試してみてください。
こんにちはクリアメモリです! 今回は、はてなブログで表示した画像を中央寄せにして、真ん中に表示させる方法を紹介します。画像の表示方法をちょっと変えるだけで、より目立たせたり見やすくなったりするので使いこなしてみてください。
こんにちはクリアメモリです! はてなブログで先頭の記事を読むと、ページャーに「前の記事へ」だけが表示されず「次の記事へ」だけが表示されてしまいますよね。それだと見た目も崩れるので、前の記事がない場合は「トップへ戻る」を設置してみました。
こんにちはクリアメモリです! 今回は、はてなブログに設置したシェアボタンを、記事の横に追従させてみようと思います。このカスタマイズによって、ユーザーが記事を読み終わったタイミングにシェアボタンが見えるようになりますね。
こんにちはクリアメモリです! cssでアニメーションを実装すると、アニメーションが完了した時に最初へ戻ってしまいますよね。もしそのような場合に、アニメーションを終了地点で止めておくことができるので紹介します。
こんにちはクリアメモリです! 今回は、はてなブログの「読者になるボタン」を画像にして、より目立つようなデザインに変更する方法を紹介します。画像はなんでも良いので、自分のサイトアイコンや好きな画像を使って実装してみてください。
こんにちはクリアメモリです! はてなブログやWordPressなんかでサイトのカスタマイズを行っていると、デベロッパーツールで値を確認したり調整したりしますよね。そのような場合に値を0.1ずつや100ずつ、10ずつ調整する方法があるので紹介します。
こんにちはクリアメモリです! 今回はCocoa Programmingで、CustomViewの背景色にグラデーションをかける方法を紹介します。 背景色にグラデーションをかけることで、単色の背景より綺麗なレイアウトにできると思いますので、参考にしてみてください。