「旅行のしおり」をめっちゃ簡単につくるサービス「行程さん」が便利 - LOGzeudon

2017/08/09 1187 users Twitter LOGzeudon しおり かんたん 一言

2017 - 08 - 10 「旅行のしおり」をめっちゃ簡単につくるサービス「行程さん」が便利 好きなモノの紹介 たまたまTwitterで見かけたら便利だったので紹介したい。 旅行のしおり作成・共有 行程さん 行程さんについて 一言で表せば、 「旅のしおり」をつくるツール だ。 実際どんな旅のしおりをつくれるのかは、 サンプルページ を見るとわかる。 使い方 カンタンすぎて書くほどでもないが、試す... 続きを読む

ドロップダウン実装を簡単にサポートしてくれるDorp.js*ホームページを作る人のネタ帳

2015/09/10 68 users ネタ帳 実装 ドロップダウン ドキュメントファイル ソース

ドロップダウン実装を簡単にサポートしてくれるDorp.js 2015/09/10 ツイート スポンサーリンク 手軽にドロップダウンの実装をサポートしてくれるjsのご紹介。 サンプルページのソースを見ればほとんどわかりますが、ドキュメントファイルは一度目を通しておくといいかもしれません。 ドロップダウンに関する動作 サイズバーもお手軽実装。 各種動作設定も可能。 一番上のシェアボタンはクリックしてメ... 続きを読む

大辞林のデータについて。大学のレポートの一部で、大辞林一冊は何バイ... - Yahoo!知恵袋

2015/04/27 176 users パイ 概算 大辞林 Yahoo 知恵袋

それで良いと思う。 他の手として・・・、 ・ネットで検索してみる(過去のQ&Aとかがあるかも・・？) ・大辞林を出版しているところに問い合わせる ・似たような情報量の電子辞書ソフトの容量を調べる ・「新聞紙1枚が何バイト」とか言ったすでにある情報から類推する がありそうだが、質問にあるやり方がまっとうなやり方だと思う。 後は、一冊の総文字数の概算のやり方になる。 ・サンプルページを無作為に決める ... 続きを読む

Ruby on RailsにてBootstrap3のサンプルページを作成する ｜ Developers.IO

2014/05/12 175 users Developers.IO Bootstrap3

はじめに サンプルアプリ等を作成する際、デザインに悩むことは多いかと思います。 (特にデザインセンスに乏しい私のようなプログラマは・・・) このような時に、Bootstrapは強い味方となります。(今更感は強いですが・・・) またBootstrapにはデザインのサンプルが用意されているので、このサンプルをベースとしてアプリを作っていけばデザインについて悩むことを減らすことができそうです。 今回はR... 続きを読む

【Ninja】jQueryとCSS3アニメーションで作る何度もクリックしたくなる「ページトップ」ボタン / SQUEEZE - Web Design Studio -

2013/09/09 116 users Squeeze スクロールアニメーション Ninja 何度

前回の記事『Webデザインの参考にしたい遊び心あふれる「ページトップ」ボタン9個』にならって、jQueryとCSS3アニメーションを使って遊び心あふれる何度もクリックしたくなる「ページトップ」ボタン作成してみました。 Ninjaページトップボタン ブックマークバーとスクロールアニメーションを活かしたページトップボタンにしてみました。サンプルページをご覧ください。 サンプルページ » 忍者登場はCS... 続きを読む

デザインする際に使える！10個のweb配色ツール【色の見本】

2013/06/01 562 users 見本 Photoshop 配色 カラ カラースキーム

こんにちは。 デザインにおいて配色の役割は大きく、色1つでWebサイトの印象がガラっとかわることはよくあります。 そこで今日は、配色を決める際に役立つツールを集めてみました。 Color Scheme Designer カラースキームを決められるサービスです。WEBページに落とし込んだ時の、配色のサンプルページなども見れてとても便利です。気に入った配色ができたら、Photoshopのカラーパレット... 続きを読む

