ResponsiveSlides.js Responsive jQuery slideshow レスポンシブなスライドショーを実装できるjQueryプラグイン「ResponsiveSlides.js」 画面サイズが変わっても問題なく動作するレスポンシブなスライドショー実装が可能です サイズは１KBぐらいでマークアップも超シンプルに記述できます ブラウザサイズを変更しても問題なし 今後はこうしたライブラリもレスポンシブ対応必須となっていきそうですね 関連エントリ ３ステップではじめるレスポンシブWEBデザイン 使うっきゃないレスポンシブWEBデザインなWordPressテーマ２５ レスポンシブWEBデザインのサンプル26 ファイルアップロード関連のjQueryプラグイン１０

HighchartsはSVG/VMLを使って描画するJavaScript製のグラフライブラリです。 Webサービスにおいてグラフを使うとデータのインパクトが違います。だからこそ使い勝手の良いグラフライブラリを積極的に使っていくべきです。HighchartsはSVGを基本として多様なWebブラウザに対応したグラフライブラリになります。 折れ線グラフです。 Ajaxによるデータロード対応です。 グラデーションをかけることもできます。 滑らかな曲線です。 アイコンを貼付ける例です。 プロットのみで。半透明なドットを使っています。 エリアグラフです。 マイナスの値にも対応しています。 積み上げグラフです。 棒グラフです。 左右比較型の棒グラフです。 複数のデータを並べられます。 棒グラフもマイナス値を出せます。 こんな感じの棒グラフも。 さらにドリルダウン対応です。 HTMLのテーブルからデータを

For full functionality of this site it is necessary to enable JavaScript. Here are the instructions how to enable JavaScript in your web browser.

Webを見ていると、フレームワークっていう言葉をよく目にします。初心者の頃は、このフレームワークっていうものがどんなものなのか、いまいち分かりませんでした。今回は、色んな例でフレームワークというものを紹介してみました。なので、フレームワークって何だろうっていう人向けの記事です！ Web制作関連のブログを読んでいると、ときどきフレームワークっていう言葉がでてきます。例えば CSSのフレームワークとか、HTML5 + CSS3 のフレームワークとか …。 今でこそ、このフレームワークって何だかわかりますが、初心者の頃は、このフレームワークっていう言葉が何だか難しそうで、意味の分からないものでした（私だけ？）。何となく雰囲気で、使ってみると便利なのかなーという感じはしましたけど、そもそもフレームワークという言葉自体の意味が分かっていなかった頃は、使ってみよう！というところまで行きませんでした。

日本の無料SEOツールの中では高機能かつ動作が軽いのが特徴。ソーシャルブックマークやIPアドレスなども解析可能。 URL：http://seocheki.net/ WODGE相互リンクチェッカー 無料・無制限で使用可能。1度に５URLをまとめてチェックが出来るのも便利。相手先ページの発リンク数も表示されるので、有効なリンク先を見つける参考になります。 URL：http://www.wodge.biz/linkchecker/ エラーチェックツール Google Search Console これなくしては、現代のSEOはほぼ行えないでしょう。 モバイルでのエラーやページの表示速度など、基本的なユーザビリティチェック URL：https://search.google.com/ Dead Link.tv

1962年群馬県生まれ。株式会社リクルートを経て、サンダーバード国際経営大学院でMBA取得。現在、オーダーメイド型企業研修、営業研修を展開するエマメイコーポレーション代表取締役。リクルート社の伝説の営業パーソンが講師陣に名を連ねるオンライン営業研修「営業サプリ」において「売れる営業養成講座」の執筆・総合監修を務める。著書に『リクルート流』（PHP研究所）、『"惜しい部下"を動かす方法ベスト30』（KADOKAWA）、ベストセラー『40代を後悔しない50のリスト』（ダイヤモンド社）、『できる40代は、「これ」しかやらない』（PHP研究所）、『50代 後悔しない働き方』（青春新書インテリジェンス）などがある。 40代を後悔しない50のリスト 1万人から聞き出した後悔年齢は「40代」。職場や家庭でも何かと背負うものが多い「空白の10年」をいかに過ごせばいいのだろうか。30代の延長では失敗するとい

【ニュース】 Drinking water safety – WHO | FAQs: Japan nuclear concerns, 25 March 2011 （筆者注：各行上から「WHO飲用水質ガイドライン」「日本の現行の放射能濃度制限基準」「同基準の乳幼児向け」「IAEAが定める原子力緊急事態における放射能濃度規制基準」 / 各列左から「飲用水の放射能濃度制限基準の分類」「放射能濃度基準値Bq/kg or Bq/l」、「想定される年間放射線被曝量」、「仮にその濃度で1年間摂取した際に想定される健康へのリスク」） (1) WHO Guidelines for Drinking-water Quality should not be taken as the reference point for nuclear emergencies because the levels set ar

How to Create CSS3 Speech Bubbles Without Images JavaScript & CSS SitePoint Blogs 超シンプルなマークアップで実現できるCSS3による画像を使わない吹き出しサンプル。 吹き出しというと実装には若干階層を作ったマークアップが必要と考えますが、CSS3を使うと<p>だけで実現できるようです。 次のような吹き出しも、「<p class="bubble speech">SitePoint Rocks!</p> 」というシンプルなマークアップで実現出来ます。 影もついてますね。 角丸だけなら border-radiusで簡単に実現できそうですが、角のとんがったやつはちょっとしたハックを使っています。 border プロパティで枠線を設定し、左と上の線のみに色をつけることで三角形にしてます。それを２枚重ねることでとんがった

Twitterはわれわれの常識を一変させた。今やっていることや思ったことを、すべてオープンにする。「ネットは危険」というこれまでの常識の中では成立しえなかったサービスだ。しかし実際にTwitterを使い、そのオープンさが新しい楽しさや価値を生むことに多くの人が気づいた。そしてネットは新しい時代に移行した。 同様に新しい時代を築くのではないかと期待されるサービスが登場した。「Color」と呼ばれるスマートフォンアプリだ。このアプリの登場で、シリコンバレーは久々にエキサイトしている。その様子は後述するとして、まずはアプリの機能を説明していこう。 簡単に言うと、写真共有サービス、もしくは写真版Twitterである。アプリを通じて写真を撮れば自動的にネット上にアップされる。「公開」「非公開」の設定はない。写真を撮ればすべてネット上に公開されるようになっている（ただしアップした写真をネット上から削除