ブログを書く時に役立つかもしれないオンラインジェネレーター5つ【見出し、メニュー等…使い方のGIF動画あり】 - 広汎性発達障害の女がたまに毒を吐くブログ
本日は、ブログを書く時に役立つかもしれないオンラインジェネレーターを5つご紹介します。 オンラインジェネレーターとは、Web上でHTML・CSSコードやGIFアニメを作成してくれるツールのことです。 フリーソフトのようにPCにダウンロードをする必要がないのが特長です。 見出しを作成出来るジェネレーター このような吹きだし型の見出しなどが作成出来ます 使い方の動画 注意点 角丸の調整がオンライン上で効かないようなので、CSSコードを貼り付ける際に、「border-radius:3px;」の3を別の数字に変えて調整してみてください（数字が大きい方が角が丸くなります。このブログの見出しの場合は10pxです）。 背景色などの色は、ボックスをクリックすると現れるカラーチャートから選んでもいいですし、好きな色をあらかじめ決めておいてそれを指定することも可能です（#から始まるカラーコードを入力します）。
大体いい感じの研究発表ができるKeynoteテンプレート「Zebra」を作った - shoya.io
なぜ作ったか 僕の観測範囲では、研究発表のスライドというのは装飾が最小限で、白地に黒文字が読みやすくて良いとされています。その制約の中で見栄えの良いスライドを作るのはなかなか難しいので、大体いい感じになるKeynoteテンプレートを作りました。名前はZebraです。こちらからダウンロードすることができます。Zebra — Keynote template for research presentations テンプレート作成/公開にあたって参考にさせていただいたのは佐野章核さんの「Azusa」「Azusa Colors」で、勉強会やLTのスライドではいつもお世話になっています。 大体いい感じになるKeynoteテンプレート「Azusa」作った - MEMOGRAPHIX ただ研究発表のような堅い場所で使うにはややポップすぎる感じがするのと、透過でない図やグラフを貼る機会が多くて真っ白な背景
シンプルなHTMLとCSSコピペで実装できるタイトル（見出し）のデザインサンプル 50 | NxWorld
画像は使用せずにCSSだけでスタイリングしたタイトル（見出し）のデザインサンプルで、似たようなものやちょっとCSS追記した程度のものも多いですが全50種類です。 全体的にすごく手間がかかっているようなものはないのですが、似たようなタイトルデザインを使う場合はCSSコピペで実装できると思います。 また、一部複数行に向かないものもありますが、基本的には複数行のタイトルでも見栄えが崩れない感じのものになっており、余白やカラーなどを調整することでデザインを変更するのも容易です。 以下で紹介している内容は一部異なるものもありますが、基本的に下記のようなシンプルなHTMLを使用しています。 ただ、一部異なるものといってもいずれもspan要素を1つ追記する程度です。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
