タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

ブログとカスタマイズに関するmayoi_inuのブックマーク (5)

  • コピペに頼ってブログのスマホデザインをカスタマイズしてみたよ! - よしまのメモ帳

    どうも、よしまです。 昨日ブログのスマホ表示を少しいじってみました。 スマホからのアクセスが多いので媚売ってやろうという魂胆です(こら ネット上には自作のHTMLコードやCSSコードを作られている方がたくさんいらっしゃいますよね。 当に尊敬します。 画像貼り付けタグしか知らない私でも読んだらできるようになるんだろうか。 それよりまともな文章を書けるようになるのが先だな。 今回はその凄い方々のコードをお借りしてカスタマイズしてみました。 見出し スマホ版の見出しは字の大きさと太さが変わるだけだったので、線を引いてみました。 コピペさせていただいたのはこちらのブログ。 www.yukihy.com ここからh2は「四角」、h3は「よくあるやつ」、h4は「点線」を使わせていただいてます。 (PC版も「上下線」「よくあるやつ」「下線」を使ってます) コード内の「border-bottom:~」

    コピペに頼ってブログのスマホデザインをカスタマイズしてみたよ! - よしまのメモ帳
    mayoi_inu
    mayoi_inu 2015/07/16
    カスタマイズは、やり出すと時間を忘れるので怖いです。笑
  • 【お知らせ】当ブログで配布していたSNSボタンに関して重大なミスがありますので修正をお願いします - Yukihy Life

    注:この記事は、元記事の補完的役割をしています。 元記事:コピペのみではてなブログのソーシャルボタンをシェア数付きでおしゃれにするカスタマイズ - Yukihy Life 不具合の発生と、それによりコードを編集していたのでお知らせです。 具体的な不具合 最初に皆さんに提供していたボタンで可能性のある現象として、以下のものが見られます。 Twitterから入りシェアをしようとすると、URLが貼られない 日語URLの記事をシェアしようとすると、エンコードされていないURLが貼られてしまう 特定のPC×IEブラウザで、Twitter画面が開けずにエラーになってしまう それぞれ簡単に説明を加えます。 1.Twitterから入りシェアしようとすると、URLが貼られない 普通にはてなブログやブラウザから入ってTwitterからシェアしようとすると問題なくできるのですが、スマホのTwitterアプリか

    【お知らせ】当ブログで配布していたSNSボタンに関して重大なミスがありますので修正をお願いします - Yukihy Life
    mayoi_inu
    mayoi_inu 2015/07/07
    誠実な対応ですね〜。こりゃあ、まだまだ良くなっていきそう。
  • はてなブログシェア数付きSNSボタンでさらにオシャレな吹き出しコードを追加です - Yukihy Life

    7/7追記:重大な不具合を修正しました。詳しくはこちらをどうぞ。 【お知らせ】当ブログで配布していたSNSボタンに関して重大なミスがありますので修正をお願いします - Yukihy Life 注:この記事は元記事の補完的役割をしています。 元記事:コピペのみではてなブログのソーシャルボタンをシェア数付きでおしゃれにするカスタマイズ - Yukihy Life はてなブログのシェアボタンコードを作っていて、以下のような記事で言及をいただきました。 lacucaracha.hatenablog.com おお!吹き出し、良いですね!他のブログとかでは良くみますし、どんなものかやってみたくなりました。 ブコメでも「ちゃんとした人に作ってもらいたい」とあったので、ちゃんとした人ではないですが一応の元記事作者として作ってみましたのでコピペコードにしたいと思います(これを使えとの強制は全くありませんので

    はてなブログシェア数付きSNSボタンでさらにオシャレな吹き出しコードを追加です - Yukihy Life
    mayoi_inu
    mayoi_inu 2015/06/28
    どんどん進化していくな〜。勉強熱心! ここまでできれば、おもしろそう。
  • 1ヶ月である程度のWebデザインができるようになった独学勉強法を書いてみる - Yukihy Life

    最近はてなブログのカスタマイズ記事ばかり投稿しているゆきひーです。 4月ぐらいまでは「HTMLって何?」ってレベルだったのですが、この数ヶ月でいろいろと学んできて、素人ではあるもののレスポンシブデザインぐらいまでなら作れるようになりました。 実際に集中して学んだのは1ヶ月ぐらいですが、趣味程度には十分だと思うので、どのようにして学んだのかをまとめてみたいと思います! Webデザインをある程度できるようになるためのステップ Step1 「Progate」で作りながら学ぶ Step2 「ドットインストール」で総復習&補完 Step3 書籍を数冊読んでできることを確認する Step4 実際に自分のブログに応用してみる その他Webデザインを効率よく学ぶコツ Webデザイン系ブログをFeedlyで定期購読する クロームの拡張ツール クロームのディベロッパーツール Color Pick Eyedro

    1ヶ月である程度のWebデザインができるようになった独学勉強法を書いてみる - Yukihy Life
    mayoi_inu
    mayoi_inu 2015/06/23
    「Progate」と「Color Pick Eyedropper」、覚えておこう!
  • ブログを書く作業を効率アップする工夫2つ。関連記事の自動挿入と、記事下の変更。 - ミニマリストは世界を救う!

    2015-06-06 ブログを書く作業を効率アップする工夫2つ。関連記事の自動挿入と、記事下の変更。 ブログ運営 1 関連記事を自動で挿入してくれるツール ブログの過去記事を、自動で挿入してくれる便利なツールを見つけました。 Milliard関連ページプラグインについて | シスウ株式会社 こちらのページを下にスクロールし、「利用方法」のところから自分が使っているブログサービスを選択すると簡単にコピペで過去記事を挿入できます! 私の場合は、記事下の部分に入れて、スマホはスクロール非対応にしています。スクロールすると沢山の記事が表示できる反面、操作しずらくなると思ったためです。 実際に挿入した画面はこちら。「こんな記事も書いてます」という下に、過去記事が自動でサムネイル画像付きで表示されます。視覚的に訴えるので、もうひと記事読んでみようかな?という気になりますね! 今まで、記事を書くたびに自

    ブログを書く作業を効率アップする工夫2つ。関連記事の自動挿入と、記事下の変更。 - ミニマリストは世界を救う!
    mayoi_inu
    mayoi_inu 2015/06/06
    こんなのあるんですね。僕も別の関連記事を自動で入れてますが、自動だと関係性の低いものが表示されるケースも多くて、結局自分で2,3つ付け足してしまいます^^;
  • 1