Fittyはテキストをスケールアップ、またはスケールダウンして親コンテナに完全にフィットさせることができるJSライブラリです。フレキシブル・レスポンシブなWebサイトには最適な機能ですね。 jQueryなどへの依存性もなし 下記ページから、Fittyの実際のデモ動作をチェックできます。 デモ デモではコンテナ内にテキストがしっかりフィットした状態で収められています。レスポンシブにもなっているので、画面を縮小・拡大してみるとわかりますが、それに合わせてテキストも最適化されます。 パソコン、スマホ、タブレットと、さまざまなデバイスからの閲覧でもテキストを親コンテナにフィットさせた状態を維持したいという場面にはピッタリのライブラリですね。 ちなみに、jQueryなどへの依存性もなくファイル容量も軽量なのでサクサク動作します。セットアップも簡単なことから、手軽に実装できるのがグッドです。 フォント
GitHub - StarPlugins/thumbelina: A very lightweight jQuery content slider designed for thumbnail images. 軽量のコンテンツスライダー実装「thumbelina」 水平、垂直方向に実装できるスライダー。縦のものはあまり無い気がするので、レイアウト上、使える場面が出てきそうです 関連エントリ スライダーで画像の比較ができる「jQuery TwentyTwenty Plugin」 範囲指定用のスライダーUIをリッチに作成できる「jquery-rsSliderLens」 複数のハンドルで範囲指定などに使えるHTML5スライダー実装「Multirange」
jQuery Menuは任意のコンテキストメニューを実装する為のスクリプトです。jQueryに依存します。特定のエリアで右クリックすると事前に設定したメニューが表示される、というもの。ライセンスはMITです。 jQuery Menu
Processingといえばグラフィカルなアート作品を生み出す言語として知られています（またはArduinoで使える言語として知っている方も多いでしょう）。しかし専用の言語を覚えないといけないという点において利用を躊躇してしまっている方も多いはずです。 そんな方に使ってみて欲しいのがp5.jsです。グラフィックス、インタラクティブな体験を生み出すJavaScriptライブラリです。 p5.jsの使い方 単純に線が上がってくるだけの例。 上のデモコードは次のようになります。setupとdrawで構成されます。非常に分かりやすいです。 var y = 100; function setup() { createCanvas(720, 400); stroke(255); frameRate(30); } function draw() { background(0); y = y - 1; i
Inspiration for Menu Hover Effectsは、オシャレで多彩なホバーエフェクトを実装できます。CSSとJavaScriptを使用しています。いろんなホバーエフェクトが用意されているので、インスピレーションを得たいという人にもよさそうですね。 下記ページより、Inspiration for Menu Hover Effectsの実際のデモ動作をチェックできます。 デモ 最初のデモでは、各メニュー項目にホバーすると左から右にかけてマーカーで線を引くようなアニメーションが実行されます。シンプルながら、とてもスタイリッシュでオシャレなホバーエフェクトですね。 ちなみに、画面右下からいろんなデモに切り替えることができます。全部で8種類のデモが用意されています。 どのデモもかなりオシャレに作り込まれているので、自サイトのナビゲーションメニューなどにかっこいいホバーエフェクトを
見栄えからアニメーションまで基本的にCSS（一部SVGも使用）を使って作成されているユニークなローディングアニメーションを、CodePenで公開されている中から紹介します。 ローディングはそんなに長い時間表示させることは少ないですし、自分の場合はサクっと汎用的なシンプルなデザインのものを実装することがほとんどですが、こういった部分まで拘りたいとかちょっと面白いアニメーション付けたいってときに参考になるものやインスピレーションもらえそうです。 Loading Idea HTMLとCSSで作成した三角形を並べ、それらをタイミングずらしてopacityを使うことで見栄えを実装しています。 このデモはすべて同じカラーですが、カラーをバランス良く異なるものに設定するのも良さそうです。
Webサイトのデザインを考える上で色彩は重要なパーツです。それだけに慎重に選ばざるを得ません。同系色でまとめれば良いという訳でもなく、一見すると合わないような色合いでも意外とマッチするケースもあります。 そんなカラーパターンを既存の画像からピックアップしてくれるのがChameleon.jsです。 Chameleon.jsの使い方 画像が5つ並んでいます。これらの画像から色情報をピックアップして良い感じのカラーパターンを作ってくれます。 別な画像を選ぶと全く違った雰囲気になります。 色の種類によって区分けされているのも分かりやすいです。 Chameleon.jsを使えば自分の好きな写真やイラストからカラーパターンを抽出したり、インスピレーションを得ることができるでしょう。また、ロゴなどをベースにすることで全体の雰囲気を合わせるのにも使えそうです。 Chameleon.jsはHTML5/Jav
昔懐かしい、懐かしすぎる、GAME BOY版のポケモンで使用されていたフォントを現代のフォントフォーマットにした、オープンソースのポケモンフォントを紹介します。 アンノーンなどの絵文字もあり、なかなか楽しめると思います。 pokemon font pokemon font -GitHub pokemon fontはGAME BOY版のポケモン赤・緑・青・黄で使用されていたフォントの拡張クローンで、Unicodeに対応させたものです。 GAME BOYの画面はドットで構成されているので、表示されるフォントはピクセルフォントですが、現代のフォントはベクターが主流なので、それに合わせて、ベクターで小さな四角形をつくり、フォントにしたそうです。
モバイル向けのWebサイトではメニュー表示にハンバーガーメニューがよく使われます。しかし、実際のところハンバーガーメニューが一般的に分かりやすいわけでもありません。むしろタップして何が出るのか分からず躊躇してしまう人が多いでしょう。 そこで使ってみたいのがParadeiserです。ハンバーガーメニューに変わるメニュー機能を提供します。 Paradeiserの使い方 このように画面のヘッダー部にアイコンが並びます。 数が増えても大丈夫です。 Moreをタップすると追加のメニューが表示されます。 Paradeiserはスクロールするとヘッダー部のアイコンが自動的に消えるようになっています。そしてちょっと戻ると再度表示されます。ヘッダーにメニューが並ぶのはWebサイトでよく見られた形式ですが、常にあると邪魔になります。両方のいいとこ取りな機能ではないでしょうか。 ParadeiserはJavaS
Сайт www.appbeback.com не настроен на сервере хостинга. Адресная запись домена ссылается на наш сервер, но этот сайт не обслуживается. Если Вы недавно добавили сайт в панель управления - подождите 15 минут и ваш сайт начнет работать. Как это исправить?
2017年7月29日 このアプリを起動した後に終了させたアプリを覚えておいてくれて、メニューバーアイコンクリックでそのリストを表示し、クリックで再度起動させるアプリです。 macを利用しているとアプリを終了させてからすぐに起動させる、という操作をすることが案外多いので、そういったときに役立ちそう。 Command ⌘Shift + Wのホットキーで直近で終了させたアプリを復活させることが可能です。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く