サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
ブラックフライデー
www.netzgesta.de
transm.js 1.3 allows you to add programmable image transitions to your webpages. It uses unobtrusive javascript to keep your code clean. It works in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, Safari 2+, Chrome 3+ and IE 6+. Works also on older browsers supporting JS 1.5 and images and filter or opacity, else it'll degrade and your visitors won't notice a thing.
gauge.js 1.4 allows you to add gauges (with shading and reflection) to your webpages. It uses unobtrusive javascript to keep your code clean. It works in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, Safari and IE6+. On older browsers, it'll degrade and your visitors won't notice a thing. Shows some of the things gauge.js does. 8 inbuilt colors available (if are more colors required - t
To add snapfit just set the event onload="snapfit.add(this);" to an div surrounded image. <div><img onLoad="snapfit.add(this);" width="400" height="200" ...></div> Mouse- and Keyboard-driven handling: Move: Click & Drag Rotate clockwise in steps of 90°: DoubleClick Flip along X-axis: DoubleClick & [alt]Key or Right Mouse Button Flip along Y-axis: DoubleClick & [shift]Key or Middle Mouse Button Key
Cubic Bezier timing function compatible with -webkit-transition-timing-function In addition to the -webkit-transition-timing-function cubic-bezier(), support for a 100% compatible easing defined by a cubic bezier function as a public domain javascript would be welcome. 0.25, 0.1, 0.25, 1.0 The timing function is specified using a cubic Bezier curve, which is defined by four control points. The fir
Guru Meditation - With deactivated Cookies: nothing will be saved!
Initialisation class "sphere" define the sphere size by adding isize followed by the desired size in pixel: Sphere size class "isize" - min=32 max=n default=auto vary the image by adding izoom followed by the desired zoom in percent: Image zoom class "izoom" - min=100 max=200 default=100 vary the image by adding ishift followed by the desired shift in percent: Image shift class "ishift" - min=1 ma
Set defaults shiftzoom.defaultFading = true; //BOOLEAN startup image fading shiftzoom.defaultButtons = true; //BOOLEAN left top buttons shiftzoom.defaultNozoom = false; //BOOLEAN disable zooming feature shiftzoom.defaultBicubic = false; //BOOLEAN enable bicubic image interpolation for IE7+ shiftzoom.defaultWheelinvert= false; //BOOLEAN makes zoom behaviour identical with Google Maps
Download cvi_busy_lib.js and include it into your webpage. <script type="text/javascript" src="cvi_busy_lib.js"></script> Add overlay to element ctrl = getBusyOverlay(parent[, overlay[, busy]]); parent == element to add the overlay to or "viewport" overlay e.g. {color: 'black', opacity: 0.5, ...} color == STRING 'black' or '#000000' or 'rgb(0,0,0)' Default: 'white' opacity == FLOAT 0.0 - 1
What is it good for strokeText.js is an unobtrusive javascript library working in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, Safari and IE6+. The library provides cross API text stroking capability for Canvas and VML. The (built in) sans-serif font is also adapted for SVG to ensure an identical representation. strokeText.js is not a standalone application. It act's as an expansion to
mapper.js 2.4 allows you to add automatic area highlighting to image maps on your webpages (inc. export to SVG). It works in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, Safari and IE6+. On older browsers, it can use "jsgraphics" from Walter Zorn (if installed), else it'll degrade and your visitors won't notice a thing. Image with class "mapper showcoords noborder iopacity50 icolorff00
Download bevel.js and include it into your webpage. <script type="text/javascript" src="bevel.js"></script> Initialisation class "bevel" vary the radius by adding iradius followed by the desired radius in percent: Image radius class "iradius20" - min=20 max=40 default=20 vary the masking by adding usemask: Image masking class "usemask" vary the masking by adding ibackcol followed by the color: Mas
CVI Showcase This WYSIWYG application was made, in order to get a fast impression of the available CVI effects and their illustration qualities (using the distributed cvi_*_lib.js versions). CVI equals to "Canvas Vml Image effects". The CVI libraries requires no plugin or extension. The CVI libraries uses unobtrusive javascript to keep your code clean and they work in all the major browsers - Mozi
Initialisation class "curl" vary the size of the curl by adding isize followed by the desired size in percent: Curl size class "isize" - min=0 max=MinImageDimension default=33 vary the paperback color of the curl by adding icolor followed by the color: Curl color class "icolor" - min=000000 max=ffffff default=0 vary the shadow by adding ishadow followed by the opacity in percent: Curl shadow class
To get the effect just add a class="reflex" to the image (minimum dimension: 32x32). The needed vertical space of the canvas element will grow by the height of the reflection, plus the height of the distance. Initialisation class "reflex" vary the reflection by adding idistance followed by the desired height in pixel: Reflection distance class "idistance" - min=0 max=100 default=0 vary the reflect
Initialisation class "edge" vary the mask by adding imask followed by the maskimage number: Mask image class "imask" - min=0 max=NumberOfLoadedMasks default=0 fallback mask creates soft edges without any external resource image: Fallback class "inbuilt" vary the size of the fallback mask by adding isize followed by the desired size in pixel: Edge size class "isize" - min=0 max=HalfOfImageDimension
Image Effect: Supports zoom & pan for pixel & vector data! It's a conceptual combination of ShiftZoom and Mapper. Requires no plugin/extension or any other external resource! New since 1.4: Fixed wheel behavior in conjunction with the argument "nozoom" It uses unobtrusive javascript to keep your code clean and works in all the major browsers - Mozilla Firefox 3+, Opera 9.5+, Chrome 5+, Safari 3.1+
www.netzgesta.de, Christian Effenberger, Suedstrasse 2, 41564 Kaarst, 0049 - (0)2131 669392, info(at)netzgesta(dot)de
Valid RSS? Valid CSS? Valid HTML (4.01 Transitional)? Obstruct-fair Entrance: Level-A S5 is a flexible and lightweight slide show system available for anyone to use S5 is Public Domain so anyone can freely modify it to suit their needs S5 1.1/1.2 Features (can be found on meyerweb.com) meyerweb.com/eric/tools/s5/features.html S5 1.3 additional Features Auto-scaling of images/objects If you're sett
Initialisation class "glossy" vary the radius by adding iradius followed by the desired radius in percent of half of the smaller picture dimension: Corner radius class "iradius25" - min=20 max=50 default=25 vary the shadow by adding noshadow: Noshadow class "noshadow" - default=false vary the background by adding ibgcolor followed by the desired color as hex: Background color class "ibgcolor" - mi
Download instant.js and include it into your webpage. // only if you want to use the annotation feature... <script type="text/javascript" src="cvi_text_lib.js"></script> // ...else this one only... <script type="text/javascript" src="instant.js"></script> Initialisation class "instant" vary the shadow by adding ishadow followed by the desired opacity in percent: Shadow opacity class "ishadow" - mi
loupe.js 2.0 allows you to add photorealistic loupes (magnifier) to images on your webpages. The design is changeable by use of an image editing program. It uses unobtrusive javascript to keep your code clean. It works in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, Safari, Chrome and IE6+. On older browsers, it'll degrade and your visitors won't notice a thing.
Valid RSS? Valid CSS? Valid HTML (4.01 Transitional)? Obstruct-fair Entrance: Level-A S5 1.3ß7 with all Themes as ZIP-Archive : www.netzgesta.de/archive/S5_1.3beta7.zip S5 1.3ß7 plain and empty Projects as ZIP-Archive : www.netzgesta.de/archive/S5_1.3projects.zip S5 1.3ß7 Documentation as printable PDF-File : www.netzgesta.de/s5/S5_Reloaded.pdf S5 1.29rc1 plain and empty Projects as ZIP-Archive :
(Graphical Control Panel) S5 Advantages and Default Theme with Test-Drive and OSF/XOXO-Example: s5.netzgesta.de/reloaded/advantages-scala_gfx.html s5.netzgesta.de/reloaded/test-drive-default_gfx.html s5.netzgesta.de/reloaded/index-default_gfx-osf.html s5.netzgesta.de/reloaded/index-default_gfx-xoxo.html advantages-scala_gfx test-drive-default_gfx test-bed-default_gfx-osf test-bed-default_gfx-xoxo
Valid RSS? Valid CSS? Valid HTML (4.01 Transitional)? Obstruct-fair Entrance: Level-A Page: Welcome to S5 • Reloaded My name is Christian and my profession is web design and programming. When I searched for a browser based slide show system which should answer my personal needs I encountered S5 (Simple Standards-based Slide Show System) from Eric Meyer [meyerweb.com/eric/]. This format/program cou
corner.js 2.1 allows you to add corners (and also shading and shadow) to images on your webpages (alternatively: glossy.js). It uses unobtrusive javascript to keep your code clean. It works in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, Safari and IE6+. On older browsers, it'll degrade and your visitors won't notice a thing. CVI-lab: Get a fast impression of the effects and their illu
このページを最初にブックマークしてみませんか?
『Netzgesta.de • Advanced Visions』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く