pguso/jquery-plugin-circliful: jQuery circle statistic plugin

pguso/jquery-plugin-circliful: jQuery circle statistic plugin

おしゃれな円グラフを作れるjQueryプラグイン。 パラメータを渡せば多彩な円グラフを簡単に作れそう。 今度使ってみよう。 サイトURL:https://github.com/pguso/jquery-plugin-ci…

chart.css – A Simple CSS Chart System

chart.css – A Simple CSS Chart System

シンプルな記述でグラフが書けるCSS。 ちょっとしたグラフが必要な時に活用できそう。   サイトURL:https://theus.github.io/chart.css/#examples

Free Web & Mobile Prototyping (Web, iOS, Android) and UI Mockup Tool | InVision

Free Web & Mobile Prototyping (Web, iOS, Android) and UI Mockup Tool | InVision

ここ半年くらい愛用しているモックアップ・プロトタイプ制作用のウェブサービス。 今まで紙ベースでやっていたワイヤーフレームの打ち合わせや、デザインの打ち合わせ。 ただ、どうしても紙だとウェブサイトの雰囲気や見え方(サイズ感…

e☆イヤホン e-earphone – YouTube

e☆イヤホン e-earphone – YouTube

ヘッドフォン販売サイト「e☆イヤホン」のYouTubeチャンネル。 5年にわたって、どのようにYouTubeを発展させていったかが分かる。 5年前よりも、現在の動画のほうが見てみようと思えるアイキャッチになっているし、動…

平成28年版情報通信白書(PDF版)

平成28年版情報通信白書(PDF版)

総務省が提供する情報通信白書。 国がやっている、お墨付きの資料。 スマートフォンの普及とICT利活用等の資料はサイト制作にも役に立つ。 以下の内容が掲載されている 第1部 特集 IoT・ビッグデータ・AI~ネットワークと…

第3回『スマートフォンの動画視聴実態調査』

第3回『スマートフォンの動画視聴実態調査』

調査の結果、スマホを「タテ向きのみ」にして動画視聴する人が34.7%と年々増加していることが判明しました(第1回目:27.6%・第2回目:28.4%)。特に女性においては、「タテ向き」傾向が強く、約4割以上の女性が「タテ…

Visual Studio Code – Code Editing. Redefined

Visual Studio Code – Code Editing. Redefined

Microsoftが提供しているエディタ Visual Stduio Code を最近愛用し始めました。 以前は日本語化が弱かったのですが、最近はしっかりと日本語化しており、色々な文字コードも扱えて重宝します。 Visu…

slick – the last carousel you’ll ever need

slick – the last carousel you’ll ever need

気に入っているjQueryのカルーセル・スライダープラグイン。 スマホにも対応しているし、使いやすい。 MIT ライセンス サイトURL:http://kenwheeler.github.io/slick/

Japan Map ( jQuery plugin )

Japan Map ( jQuery plugin )

日本地図のクリッカブルマップを画像等を使用せずに実現したjQueryプラグイン 都道府県の選択だけでなく、東北地方などの地方ごとに色分けしたりも出来る。 更新はストップしているみたいだけど、活躍の機会は今後もありそう。 …

Local by Flywheel | Local WordPress development made simple

Local by Flywheel | Local WordPress development made simple

WordPressの開発環境構築用のソフトウェア Mac版しか今は無いみたいだけど、今後Windows版もリリース予定とのこと。 今度インストールして使ってみたい。 サイトURL:https://local.getfly…

Google Fonts

Google Fonts

英語フォントが多いけど、WebFont(ウェブフォント)が本当に身近になったなぁ。 サイトURL:https://fonts.google.com/

spin.js

spin.js

jQueryだけで画面や画像ロード時に使う、くるくる回るローダー?を表現出来るっぽい。IE6から対応しているので古いブラウザでも動作するようだ。 使い方もシンプルなので使いやすそう。 サポートブラウザ Chrome Sa…

Semantic UI

Semantic UI

Semantic UIというCSSフレームワークは良さそう。開発も続いている。 Bootstrapがだいぶ古臭くなってきたと感じた時にはこのフレームワークを使ってみるのも面白そう。数多くのUIコンポーネントを収録している…

Font Awesome Cheatsheet

Font Awesome Cheatsheet

Font Awesomeは徐々にアイコンが増えているし、制作でも重宝している。 ただ、沢山のサイトが使っているがために、アイコンを使いすぎると陳腐な感じになっちゃうような気がするなぁ。 Font Awesomeのフォント…

ネーミング | codic

ネーミング | codic

関数名や変数名。どんな名前が良いのか迷った時に重宝するサイトです。 日本語を入れるとそれっぽい変数名や関数名を提示してくれます。 シンプルで使いやすいユーザインタフェースも気に入っています。   サイトURL:…

UIkit – front-end framework

UIkit – front-end framework

bootstrapよりも高機能なフロントエンドフレームワーク。 オープンソースとして公開されており、ライセンスはMITライセンス。 YOOthemeが開発をしており、どんどん改良を重ねられている。 flexboxなどの仕…

Awwwards – Website Awards – Best Web Design Trends

Awwwards – Website Awards – Best Web Design Trends

ウェブデザインに優れた世界中のウェブサイトが掲載されているサイト。 このサイト自体のナビゲーション等のギミックも洗練されている。 ちょいちょい閲覧している。 サイトURL:http://www.awwwards.com/

PHP正規表現チェッカー

PHP正規表現チェッカー

正規表現のチェック時によく利用するツール サイトURL:http://www.rider-n.sakura.ne.jp/regexp/regexp.php

D3.js – Data-Driven Documents

D3.js – Data-Driven Documents

今後、データの可視化をする時に活用したい。 GoogleAnalyticsでも使ってるみたい。 サイトURL:https://d3js.org/