[B! WEB制作][webデザイン] syofusoのブックマーク

Identifont-形状別フォント識別名称別フォント検索

syofuso 2017/03/31

リンク

年表などでよく使用されるタイムラインコンテンツ作成時に便利なプラグインやチュートリアル 15 - NxWorld

年表・沿革・コメント一覧といったコンテンツで用いられているタイムラインデザインを作成する際に便利なプラグインやチュートリアルのまとめです。レスポンシブ対応したものやCSSだけで実装したものなど全15種類で、見た目もよく見かける縦型（垂直）タイプだけでなく横型（水平）で見せるタイプもあります。 jQuery Timelinr 縦型・横型の両タイプが用意されているjQueryプラグインで、スライダーのような見栄えでタイムラインを実装できます。スライドのオート機能や各アニメーション速度の設定、「prev」「next」のナビ機能などの設定もいろいろと用意されています。 Dynamic Timeline レスポンシブ対応もされているjQueryプラグインで、こちらも縦型・横型の両タイプが用意されており、ビューサイズ指定で通常は横型のものをスマートフォンでは縦型に見せるなども可能です。他にもコン

syofuso 2017/02/15

リンク

打ち込むより簡単！保存しておくと便利なCSSスニペット18選

ホームページを製作する際、何度も繰り返し使うコードはスニペットとしてまとめておくと便利です。スニペットとは「切れ端」「断片」という意味で、プログラミング言語の中で簡単に切り貼りして再利用できる部分のことです。とりわけCSSは、HTMLやJavaScript以上に、繰り返して使うコードが多いので、そうしたコードをまとめておくとよいでしょう。今回は、何度も打ち込まなくてもコピペで使える、保存しておくと便利なCSSスニペットをまとめてみました。スニペットとしてテンプレート化することで、一部分を変えるだけで再利用することができます。保存しておくと便利なCSSスニペット 1. CSSリセットさまざまなブラウザでデフォルトの表示方法がありますが、それらを同じように表示させるCSSリセットと呼ばれるテクニックがあります。 CSSのリセット化コードはさまざまありますが、画像のレスポンシブ化とm

syofuso 2017/02/11

リンク

静的なHTMLをWordPressのテーマファイルに変換するオンラインサービス -HTML To WordPress

ごく普通のHTMLでも、BootstrapでつくったHTMLでも、あっという間にWordPressのテーマファイルに変換するオンラインサービスを紹介します。 HTML To WordPress HTML To WordPressは非常にシンプルな操作で、HTMLのフォルダをアップロードするだけで、簡単にWordPressのテーマに変換されます。変換したテーマはプレビューは無料で、テーマのダウンロードは1HTMLごとに$9、制作の手間を考えるとかなり魅力的な価格設定だと思います。という訳で、静的なHTMLを用意してさっそく試してみました。用意したHTMLは、こちら。 Land.io -GitHub ダウンロードページ個人・商用利用、無料。 Bootstrap 4をベースにしたテンプレートで、新しいカードコンポーネントを使い、繊細なアニメーションでコンテンツを魅力的に見せています。 La