【CSS】ツールチップをHTMLとCSSだけで簡単に作る │ ジャングルオーシャン

2019/03/08 38 users ジャングルオーシャン CSS マウスカーソル HTML 要素

ツールチップとは ツールチップとはある要素にマウスカーソルを合わせたときに 補足説明などの要素を表示するものだよ。 具体的なイメージはサンプルデモページを見てみてね。 サンプルデモを見る HTMLとCSSだけで簡単に実装できるからぜひ実装してみてね。 それじゃそれぞれのソースコードを見ていこう。 1.テキストで... 続きを読む

JavaScriptで開発された至高のAI・機械学習Webアプリ7選 - paiza開発日誌

2018/10/31 92 users 至高 ソー paiza開発日誌 0310lan なか

どうも、まさとらん（@0310lan）です！ 今回は、人気のAI・機械学習などを活用したWebアプリのなかで、JavaScriptによって開発されたプロジェクトだけを厳選してご紹介しようと思います！ ご紹介するWebアプリはすべてブラウザからすぐに試せる「サンプルデモ」があり、どのように開発されているのかを確認できる「ソー... 続きを読む

プログラムの中身を直感的なGUIで操作できるJavaScriptライブラリ「dat.gui」を使ってみた！ : うえぶはっく

2016/02/08 82 users GUI パラメータ 物理演算 ライブラリ ウェブ

みなさんは、上の画像みたいにパラメータをいじれるGUIを見たことがあるでしょうか？ いろいろネットを検索していると、たまに見かけたりするのですが、だいたい 3D系のサンプルデモ や物理演算のシミュレーションなどによく使われているようです。 実際に触ってみると意外に便利なライブラリで、プログラムの好きな箇所をGUIで表示させて、誰でも気軽にいじれるようにできるのは面白いと思います。 そこで今回は、こ... 続きを読む

わずかなコードで実装する、CSSスタイリングの小技テクニック28個まとめ - PhotoshopVIP

2015/12/02 319 users Your Way 日本語抄 かゆい所 小技テクニック 許可

海外デザインブログDesign Your Wayで公開された「39 CSS Code Snippets To Make You A Better Coder」より許可をもらい、日本語抄訳しています。 ほんの少しのコードのみで実装できる、かゆい所に手の届くCSSスタイリングの小技テクニックを、サンプルデモと一緒にご紹介します。 「これってどうやってスタイリングするの？」そんな 頭を抱えそうな問題点を... 続きを読む

ラジオボタンをスイッチデザインに変換するjQueryプラグイン*ホームページを作る人のネタ帳

2015/10/02 50 users jQueryプラグイン http ネタ帳 スポンサーリンク

ラジオボタンをスイッチデザインに変換するjQueryプラグイン 2015/10/02 ツイート スポンサーリンク 味気ないラジオボタンをスイッチデザインに変換してくれるjQueryプラグインです。 それ以上でもそれ以下でも無いのですが・・・。 jQueryプラグインを読み込むだけですぐに変換 jQueryプラグインを読みこめば、ラジオボタンが以下のようになります。 サンプルデモは以下に http:... 続きを読む

月額、年額サービス用の美しい価格表CSS | Flips Blog Web担の小技

2014/11/21 131 users Web担 月額 Flips Blog 小技 年額

美しい価格表のCSSのご紹介。 海外Claudia Romano氏が作成した無料で使える価格表テーブルです。 月額と年額の切り替え機能が付いているタイプでお探しの方に特にオススメです。 どんなものかというのは以下の動画で。 サンプルデモ HTML <div class="cd-pricing-container"> <div class="cd-pricing-switcher"> <p clas... 続きを読む

WebRTCを仕組みから実装までやってみる | ブログ :: Web notes.log

2013/12/23 326 users WebRTC エントリ ツッコミ 実装 箇所

このエントリはFrontrend Advent Calendar 2013 23日目の記事です。 WebRTCを仕組みの理解から実装まで Advent Calendarを書くということでなんか新しいことやったほうがいいかなーって思ってたので、今回はWebRTCを調べてみました。 調べながらだったので間違っている箇所もあるかもですが、専門家の方のツッコミあれば歓迎です。 先に作ったサンプルデモを触り... 続きを読む

Oculus Rift MMD · GOROman/OculusRift Wiki · GitHub

2013/05/08 13 users Unity GET GitHub GOROman MMD

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”に関するウェブサイトを公開 | カレントアウェアネス・ポータル

2013/02/19 12 users カレントアウェアネス・ポータル Demos ウェブサイト

米国議会図書館（LC）が、書誌フレームワークの変革への取組に関するウェブサイト“BIBFRAME.ORG”を公開しています。先日草案が公開された新しい書誌データモデル“BIBFRAME”に関する情報を中心にまとめられており、BIBFRAMEモデルに沿って記述された書誌のサンプルデモも公開されています。 BIBFRAME.ORG http://bibframe.org/ Demos - BIBFRA... 続きを読む

CSSで「飛び出す価格表」を作る方法 - ITクオリティ

2011/12/21 23 users CSS ITクオリティ サンプル 価格表 方法

CSSで実装する飛び出す価格表。 なにが飛び出すかというのはサンプルをご確認ください。 サンプルデモはこちら CSS3 Pricing Table - Demo チュートリアルはこちら How To Build A Pricing Table With CSS3 Animation 続きを読む

フォトブログを簡単に始める事が出来るwordpress無料テンプレート14*ホームページを作る人のネタ帳

2009/09/10 387 users フォトブログ イラ Word Press テンプレート ネタ帳

今すぐフォトブログを開始したい人の為のword press（ワードプレス）の無料テンプレート。 ヨホホイ。 なかなか素敵なワードプレスのテンプレートがまとめられていたのでご紹介。 とにかく 「なんだよフォトブログって」という方が居たら以下のサンプルデモを叩いてみて欲しい。 Folio Elements Theme Demo こういうのがいっぱいまとめられています。 詳細は以下で。 写真サイト、イラ... 続きを読む

かなり素敵な手軽に貼れるFLASHイメージギャラリー*ホームページを作る人のネタ帳

2009/08/18 203 users カテゴリ分け ウェブサイト ネタ帳 ファイル ダウンロード

空白というか白の使い方がクールですね。 手軽にウェブサイトにイメージギャラリーを設置したい時にいかがでしょうか。 日本語もいけるか試したら普通にいけたのでご紹介。 使い方は以下に。 FLASHイメージギャラリーのダウンロード サンプルデモはこちら カテゴリ分けも簡単に ※ダウンロード後、ちょちょっと変更かけないと日本語に対応しません。 とりあえずダウンロードしたファイルを解凍すると以下のような展開... 続きを読む