FlotはCanvasを使ったチャートを実装する為のライブラリです。jQueryに依存しています。上図のようなシンプルなグラフに限らず様々なビジュアルのグラフに対応することが可能です。グラフのリアルタイムアップデートにも対応出来るみたい。使いこなせればかなり応用効きそうですね。 FlotOn Github
あらためまして、24時間Illustratorスペシャルイベント「愛(Ai)はクリエイティブを救う」にご参加&配信をご覧くださった皆様、ありがとうございました! 過去に例の無いタイプのイベントということでしたが、自分自身もとても楽しむことが出来ました。 アーカイブが観られるよ 公式サイトでは、現在すべてのアーカイブを観ることが出来ます。 (事前に「アーカイブなし」の告知があったセッションは除きます。) アーカイブの試聴も無料。Adobeさん太っ腹! 深夜のセッションなど「起きてられなかった…」という方、 観てたけど「もう一回おさらいしたい」という方は是非公式サイトへどうぞ。 紹介スクリプトのおさらい イベント当日は普段から愛用させて頂いている、とても便利なスクリプトを使ったテクニックをご紹介させていただきました。 Twitterなどでも流したのですが、こちらでもまとめておきますね。 スクリ
アニメーションするCSSのみのハンバーガーメニューアイコン Animating CSS-Only Hamburger Menu Icons Hamburger menu icons have become a staple in many websites and web apps, and whether you like them or not, they are becoming a familiar and recognizable UI action button. Users are associating this icon with the showing and hiding of menus, and its compact, space-saving nature makes it a desirable style, particularly on smaller
@JUNP_Nです。無料で利用でき、かつ商用利用も可能な動画素材配布サイトを9個まとめてみました。最近では動画も身近になってきていますし、何か時に役立つかもしれないので、メモ程度にどうぞ。 Mazwai ショート版、ロング版と2種類の動画がダウンロードできます。ライセンスはCC BY 3.0なので、自由な利用ができますし、再配布も可能です。 Mazwai Pexels Videos テーマごとにカテゴリ分けされていて、プレビューも見やすく使いやすい動作がサイトです。音声が元からカットされているなど加工もしやすいです。 Free stock videos – Pexels Videos Movietools.info ループ動画をメインに扱っている動画サイトです。 Movietools.info - Free Backgroundloops, Lower Thirds, Motion Obj
僕はいつも、記事の最後に「あとがき」をつけているのですが、画像から吹き出し付きで書くようにしています。 ですが、これ、モバイル版ではちゃんと表示されていないのを分かっていながら放置してたんです。 CSSを利用した吹き出しなので、仕組みがなかなか難しく、後回しになってしまっていました。 この仕組を理解しないことには、放置しているモバイル版の対応もできないまま。 それはまずいので、ようやく重い腰をあげて勉強してみました。 あとがきの表示 PC版ではこんな感じの表示になってます。 それに対して、モバイル版はこんな感じでした。 吹き出しになってませんね。 最初はこちらの記事を参考に吹き出しを設置したのですが、 PC版だとスペースが広いので、画像の右側に吹き出しをおけるのですが、モバイル版は横幅が狭くなるので下側に吹き出しを置いたほうが見やすくなります。 ですが、そうすると、吹き出し特有の三角部分(
スタイルシートのフレームワークは数多く存在しますが、がちがちなものは影響範囲が大きいためにプロダクトベースでは導入が困難です。もっと軽量でカスタマイズが容易なものを使いたいと思うでしょう。 そこで紹介したいのがBasscssです。軽量なコレクションを多数そろえたモジュールベースのCSSツールキットになります。 Basscssの使い方 Basscssは3.73KB、24のモジュール、339のルール、592のデコレーションを備えたツールキットです。影響を極力控えているのが特徴になります。デモサイトを見ていきます。 トップページ。左側にモジュールおよび主な機能が掲載されています。 ベースフォーム。 基本のボタン。 テーブル。 タイポグラフィ。 フロートなど。 文字装飾。class名が単純です。 ボタンとメニュー。 ボタンサイズ。 グリッド。 カラー。基本はこの色合いです。 フォーム×カラー。 ダ
CSS3アニメーションを採用できる案件が増えてきたので、最近はjqueryを使用することが少なくなってきました。今回は入力フォームにjQueryを使わずにアニメーションを取り入れてみたいと思います。 フォームにデフォルトで付いているCSSのリセットも含めながら説明させて下さい。まずは、デモをご覧ください。 2. HTML 予めアニメーションさせたい「input」「textarea」「ラジオボタン」にclassを付けていきます。 <form> <div> <p><span class="ate1">必須</span>名前:</p> <p><input type="text" name="name" class="input_text" placeholder="名前"></p> </div> <div> <p><span class="ate1">必須</span>E-mail:</p> <
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く