タグ

2014年3月28日のブックマーク (5件)

  • [JS]アイデアが素晴らしい!ページにちょっとしたアクセントを加えるスクリプトのまとめ

    そのまま使ってもよし、アイデアに刺激されインスパイアされてもよし、の工夫をこらした素晴らしいアイデアのスクリプトを紹介します。

  • 商用でも無料で使える2種類の日本語フォント「刻明朝」「刻ゴシック」

    漢字に比べて平仮名・カタカナを幅ごと小さくデザインし、文章全体を表示させた時の統一感を重視したフォントが「刻」シリーズです。明朝体の「刻明朝フォント」とゴシック体の「刻ゴシックフォント」の2種類が用意されている「刻」シリーズは無料でダウンロードでき商用・非商用問わず自由に使用可能になっています。 フリーフォントの樹 http://freefonts.jp/ その字体が持つ雰囲気はもちろんのこと、両フォントが特徴としているのは仮名と漢字の大きさにアクセントを付けたデザイン。何行にもわたる長い文章を表示させたときに、紙面そのものが一つの模様であるような統一感のある美しさを演出するように作られています。 刻明朝体で文章を表示させるとこんな感じ。 漢字とかな文字のサイズの違いがメリハリを与えています。 一方の刻ゴシック体で同じ文章を表示させたらこんな感じ。ページ全体から受ける印象は、刻明朝体と大き

    商用でも無料で使える2種類の日本語フォント「刻明朝」「刻ゴシック」
  • お問い合せフォームをコーディングするための9つのTips | 株式会社LIG

    こんにちは。 LIGフィリピン支社代表のせいとです。 お問い合わせフォームといえば、どんなサイトにも大体備わっているものですよね。 どのフォームも見た目は大体同じのため、構築自体は簡単かと思います。 ただし、システムが絡んだり、ユーザーに操作してもらったりと、けっこう重要なページであったりもします。 そこで今回は、ユーザーにとってより快適なフォームを実現するためにオススメしたいクールな技をお伝えしたいと思います。 また、今回の記事を書くにあたり、デモページを作成しました。 こちらのソースも見ながら読んでいただくと、よりわかりやすいかと思います。 ユーザーフレンドリーで構築もしやすいクールなお問い合せフォームをコーディングする9つのTips 1. ボタン系の要素は全て<button type=”submit”></button>を使う 「送信する」「入力画面に戻る」などの要素を作る際、タグは

    お問い合せフォームをコーディングするための9つのTips | 株式会社LIG
  • FacebookのOGP画像に「顔」が入っている場合のトリミング位置についてまとめ

    FacebookのOGP画像のサイズと、ニュースフィードでの表示サイズについては、過去にも数回に渡ってまとめていますが、今回は画像の中に人間の顔が入っている場合の動きについて検証してみます。 どうやら、画像内に人間の顔が入っている場合、トリミングの仕様が通常とは異なり、顔の位置を自動検出してそこを起点にトリミングを行うようです。 なんと言う余計なお世話ハイテクシステム! ※過去のFacebook OGP画像関連のまとめ FacebookのOGP画像の仕様がまた変更。ニュースフィードでもタイムラインでも欠けないようにする方法。(スマホ対応!最新版 ※9.21追記) FacebookのOGP画像、最新サイズでの作成例をご紹介 題に入る前に、簡単におさらいです。 FacebookのOGP画像のニュースフィード上のサイズは、w1.91:h1 w468px以上でないと大きく表示されない(※Face

    FacebookのOGP画像に「顔」が入っている場合のトリミング位置についてまとめ
  • Javascriptで文字列をモールス信号に変換してネットの海で助けを求める - Qiita

    トントントンツーツーツートントントン・・・ 届いているでしょうか? 「無人島にひとつだけ持っていくとしたら?」 と聞かれて 「ノートパソコン」 とうっかり答えてしまった時の為に、 Javascriptで文字列をモールス信号に変換するプログラムを作ってみました。 これです。 モールス信号変換 http://xiidec.appspot.com/morse.html 上のテキストボックスに変換したい文字列(英数字)を入力すると、 0と1に変換してピーピー音がなります。 モールス信号はどうやってお話しするの? 短い「ピッ」と長い「ピー」の組み合わせで言葉を作るあれです。 「ピッ」「ピー」を「トン」「ツー」に言い換えるとなんか玄人っぽいですね。 モールス信号の代表例がこの ・・・ーーー・・・ 「SOS」。 「S」が「・・・」で「O」が「ーーー」。 ピンクレディの『SOS』という曲のイントロにはモー

    Javascriptで文字列をモールス信号に変換してネットの海で助けを求める - Qiita