サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
大谷翔平
blog.asterlist.com
Bloggerテンプレートタグの解析もやっていかないとかな? Ardor(@ArdorOnline)です。 表示されているイメージのように、 トップページに表示される記事のレイアウトを変更しました。 でも記事ページは、そのままですよ! 今回は、トップページ表示をCSSで変更する方法をご紹介します。 個人的に「読みやすいな」と思うブログの条件として、 まず挙げるのが次の条件です。 トップページは、記事の要約一覧が表示されていること 記事ページには、詳細な内容が表示されること 理想を言ってしまえば、トップページの要約には、 左右どちらかに画像、その隣に本文の一部があると 一覧にしても見やすいと思います。 配布されているテンプレートで、実現しているものは無いかと探したところ いくつか見つかりました! http://btemplates.com/2012/blogger-template-simp
徐々に寒くなってきましたね。 そろそろ鍋料理が食べたいArdor(@ArdorOnline)です。 新しい土鍋を買ってきたので、上手な手入れと使い方についてご紹介します。 ご紹介する内容は、次の通りです。 土鍋の目止め方法 土鍋を火にかける時の注意点 土鍋の洗い方 土鍋が焦げた場合 土鍋の匂いの取り方 土鍋のカビの取り方 土鍋にヒビが入った場合 土鍋の目止め方法 使い始める前に目止めをします。 目止めには、いくつか方法がありますので、どれか一つ行うと良いでしょう。 お粥を炊く お米のとぎ汁を入れて、水8分目で10分から20分沸騰させる 小麦粉(大さじ2杯)を入れて、水8分目で10分から20分沸騰させる 小麦粉の代わりに片栗粉でもOKと聞いています また目止めの注意点がありますので、気をつけてください! 火加減は、中火以下。弱火で十分です 加熱後は、自然に土鍋が冷えるまで待つ 冷えてから、中
ソースコードを綺麗に表示できていますか? Ardor(@ArdorOnline)です。 今回は、SyntaxHighlighterをより使いこなす為の設定をご紹介します。 オプション一覧 まずはどんなオプションがあるのかご紹介します。 オプション 意味
ソースコードは綺麗なほうがいい! Ardor(@ArdorOnline)です。 ソースコードってブログに載せるとインデントや装飾ができなくて困ってました。 SyntaxHighlighterを利用すると、とても綺麗に表示できるので導入しました! Bloggerへの導入方法をご紹介します。 SyntaxHighlighterとは SyntaxHighlighterを簡単にご紹介すると、 ソースコードを綺麗に表示する為に作成されたライブラリです。 普段お使いのエディタに近い感覚に表示できます。 説明するより見て頂いた方が早いので次のソースをご覧下さい。 いかがですか?綺麗に表示されると思います。 SyntaxHighlighter導入方法 導入方法は、2つあります。 サーバをお持ちであれば、SyntaxHighlighterをダウンロードして参照 サーバがない場合は、公開されてるライブラリを参
ベーステンプレートを変更しました。Ardor(@ArdorOnline)です。 この際だからモバイルテンプレートもカスタマイズしちゃいました! 今回は、モバイルテンプレートのカスタマイズについてご紹介します。 ベースに利用していた「Awesome Inc.」系テンプレートですが、 IEのみ表示がおかしくなっていました。 デフォルトで用意されているテンプレートにしては残念な結果だったので、 ベースに利用するテンプレートを変更しました。 またベースを変更すると共に、モバイルテンプレートもカスタマイズしました。 概要は、次の通りです。 モバイルテンプレートを有効にする モバイルテンプレートの見分け方 カスタマイズした箇所 今回ベースに利用したテンプレートは「シンプル」系です。 理由としては、Chrome、Safari、Firefox、IEでも正しく表示され、 カスタマイズが容易だったので採用しま
Bloggerカスタマイズが楽しくなってきたArdor(@ArdorOnline)です。 今回は、はてなブックマークボタンを各記事に設置する方法をご紹介します。 Bloggerにも簡単に設置できるだろうと考えていたのですが、 ちょっとカスタマイズする必要がありました。 難しくないので設置したい方は、参考にしてみてください。 はてなブックマークボタンを設置する手順は、次の通りです。 はてなブックマークボタン作成ページへ行く ボタンを配置するページの情報を入力 ボタンタイプを選択 プレビューを確認。コードをコピーする Blogger用にカスタマイズ Bloggerテンプレートに貼り付けて完了 はてなブックマークボタン作成ページへ行く はてなブックマークボタンの作成には、公式ページへ行くのが一番良いです。 はてなブックマークボタンの作成・設置について 公式ページでコードを取得するのが目的です。
W3Cで勧告されている情報を元にHTML4とHTML5のタグを比較してみました。 Ardor(@ArdorOnline)です。 HTML5で追加されたタグ、また廃止になるタグを一覧化しました。 HTML5の追加タグ HTML5で追加になったタグは次の通りです。 全部で31タグです。 section nav article aside hgroup header footer figure figcaption time mark ruby rt rp bdi wbr embed video audio source track canvas datalist keygen output progress meter details summary command HTML5で廃止になるタグ HTML5で廃止になるタグです。 廃止になったとしても同じ事を別のやり方でできるようになっているよう
メディアクエリについて調べていました。 Ardor(@ArdorOnline)です。 CSS3から特性の指定ができるようになり細かく制御できるようになりました。 ここで一度整理しておきます。 続きを読む »
このページを最初にブックマークしてみませんか?
『blog.asterlist.com』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く