HTMLのtableにクラスを加えるだけで、グラフやチャートを簡単に実装できるCSSのフレームワーク -Charts.css
棒グラフや折れ線グラフ、どうやって実装していますか？ Charts.cssなら簡単です。データをtableタグで実装し、CSSのクラスをtableに加えるだけで横棒グラフ、棒線グラフ、折れ線グラフ、エリアグラフなどを簡単に実装できるCSSのフレームワークを紹介します。 HTMLは普通の表組みなのでアクセシブル、グラフやチャートはレスポンシブにも完全対応した優れものです。 Charts.css Charts.css -GitHub Charts.cssの特徴 Charts.cssのデモ Charts.cssの使い方 Charts.cssの特徴 Charts.cssはtableで実装した表組みにシンプルなCSSのクラスを加えるだけで、さまざまなグラフやチャートを実装できるフレームワークです。カスタマイズも簡単で、ユーティリティのクラスも豊富に用意されています。 HTMLとCSSだけで実装 セマ
【「ザックリでいいので」の要求の高さ】デザイナーにしかわからない苦悩14選
1. adobeの広告が身につまされすぎる。 #デザイナーあるある pic.twitter.com/mqmCkjZ6 — HIDE (@hide_fennec) 2012, 12月 8 2. デザイナーに、「とりあえず作ってみて。みてみないとわからないから」っていうのは「とりあえず家作ってみて、住んでみないとわからないから」といってるのと全く同じ次元だということを理解して欲しい。 — 西岡克真@デザイン工房ハラペコ (@kaduma2010) 2011, 2月 24 3. 「ザックリでいいので」の要求の高さ。 #デザイナーあるある — karsin (@karsin_) 2011, 7月 27 4. あれもこれもどれも「大きくしろ」「目立たせろ」と言われ、あれもこれもどれも目立たなくなる #デザイナーあるある — 渡邊民人as家紋屋C'monYa！ (@tamishop) 2011, 7月
すごい役立った！Web制作に特化した「提案書」に入れておきたいこと、知識
作成：2014/02/3 更新：2014/11/01 ディレクション > 提案書に必ず書いておきたいことを順を追ってメモしました。イメージはブログ用なので簡易的なものとなっています。フローや内容は会社によって違うと思います。 エンジニア速報は Twitter の@commteで配信しています。 もくじ サイトリニューアルの提案 自社分析によるサイトの問題点とその解決策 見やすさ、管理しやすさへの主な工夫 サイトレイアウト案（トップページ） フロント画面＋管理画面 イメージ 保守＋運用 セキュリティ面でのご提案 バックアップと緊急時の対応 サイトマップ案 強み、実績、事例 スケジュール サイトリニューアルの提案 企画提案書の流れをメモしておきます。実際に提案するときは、ポイントをおさえて簡潔に説明していきます。必要な部分だけピップアップして使います。 自社分析によるサイトの問題点とその解決策
これぞレスポンシブ確認ツールの決定版！OSを選ばずにウェブサイトをすぐに確認できる -Viewport resizer
ウェブページの表示サイズをデスクトップやスマフォ・タブレット用に変えてレスポンシブの確認をするツールはたくさんありますが、これはかなりおススメのツールです。 Viewport resizer Viewport resizerの特徴 Viewport resizerの使い方 Viewport resizerの高度な使い方 Viewport resizerの特徴 Viewport resizerはブラウザベースで動作するブックマークレットで、WindowsでもMac OSでも即時にツールを起動して、表示しているウェブサイトをあらゆるサイズに変更して確認できます。 フルカスタマイズが可能。 その場でサイズ変更してのカスタマイズも可能。 1クリックでスマフォやタブレットの縦・横向きを変更できます。 Media Queriesをサポート。 Metaのviewportタグを適合させます。 ページのリロ
ビジターを顧客にするサイトデザイン | Moz - SEOとインバウンドマーケティングの実践情報
オンラインの、切実だけど思うように行かない話を取り上げる。サイトにやってきた人々が、サイトでどんな行動を選択するのか？ うまく計画を立てられれば、その答えは「サイト側が望むもの」になる。 サイトにビジターが集まったとする。ビジターはサイトのいろんなページを思い思いに見て回っている。さてどうするか。アクション（行動）の道筋を明確にする必要がある。ここでいうアクションの筋道とは、手取り足取り情報を案内し、ショッピングカートや登録プラン、ダウンロードなどへとビジターを導く緻密で手の込んだ視覚による刺激のことだ。 顧客とトラフィックに関する僕の記事（日本語版記事）からの続きで、今回は、ビジターがたどる明確なアクションの道筋を作るために、ページをどうデザインするかという問題に取り組む。 サイトでのビジターの行動に影響する要因として、どんなものが考えられるだろうか。 サイズ――文字サイズ、ページサイズ
フォームの入力エラーを吹き出しで教えてくれる JavaScript
■ フォームの入力エラーを吹き出しで教えてくれる JavaScript フォームの validation 関連のライブラリはいくつかありますが、私は以下に紹介するやつをずっと使ってまして、これがかなり気に入ってます。ただ、オレナイズされたコードが随所に含まれていたから紹介する事が出来ないでいたのですが、今回やっと書き直したのでお目見えです。 AJAX を使ってサーバサイドと連携、とかそういう事も全くやってなくて、普通に JavaScript のみで入力のチェックをしてるだけなんで、真新しい事はないんですが。 実際の動作サンプル とりあえず submit ボタンを押せば、全て理解出来るかと思います。 今回は CSS のファイルと画像のファイルといっぱい出来てきてしまっていて、いつもの「読み込ませるだけ」とはちょっと毛色も違い、使うのには事前の準備が必要で面倒です。 いつもの JavaScri
2月 その2(最終回) 夜明け前のとっておきの時間……ひとりって何だろう？と考えている - 渡辺葉のポートランド通信 | カフェグローブ
“青の刻（とき）（＊1） ”という言葉がある。黄昏の朱金が夜の藍に吸い込まれる直前の、昼と夜が交差する魔法の一刻。日没後の“青の刻”は、心ざわめかせる予感に満ちている。それは街角、通りの向こう側、店の片隅にひたひたと押し寄せ、入り込む。街ごと人を包み、抱き、ほろ酔いにさせ、笑い声をたてさせたり、遠い記憶を蘇らせたりする。 このごろ私は、もうひとつの“青の刻”を楽しむことも覚えた。それは、夜が明ける直前のひととき。暁の光が空に染みわたる半時間前、世界はしばし水彩絵の具を溶いたような、どこか南方の海の底を思わせる透明感のあるブルーに染まるのだ。 夜明け前の“青の刻”は、天に属する時間だ。頭上高く、広大な舞台で悠々と進行していく、さまざまな濃淡、さまざまな質感の青の宴。この“青の刻”は、その壮大さゆえに人を「自分はなんとちっぽけなんだろう」という気持ちにさせるけれど、それでいて、今日という日
おいしいリビングフード・ダイエット | カフェグローブ
今欧米で話題のホリスティックな食事セラピー「リビングフード」で、数々のダイエットに挑戦してきた食いしん坊エディターが、ボディもソウルもすっきり目指して奮闘レポート！ダイエットと健康維持って、女齢30を超えるとかなり手強いテーマ。数々のダイエットに挑戦してきた食いしん坊エディターが、今欧米で話題のホリスティックな食事セラピー「リビングフード」でボディもソウルもすっきり（の予定）！ 日々のリトリートの中での発見、ハウツーを刻々とレポートします。 文・写真＝山祥ショウコ 皆様、こんにちは。いつもと同じように本を読んだり、時間を過ごしているはずなのに、時計を見るとまだいくらも時間がたっていなくて、なんだかとても得した気持ちになった……そんな経験はありませんか？ 実は先日、久しぶりにヨガのちゃんとしたレッスンを受けてきました。事故って以来、脚に負担がかかることは極力さけるようにしていたため
統一された色彩を自動的に作るサイト「EasyRGB」 - GIGAZINE
奇抜で独創的な色の組み合わせではなく、あくまでも統一された色彩を作りたい場合に非常に便利。いわゆる色見本帳を見ながら行う一種の「カラーハーモニクス」をウェブサイト上で簡単に実現できます。 EasyRGB - Color harmonies, complements and themes. http://www.easyrgb.com/harmonies.php 例えばR:255、G:171、B:32と入力して「Start」をクリックすれば、自動的に入力した色と色彩的にあまり違和感のない統一された他の色の組み合わせを表示してくれます。RGBの範囲も指定できるので、あまりにもかけ離れた色は使いたくないという場合でも柔軟に対応が可能。 さらに便利なのがこちらのカラーマッチング。 EasyRGB - Match your RGB and color data with paint, inks, c
フォント・フリーフォント情報サイト
無効なURLです。 プログラム設定の反映待ちである可能性があります。 しばらく時間をおいて再度アクセスをお試しください。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
不正なページ経由のアクセス | So-net
http://noion.cool.ne.jp/index2.html
cafeblo.com
Buttonator