CSS3アニメーションを利用したサンプル[to-R]

2013/04/14 63 users to-R サンプル CSS3アニメーション sample 動作

CSS Niteビギナーズ：HTML5+CSS3でCSS3アニメーションを紹介したところ、使いどころがよく分からないとの意見をたくさん頂いたので、サンプルをいくつかご紹介します。 実際の動作はサンプルページから確認できます。 sample1 ボタンにマウスをのせた際にアニメーションして背景色を切り替えます。 /*sample1*/ .sample1 a{ background:#3f8bad; t... 続きを読む

jQuery/JavaScriptの高速化テクニックまとめ - NAVER まとめ

2012/12/18 721 users jQuery NAVER iPod WEBプログラマー

webプログラマーのメモ SELECT * FROM engineer_life; Search Main menu Skip to primary content Skip to secondary content ホーム webpod（iPod）サンプルページ 紹介 Post navigation ← Previous Next → jQueryのパフォーマンス高速化Tipsまとめ Post… 続きを読む

TwitterやFacebookのように一番下までスクロールしたら自動的にコンテンツを表示する「jQuery.Bottomプラグイン」: 小粋空間

2012/02/05 867 users Twitter Facebook 小粋空間 サンプル 一番下

TwitterのタイムラインやFacebookのニュースフィードように、ページの一番下までスクロールしたらコンテンツを自動的に表示する「jQuery.Bottomプラグイン」を紹介します。 １．サンプル jQuery.Bottomプラグインにはデモページが用意されていますが、いまいちなのでサンプルページを作りました。 jQuery.Bottomプラグインサンプル ページの一番下までスクロールすると... 続きを読む

小粋空間: CSS で table に斜線を引く方法

2009/10/25 287 users table 斜線 CSS relative position

CSS で table に斜線を引いてみました。下の表の左上の斜線に CSS を使ってます。 サンプル（クリックすればサンプルページに移動します） Windows XP + IE6 / IE7 / Firefox3 / Safri3 / Google Chrome で確認しています。 ポイントは以下です。 th 要素に position: relative; 斜線を引く要素（ここでは span）に... 続きを読む

HTML5 と CSS3 で 死にたい

2009/08/14 325 users CSS3 HTML5 プロパティ CSS 変形

CSS3の「変形・アニメーション関連」のプロパティは面白いですね。これらのプロパティの登場によって、CSSの持つ表現力が「どかーん」と拡大するように感じました。この記事では、WebKit Nightly Buildsでの表示を対象に、 CSS3で新たに定義されたプロパティを色々と使ったサンプルを作ったので、それを紹介したいと思います。 サンプルページは、CSS3のプロパティの練習として作っていたの... 続きを読む

[使える CSS テクニック] CSSで色々なカラムレイアウト（段組）を実現する | バシャログ。

2008/05/29 297 users バシャログ CSS カラムレイアウト レイアウトパターン 構造

第 2 回目は「色々なカラムレイアウト（段組）を実現する」です。 WEBサイトには色々なカラムレイアウトが使われています。 その中でも今回は最近よく使われている、レイアウトパターンをいくつかご紹介します。 2カラム固定レイアウト 2カラム固定レイアウトは、企業サイトなどでよく使われるレイアウトパターンです。 サンプルページ 2カラム固定レイアウトの解説 XHTMLの構造は以下のように設定します。 ... 続きを読む

きみのサイトに被はてブ数 :: ぼくはまちちゃん！

2006/02/09 86 users ボク まちちゃん prototype users シンボル

はてなブックマークおもしろいよね！ ところで、ぼく、はてなブックマークで一番使うシンボル(?)って [B!] でも [↑B] でもなく [108 users] だと思うんだけど！ だから自分のサイトで users が表示できるやつをつくってみたよ！！ → ひてブ(js) v0.2 (ダウンロード) どんな感じかは、サンプルページをみてね！ つかいかたはこうだよ！ 1. まずは prototype.... 続きを読む