[B! JavaScript] soramimi-cakeのブックマーク

Page Not Found - NxWorld

Page Not Found Where are you going to fly? You seem to have followed a route that does not exist.

soramimi-cake 2016/08/04

リンク

こんなに美しいレイアウトがシンプルなHTMLで簡単に実装できるスクリプト -Multiple.js | コリス

半透明の美しいグラデーションが複数のパネルにまたがり、背景を続き画像として配置するスクリプトを紹介します。非常にシンプルなHTMLで実装でき、デモを実際に見るとその美しさに感動すら覚えます。

soramimi-cake 2016/06/22

リンク

var scene = new voxelcss.Scene(); scene.rotate(-Math.PI / 8, Math.PI / 4, 0); scene.attach(document.body); var world = new voxelcss.World(scene); var editor = new voxelcss.Editor(world); editor.enableAutoSave(); if (editor.isSaved()) { editor.load(); } else { editor.add(new voxelcss.Voxel(0, 0, 0, 100, { mesh: voxelcss.Meshes.grass })); } View in JSFiddle var voxel = new voxelcss.Voxel(0, 0, 0, 10

soramimi-cake 2016/01/27

リンク

背景にひと手間加えたい時に便利なスクリプト 10+ - NxWorld

ウィンドウいっぱいの背景に画像や動画を配置したり、ランダムなパーティクルやラインを表示させるなど、主に背景周りで使えそうものや「この領域に何かもうひと手間加えたい...」というときに便利そうだと思うスクリプトを幾つかまとめてみました。 jQueryプラグインが多めですが単体で動かすことができるものもあり、実装方法などに関しても容易にできるものが多いと思います。背景に画像や動画のスライドショーを実装できる「Vegas」背景にブラウザいっぱいのスライドショーを実装することができるjQueryプラグインで、画像だけでなく動画を埋め込むこともできます。また、オプションを変更することでスライドの動きにアニメーションを付けたり、用意されているパターンをオーバーレイで表示させたりすることもできます。

soramimi-cake 2016/01/12

JavaScript

リンク

SVGで画面全体に斜め線や曲線を引く

SVGで画面全体に斜め線や曲線を引く一昔前だと単純な斜め線とか円をバックに置きたいときは画像で作ってましたが、最近ではわりとSVGを使うことが多いようです。 SVGの良いところはベクターなので画面全体に配置しても荒くなったりしないとか、コードで作成できるので後々アニメーションなどもできたりします。ここでは単純な図形ですが画面全体に表示する方法をご紹介します。投稿日2015年09月29日更新日2015年10月14日準備まずはSVGをHTML内に記述する方法です。 HTML <div id="wrap"> <div class="description"> ここにコンテンツが入ります。 </div> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="

soramimi-cake 2015/09/30

リンク

第1章　JavaScript入門準備『ノンプログラマのためのJavaScriptはじめの一歩』（WEB+DB PRESS plusシリーズ）｜gihyo.jp … 技術評論社

WEB+DB PRESS plus（ウェブディービープレスプラス）シリーズは, Webアプリケーション開発のためのプログラミング技術情報誌『WEB+DB PRESS』編集部が自信を持ってお届けするシリーズです。本章ではまず，プログラムを初めて学ぶ人に向けて，プログラムを学ぶうえでの心構えを説明します。次に，JavaScriptとは何なのか，書いたプログラムをどのようにして実行するのかといった，JavaScriptを本格的に学ぶ前の事前知識を解説します。 1.1　プログラムを学ぶうえでの心構えプログラムはすべて覚えなくていいプログラムを学ぶ前に覚えておきたい重要なことが1つあります。それは，プログラムはすべてを覚えておく必要はないということです。JavaScriptの仕様をすべて把握して，何も見ないで完璧なプログラムを書ける人はほとんどいないと思います。筆者も含めてほとんどの人はわから