タグ「デモページ」

タグデモページ

新着順人気順 5 users 10 users 50 users 100 users 500 users 1000 users

(1 - 12 / 12件)

画像生成AI「Stable Diffusion」を低スペックPCでも無料かつ待ち時間なしで使う方法まとめ

2022/08/24 705 users Stable Diffusion NVIDIA製GPU

2022年8月23日に無料公開された画像生成AI「Stable Diffusion」は、「ボールで遊ぶ猫」「森の中を走る犬」といった指示を与えると指示通りの画像を出力してくれます。Stable Diffusionはデモページで画像生成を試せる他、NVIDIA製GPUを搭載したマシンを用いてローカル環境で実行することも可能です。しかし、デモページ... 続きを読む

ソースコードを分析し、コードの構造や階層・依存関係を可視化する便利な無料ツール -Code Crumbs | コリス

2019/02/25 703 users コリス dependencies Issue 階層言語

フローチャート ※依存関係・フローチャートはJavaScriptのみです。対応言語は、下記の通り。 JavaScript TypeScript Python PHP Java C++ 望む言語が他にあればIssueにどうぞ、とのことです。 Code Crumbsのデモデモでは、JavaScriptのコードでその動作を確認できます。デモページ依存関係はDependenciesをオンに、... 続きを読む

Vim を WebAssembly に移植した - はやくプログラムになりたい

2018/07/09 676 users WebAssembly vim github.com 実物

久々のブログです． 6月ぐらいにWebAssembly の仕様をざっくり読んだので，なんか WebAssembly でやりたいなと思って，Vim を WebAssembly に移植してブラウザで動くようにしてみました，という話です． github.com 多分実物を見ていただくのが一番早いので，下記のリンクにアクセスしてみてください．デモページはこち... 続きを読む

Vim を WebAssembly に移植した - はやくプログラムになりたい

2018/07/09 676 users WebAssembly vim github.com 実物

ゼロからはじめるCSS3を勉強するために参考になるサイトや便利なツール、チュートリアルを一挙にまとめました | HTML5でサイトをつくろう

2012/08/01 918 users チュートリアルツール CSS3 参考チュートリアルサイト

今までCSS3を使ったパターンやスタイルの付け方などを紹介してきましたが、一言にCSS3の機能といっても、角丸やグラデーションなどの装飾だけでなく、アニメーション機能などアプリ制作をする上でも便利な機能がたくさんあります。そこで、今回はアプリ制作をする上でも便利なCSS3のアニメーション機能等を勉強する際に参考になるサイトをまとめました。デモページからチュートリアルサイト、便利ツールまでこれか... 続きを読む

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

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

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

並べた画像を敷き詰めて超カッコよくするjQueryサンプル:phpspot開発日誌

2011/09/05 629 users jQueryサンプル phpspot開発日誌画像 img

Automatic Image Montage with jQuery | Codrops 並べた画像を敷き詰めて超カッコよくするjQueryサンプル。 <img>を単に並べるだけであとはブラウザの幅に応じて画像を次のように並び替えてくれちゃうデモとスクリプトのダウンロードが可能です。画像間の調整や背景色の調整等が行えるようです。デモページはこちらブラウザサイズを変更しても画像を再計算して表... 続きを読む

divなど余計なものを使用しないで、レイアウトをセンターに配置するテクニック

2011/06/14 608 users スタディラッパー div IE6 段階ごと

「」などのラッパーを使用しないで、レイアウトをセンターに配置するスタイルシートを紹介します。デモページ ※スタイルにCSS3を使用しているため、この版はIE6には対応していません。後ほど紹介するシンプル版はIE6に対応しています。「」を使用しないでレイアウトをセンターに配置するスタイルシート元記事ではスタディが段階ごとに... 続きを読む

[CSS]スマフォ対応サイトのためにMedia Queriesをしっかり身につけるチュートリアル | コリス

2011/05/29 609 users コリス iPhone チュートリアル CSS レイアウト

iPhoneなどの小さいサイズのモニターをはじめ、2560pxの大きいサイズのモニターなど、それぞれの幅に適したレイアウトを自動的に適用するMedia Queriesをしっかりと身につけるためのスタイルシートのチュートリアルを紹介します。下記は各ポイントを意訳したものです。デモページの確認 HTML CSS Media Queries 完成したデモの確認デモページの確認チュートリアルの前に... 続きを読む

[JS]これFlashじゃないの？ってなるナビゲーションを実装するjQueryのチュートリアル | コリス

2011/03/27 655 users ローディンググリッド jQuery メインメニューコリス

まずは、デモページを堪能ください。ナビゲーションの各ラベルをクリックすると、それに対応したパネルがアニメーションを伴って開くようになっています。デモページ実装HTMLの構造は、背景画像、グリッドのオーバーレイ、ローディングのアイコン、メインメニューの4つから構成されています。HTML：背景背景は、背景画像とオーバーレイとローディングをdiv要素で内包します。続きを読む

画像とかの横にあるテキストを上下中央に｜CSS HappyLife

2008/03/16 552 users CSS HappyLife 上下中央テキストヨモツネット

←こういう感じで、画像の横にあるテキストを画像に対して上下中央にするってーのは、今まで出来ないと思ってたんす。だけども、ヨモツネットさんの記事でヨモツネット[日記] ≫ CSS で簡単に上下中央揃えを実現するってが紹介されてたので、試して見ました！ display: table-cell;がポイントになってて、IEはハックで対応みたいな感じです。 ---- こっから続きデモページ画像とかの横... 続きを読む

[CSS]いろいろな問題を解決する1行のスタイルシート集 | コリス

2008/03/11 785 users センタリングコリス line-height フロート横幅

CSS Globeのエントリーから、スタイルシートのレイアウトで生じる問題を解決する８つの1行のスタイルシートの紹介です。 8 Premium One Line Css Tips 縦方向のセンタリング高さが固定されている場合、「line-height」を使用して、縦方向のセンタリングが実装できます。デモページ line-height:24px; はみだす箇所を隠す横幅の広い画像などをフロート... 続きを読む

(1 - 12 / 12件)