様々なグラフを簡単に作れるJavaScript MIT license. サイトURL:http://www.chartjs.org/
pguso/jquery-plugin-circliful: jQuery circle statistic plugin
おしゃれな円グラフを作れるjQueryプラグイン。 パラメータを渡せば多彩な円グラフを簡単に作れそう。 今度使ってみよう。 サイトURL:https://github.com/pguso/jquery-plugin-ci…
chart.css – A Simple CSS Chart System
シンプルな記述でグラフが書けるCSS。 ちょっとしたグラフが必要な時に活用できそう。 サイトURL:https://theus.github.io/chart.css/#examples
動画コミュニティ MixChannel(ミックスチャンネル、ミクチャ)
中高生が利用する動画SNS。 若い人がターゲットの商材だとココらへんも押さえておかねば。 色々ありすぎておじさんは困る。 ユーザ層は8割以上が女性とのこと。 サイトURL:https://mixch.tv/
Free Web & Mobile Prototyping (Web, iOS, Android) and UI Mockup Tool | InVision
ここ半年くらい愛用しているモックアップ・プロトタイプ制作用のウェブサービス。 今まで紙ベースでやっていたワイヤーフレームの打ち合わせや、デザインの打ち合わせ。 ただ、どうしても紙だとウェブサイトの雰囲気や見え方(サイズ感…
動画制作・映像制作ならViibar(ビーバー) – 洗練された動画制作実績が掲載されているサイト
イマドキの動画制作実績を確認できる。 よく考えられたフックの効いた動画が多数掲載されている。 凄いなぁ。動画を作る機会は殆ど無いけど、勉強になります。 サイトURL:http://viibar.com/works
e☆イヤホン e-earphone – YouTube
ヘッドフォン販売サイト「e☆イヤホン」のYouTubeチャンネル。 5年にわたって、どのようにYouTubeを発展させていったかが分かる。 5年前よりも、現在の動画のほうが見てみようと思えるアイキャッチになっているし、動…
サイバーエージェント、国内動画広告の市場調査を実施 | 株式会社サイバーエージェント
2016年の動画広告市場は、前年対比157%の842億円に達する見通し。 スマートフォン動画広告需要は前年対比2倍の成長を遂げ、動画広告市場全体の約7割に到達。 2022年には2,918億円に達し、うちスマートフォン比率…
In Video Advertising, Is Longer Stronger? – Think with Google
GoogleがYouTubeを使った動画広告の調査結果 英語だけど、日本語翻訳して何とか読む。 サイトURL:https://www.thinkwithgoogle.com/articles/unskippable-vi…
平成28年版情報通信白書(PDF版)
総務省が提供する情報通信白書。 国がやっている、お墨付きの資料。 スマートフォンの普及とICT利活用等の資料はサイト制作にも役に立つ。 以下の内容が掲載されている 第1部 特集 IoT・ビッグデータ・AI~ネットワークと…
第3回『スマートフォンの動画視聴実態調査』
調査の結果、スマホを「タテ向きのみ」にして動画視聴する人が34.7%と年々増加していることが判明しました(第1回目:27.6%・第2回目:28.4%)。特に女性においては、「タテ向き」傾向が強く、約4割以上の女性が「タテ…
Visual Studio Code – Code Editing. Redefined
Microsoftが提供しているエディタ Visual Stduio Code を最近愛用し始めました。 以前は日本語化が弱かったのですが、最近はしっかりと日本語化しており、色々な文字コードも扱えて重宝します。 Visu…
slick – the last carousel you’ll ever need
気に入っているjQueryのカルーセル・スライダープラグイン。 スマホにも対応しているし、使いやすい。 MIT ライセンス サイトURL:http://kenwheeler.github.io/slick/
Japan Map ( jQuery plugin )
日本地図のクリッカブルマップを画像等を使用せずに実現したjQueryプラグイン 都道府県の選択だけでなく、東北地方などの地方ごとに色分けしたりも出来る。 更新はストップしているみたいだけど、活躍の機会は今後もありそう。 …
Local by Flywheel | Local WordPress development made simple
WordPressの開発環境構築用のソフトウェア Mac版しか今は無いみたいだけど、今後Windows版もリリース予定とのこと。 今度インストールして使ってみたい。 サイトURL:https://local.getfly…
Google Fonts
英語フォントが多いけど、WebFont(ウェブフォント)が本当に身近になったなぁ。 サイトURL:https://fonts.google.com/
spin.js
jQueryだけで画面や画像ロード時に使う、くるくる回るローダー?を表現出来るっぽい。IE6から対応しているので古いブラウザでも動作するようだ。 使い方もシンプルなので使いやすそう。 サポートブラウザ Chrome Sa…
Semantic UI
Semantic UIというCSSフレームワークは良さそう。開発も続いている。 Bootstrapがだいぶ古臭くなってきたと感じた時にはこのフレームワークを使ってみるのも面白そう。数多くのUIコンポーネントを収録している…
Font Awesome Cheatsheet
Font Awesomeは徐々にアイコンが増えているし、制作でも重宝している。 ただ、沢山のサイトが使っているがために、アイコンを使いすぎると陳腐な感じになっちゃうような気がするなぁ。 Font Awesomeのフォント…
ネーミング | codic
関数名や変数名。どんな名前が良いのか迷った時に重宝するサイトです。 日本語を入れるとそれっぽい変数名や関数名を提示してくれます。 シンプルで使いやすいユーザインタフェースも気に入っています。 サイトURL:…
UIkit – front-end framework
bootstrapよりも高機能なフロントエンドフレームワーク。 オープンソースとして公開されており、ライセンスはMITライセンス。 YOOthemeが開発をしており、どんどん改良を重ねられている。 flexboxなどの仕…
Awwwards – Website Awards – Best Web Design Trends
ウェブデザインに優れた世界中のウェブサイトが掲載されているサイト。 このサイト自体のナビゲーション等のギミックも洗練されている。 ちょいちょい閲覧している。 サイトURL:http://www.awwwards.com/
PHP正規表現チェッカー
正規表現のチェック時によく利用するツール サイトURL:http://www.rider-n.sakura.ne.jp/regexp/regexp.php
D3.js – Data-Driven Documents
今後、データの可視化をする時に活用したい。 GoogleAnalyticsでも使ってるみたい。 サイトURL:https://d3js.org/