タグ サンプルページ
人気順 10 users 50 users 100 users 500 users 1000 users「旅行のしおり」をめっちゃ簡単につくるサービス「行程さん」が便利 - LOGzeudon
2017 - 08 - 10 「旅行のしおり」をめっちゃ簡単につくるサービス「行程さん」が便利 好きなモノの紹介 たまたまTwitterで見かけたら便利だったので紹介したい。 旅行のしおり作成・共有 行程さん 行程さんについて 一言で表せば、 「旅のしおり」をつくるツール だ。 実際どんな旅のしおりをつくれるのかは、 サンプルページ を見るとわかる。 使い方 カンタンすぎて書くほどでもないが、試す... 続きを読む
ドロップダウン実装を簡単にサポートしてくれるDorp.js*ホームページを作る人のネタ帳
ドロップダウン実装を簡単にサポートしてくれるDorp.js 2015/09/10 ツイート スポンサーリンク 手軽にドロップダウンの実装をサポートしてくれるjsのご紹介。 サンプルページのソースを見ればほとんどわかりますが、ドキュメントファイルは一度目を通しておくといいかもしれません。 ドロップダウンに関する動作 サイズバーもお手軽実装。 各種動作設定も可能。 一番上のシェアボタンはクリックしてメ... 続きを読む
大辞林のデータについて。大学のレポートの一部で、大辞林一冊は何バイ... - Yahoo!知恵袋
それで良いと思う。 他の手として・・・、 ・ネットで検索してみる(過去のQ&Aとかがあるかも・・?) ・大辞林を出版しているところに問い合わせる ・似たような情報量の電子辞書ソフトの容量を調べる ・「新聞紙1枚が何バイト」とか言ったすでにある情報から類推する がありそうだが、質問にあるやり方がまっとうなやり方だと思う。 後は、一冊の総文字数の概算のやり方になる。 ・サンプルページを無作為に決める ... 続きを読む
Ruby on RailsにてBootstrap3のサンプルページを作成する | Developers.IO
はじめに サンプルアプリ等を作成する際、デザインに悩むことは多いかと思います。 (特にデザインセンスに乏しい私のようなプログラマは・・・) このような時に、Bootstrapは強い味方となります。(今更感は強いですが・・・) またBootstrapにはデザインのサンプルが用意されているので、このサンプルをベースとしてアプリを作っていけばデザインについて悩むことを減らすことができそうです。 今回はR... 続きを読む
【Ninja】jQueryとCSS3アニメーションで作る何度もクリックしたくなる「ページトップ」ボタン / SQUEEZE - Web Design Studio -
前回の記事『Webデザインの参考にしたい遊び心あふれる「ページトップ」ボタン9個』にならって、jQueryとCSS3アニメーションを使って遊び心あふれる何度もクリックしたくなる「ページトップ」ボタン作成してみました。 Ninjaページトップボタン ブックマークバーとスクロールアニメーションを活かしたページトップボタンにしてみました。サンプルページをご覧ください。 サンプルページ » 忍者登場はCS... 続きを読む
デザインする際に使える!10個のweb配色ツール【色の見本】
こんにちは。 デザインにおいて配色の役割は大きく、色1つでWebサイトの印象がガラっとかわることはよくあります。 そこで今日は、配色を決める際に役立つツールを集めてみました。 Color Scheme Designer カラースキームを決められるサービスです。WEBページに落とし込んだ時の、配色のサンプルページなども見れてとても便利です。気に入った配色ができたら、Photoshopのカラーパレット... 続きを読む
CSS3アニメーションを利用したサンプル[to-R]
CSS Niteビギナーズ:HTML5+CSS3でCSS3アニメーションを紹介したところ、使いどころがよく分からないとの意見をたくさん頂いたので、サンプルをいくつかご紹介します。 実際の動作はサンプルページから確認できます。 sample1 ボタンにマウスをのせた際にアニメーションして背景色を切り替えます。 /*sample1*/ .sample1 a{ background:#3f8bad; t... 続きを読む
jQuery/JavaScriptの高速化テクニックまとめ - NAVER まとめ
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… 続きを読む
怒濤の執筆!!「enchant.js開発のレシピ」を執筆しました(サンプル付き) | TM Life
いきなりですがゴメンナサイ… サンプルをお知らせするのを忘れておりました!! 以前, 『 怒濤の執筆!!「enchant.js開発のレシピ」を執筆しました.』という エントリーを書きました. 今回はその紹介に加え, サンプルページの紹介を追加しました. 良かったら参考にしてください. ってことで本題. 8月24日に私が執筆した「enchant.js開発のレシピ」という本が出版されました. ench... 続きを読む
TwitterやFacebookのように一番下までスクロールしたら自動的にコンテンツを表示する「jQuery.Bottomプラグイン」: 小粋空間
TwitterのタイムラインやFacebookのニュースフィードように、ページの一番下までスクロールしたらコンテンツを自動的に表示する「jQuery.Bottomプラグイン」を紹介します。 1.サンプル jQuery.Bottomプラグインにはデモページが用意されていますが、いまいちなのでサンプルページを作りました。 jQuery.Bottomプラグインサンプル ページの一番下までスクロールすると... 続きを読む
伝統工芸「一刀彫」の彫刻師がどうしようもないほどオタク | デジタルマガジン
日本の木彫の技法のひとつ、「一刀彫」による表札を販売している会社が大阪にあるのですが、彫刻師の方がどうしようもないほどオタクです。会社名は日本エクステリア。こちらがその会社のwebサイトです。伝統工芸の魅力が伝わってくる良いページですね。次に「一刀彫」のサンプルページです。いつかこんな彫りの表札を飾りたいものですが…………うん? 釘宮理恵? くぎゅ?「練達な彫刻師が丁寧に仕上げた、至高の一枚です」... 続きを読む
小粋空間: CSS で table に斜線を引く方法
CSS で table に斜線を引いてみました。下の表の左上の斜線に CSS を使ってます。 サンプル(クリックすればサンプルページに移動します) Windows XP + IE6 / IE7 / Firefox3 / Safri3 / Google Chrome で確認しています。 ポイントは以下です。 th 要素に position: relative; 斜線を引く要素(ここでは span)に... 続きを読む
HTML5 と CSS3 で 死にたい
CSS3の「変形・アニメーション関連」のプロパティは面白いですね。これらのプロパティの登場によって、CSSの持つ表現力が「どかーん」と拡大するように感じました。この記事では、WebKit Nightly Buildsでの表示を対象に、 CSS3で新たに定義されたプロパティを色々と使ったサンプルを作ったので、それを紹介したいと思います。 サンプルページは、CSS3のプロパティの練習として作っていたの... 続きを読む
[使える CSS テクニック] CSSで色々なカラムレイアウト(段組)を実現する | バシャログ。
第 2 回目は「色々なカラムレイアウト(段組)を実現する」です。 WEBサイトには色々なカラムレイアウトが使われています。 その中でも今回は最近よく使われている、レイアウトパターンをいくつかご紹介します。 2カラム固定レイアウト 2カラム固定レイアウトは、企業サイトなどでよく使われるレイアウトパターンです。 サンプルページ 2カラム固定レイアウトの解説 XHTMLの構造は以下のように設定します。 ... 続きを読む
きみのサイトに被はてブ数 :: ぼくはまちちゃん!
はてなブックマークおもしろいよね! ところで、ぼく、はてなブックマークで一番使うシンボル(?)って [B!] でも [↑B] でもなく [108 users] だと思うんだけど! だから自分のサイトで users が表示できるやつをつくってみたよ!! → ひてブ(js) v0.2 (ダウンロード) どんな感じかは、サンプルページをみてね! つかいかたはこうだよ! 1. まずは prototype.... 続きを読む