タグ サンプルデモ
人気順 5 users 50 users 100 users 500 users 1000 users【CSS】ツールチップをHTMLとCSSだけで簡単に作る │ ジャングルオーシャン
ツールチップとは ツールチップとはある要素にマウスカーソルを合わせたときに 補足説明などの要素を表示するものだよ。 具体的なイメージはサンプルデモページを見てみてね。 サンプルデモを見る HTMLとCSSだけで簡単に実装できるからぜひ実装してみてね。 それじゃそれぞれのソースコードを見ていこう。 1.テキストで... 続きを読む
JavaScriptで開発された至高のAI・機械学習Webアプリ7選 - paiza開発日誌
どうも、まさとらん(@0310lan)です! 今回は、人気のAI・機械学習などを活用したWebアプリのなかで、JavaScriptによって開発されたプロジェクトだけを厳選してご紹介しようと思います! ご紹介するWebアプリはすべてブラウザからすぐに試せる「サンプルデモ」があり、どのように開発されているのかを確認できる「ソー... 続きを読む
プログラムの中身を直感的なGUIで操作できるJavaScriptライブラリ「dat.gui」を使ってみた! : うえぶはっく
みなさんは、上の画像みたいにパラメータをいじれるGUIを見たことがあるでしょうか? いろいろネットを検索していると、たまに見かけたりするのですが、だいたい 3D系のサンプルデモ や物理演算のシミュレーションなどによく使われているようです。 実際に触ってみると意外に便利なライブラリで、プログラムの好きな箇所をGUIで表示させて、誰でも気軽にいじれるようにできるのは面白いと思います。 そこで今回は、こ... 続きを読む
わずかなコードで実装する、CSSスタイリングの小技テクニック28個まとめ - PhotoshopVIP
海外デザインブログDesign Your Wayで公開された「39 CSS Code Snippets To Make You A Better Coder」より許可をもらい、日本語抄訳しています。 ほんの少しのコードのみで実装できる、かゆい所に手の届くCSSスタイリングの小技テクニックを、サンプルデモと一緒にご紹介します。 「これってどうやってスタイリングするの?」そんな 頭を抱えそうな問題点を... 続きを読む
ラジオボタンをスイッチデザインに変換するjQueryプラグイン*ホームページを作る人のネタ帳
ラジオボタンをスイッチデザインに変換するjQueryプラグイン 2015/10/02 ツイート スポンサーリンク 味気ないラジオボタンをスイッチデザインに変換してくれるjQueryプラグインです。 それ以上でもそれ以下でも無いのですが・・・。 jQueryプラグインを読み込むだけですぐに変換 jQueryプラグインを読みこめば、ラジオボタンが以下のようになります。 サンプルデモは以下に http:... 続きを読む
月額、年額サービス用の美しい価格表CSS | Flips Blog Web担の小技
美しい価格表のCSSのご紹介。 海外Claudia Romano氏が作成した無料で使える価格表テーブルです。 月額と年額の切り替え機能が付いているタイプでお探しの方に特にオススメです。 どんなものかというのは以下の動画で。 サンプルデモ HTML <div class="cd-pricing-container"> <div class="cd-pricing-switcher"> <p clas... 続きを読む
WebRTCを仕組みから実装までやってみる | ブログ :: Web notes.log
このエントリはFrontrend Advent Calendar 2013 23日目の記事です。 WebRTCを仕組みの理解から実装まで Advent Calendarを書くということでなんか新しいことやったほうがいいかなーって思ってたので、今回はWebRTCを調べてみました。 調べながらだったので間違っている箇所もあるかもですが、専門家の方のツッコミあれば歓迎です。 先に作ったサンプルデモを触り... 続きを読む
Oculus Rift MMD · GOROman/OculusRift Wiki · GitHub
How to play MMD with your Oculus Rift 以下は、Oculus Riftを持っている方でMiku Miku Dance(MMD)をOculus Riftで楽しむための手順です。 既にOculus Riftでサンプルデモが動いている事を前提にしています。Windowsが対象です。 1. Get / Trial Unity Pro Oculus RiftをUnityで... 続きを読む
米国議会図書館、新しい書誌データモデル“BIBFRAME”に関するウェブサイトを公開 | カレントアウェアネス・ポータル
米国議会図書館(LC)が、書誌フレームワークの変革への取組に関するウェブサイト“BIBFRAME.ORG”を公開しています。先日草案が公開された新しい書誌データモデル“BIBFRAME”に関する情報を中心にまとめられており、BIBFRAMEモデルに沿って記述された書誌のサンプルデモも公開されています。 BIBFRAME.ORG http://bibframe.org/ Demos - BIBFRA... 続きを読む
CSSで「飛び出す価格表」を作る方法 - ITクオリティ
CSSで実装する飛び出す価格表。 なにが飛び出すかというのはサンプルをご確認ください。 サンプルデモはこちら CSS3 Pricing Table - Demo チュートリアルはこちら How To Build A Pricing Table With CSS3 Animation 続きを読む
フォトブログを簡単に始める事が出来るwordpress無料テンプレート14*ホームページを作る人のネタ帳
今すぐフォトブログを開始したい人の為のword press(ワードプレス)の無料テンプレート。 ヨホホイ。 なかなか素敵なワードプレスのテンプレートがまとめられていたのでご紹介。 とにかく 「なんだよフォトブログって」という方が居たら以下のサンプルデモを叩いてみて欲しい。 Folio Elements Theme Demo こういうのがいっぱいまとめられています。 詳細は以下で。 写真サイト、イラ... 続きを読む
かなり素敵な手軽に貼れるFLASHイメージギャラリー*ホームページを作る人のネタ帳
空白というか白の使い方がクールですね。 手軽にウェブサイトにイメージギャラリーを設置したい時にいかがでしょうか。 日本語もいけるか試したら普通にいけたのでご紹介。 使い方は以下に。 FLASHイメージギャラリーのダウンロード サンプルデモはこちら カテゴリ分けも簡単に ※ダウンロード後、ちょちょっと変更かけないと日本語に対応しません。 とりあえずダウンロードしたファイルを解凍すると以下のような展開... 続きを読む