EffectTiming.endDelay - Web APIs
the enddelay property of the effecttiming dictionary (part of the web animations api) indicates the number of milliseconds to delay after the active period of an animation sequence.
... the animation's end time—the time at which an iteration is considered to have finished—is the time at which the animation finishes an iteration (its initial delay, animationeffecttimingreadonly.delay, plus its duration,duration, plus its end delay.
... this is useful for sequencing animations based on the end time of another animation; note, however, that many of the sequence effectst that will benefit most from this property have not been defined in the specification yet.
...And 2 more matches

EffectTiming.iterationStart - Web APIs
web animations api's effecttiming dictionary's iterationstart property specifies the repetition number which repetition the animation begins at and its progress through it.
... element.animate(), keyframeeffectreadonly.keyframeeffectreadonly(), and keyframeeffect.keyframeeffect() all accept an object of timing properties including iterationstart.
... the value of iterationstart corresponds directly to animationeffecttimingreadonly.iterationstart in timing objects returned by animationeffectreadonly, keyframeeffectreadonly, and keyframeeffect.
...And 2 more matches

KeyframeEffectOptions - Web APIs
the keyframeeffectoptions dictionary, part of the web animations api, is used by element.animate(), keyframeeffectreadonly() and keyframeeffect() to describe timing properties for animation effects.
... add dictates an additive effect, where each successive iteration builds on the last.
... fill optional dictates whether the animation's effects should be reflected by the element(s) prior to playing ("backwards"), retained after the animation has completed playing ("forwards"), or both.
...And 2 more matches

Effective connection type - MDN Web Docs Glossary: Definitions of Web-related terms
effective connection type (ect) refers to the measured network performance, returning a cellular connection type, like 3g, even if the actual connection is tethered broadband or wifi, based on the time between the browser requesting a page and effective type of the connection.
... table of effective connection types ect minimum rtt maximum downlink explanation slow-2g 2000ms 50 kbps the network is suited for small transfers only such as text-only pages.
... effectivetype is a property of the network information api, exposed to javascript via the navigator.connection object.
... to see your effective connection type, open the console of the developer tools of a supporting browser and enter the following: navigator.connection.effectivetype; see also: network information api networkinformation networkinformation.effectivetype ...

Animation.effect - Web APIs
the animation.effect property of the web animations api gets and sets the target effect of an animation.
... the target effect may be either an effect object of a type based on animationeffectreadonly, such as keyframeeffect, or null.
... syntax var effect = animation.effect; animation.effect = animationeffectreadonly value a animationeffectreadonly object describing the target animation effect for the animation, or null to indicate no active effect.
... specifications specification status comment web animationsthe definition of 'animation.effect' in that specification.

EffectTiming.duration - Web APIs
the duration property of the dictionary effecttiming in the web animations api specifies the duration in milliseconds that a single iteration (from beginning to end) the animation should take to complete.
... element.animate(), keyframeeffectreadonly(), and keyframeeffect() all accept an object of timing properties including duration.
... the value of duration corresponds directly to animationeffecttimingreadonly.duration in timing objects returned by animationeffectreadonly, keyframeeffectreadonly, and keyframeeffect.
...this is a forwards-compatiblity measure since in the future, "auto" will be expanded to take into account the duration of any child effects.

HTMLVideoElement.msInsertVideoEffect() - Web APIs
the htmlmediaelement.msinsertvideoeffect() method inserts the specified video effect into the media pipeline.
... syntax str = htmlmediaelement.msinsertvideoeffect(activatableclassid: domstring, effectrequired: boolean, config); parameters activatableclassid a domstring defining the video effects class.
... effectrequired a boolean which if set to true requires a video effect to be defined.
... example var ovideo1 = document.getelementbyid("video1"); ovideo1.msinsertvideoeffect("windows.media.videoeffects.videostabilization", true, null); see also htmlvideoelement microsoft api extensions ...

nsIEffectiveTLDService
netwerk/dns/nsieffectivetldservice.idlscriptable this is an interface that examines a hostname and determines the longest portion that should be treated as though it were a top-level domain (tld).
... 1.0 66 introduced gecko 1.9 inherits from: nsisupports last changed in gecko 1.9 (firefox 3) implemented by: @mozilla.org/network/effective-tld-service;1.
... to use this service, use: var etldservice = components.classes["@mozilla.org/network/effective-tld-service;1"] .getservice(components.interfaces.nsieffectivetldservice); the name "effective tld service" is a historical one; today, the items this interface manipulates are called public suffixes, and the list of them is the public suffix list, or psl.

AnimationEffect.getTiming() - Web APIs
the animationeffect.gettiming() method of the animationeffect interface returns an effecttiming object containing the timing properties for the animation effect.
... syntax animationtiming = animation.gettiming(); returns an effecttiming object.
... specifications specification status comment web animationsthe definition of 'animationeffect.gettiming()' in that specification.

AnimationEffect.updateTiming() - Web APIs
the updatetiming() method of the animationeffect interface updates the specified timing properties for an animation effect.
... syntax animation.updatetiming(timing); parameters timing an optionaleffecttiming object containing the timing properties to update.
... specifications specification status comment web animationsthe definition of 'animationeffect.updatetiming()' in that specification.

EffectTiming.delay - Web APIs
the effecttiming dictionary's delay property in the web animations api represents the number of milliseconds to delay the start of the animation.
... element.animate(), keyframeeffectreadonly(), and keyframeeffect() all accept an object of timing properties including delay.
... the value of delay corresponds directly to effecttiming.delay in timing objects returned by animationeffectreadonly, keyframeeffectreadonly, and keyframeeffect.

EffectTiming.easing - Web APIs
the effecttiming dictionary's easing property in the web animations api specifies the timing function used to scale the time to produce easing effects, where easing is the rate of the animation's change over time.
... element.animate(), keyframeeffectreadonly(), and keyframeeffect() all accept an object of timing properties including easing.
... the value of easing corresponds directly to animationeffecttimingreadonly.easing in timing objects returned by animationeffectreadonly, keyframeeffectreadonly, and keyframeeffect.

EffectTiming.iterations - Web APIs
the web animations api dictionary effecttiming's iterations property specifies the number of times the animation should repeat.
... element.animate(), keyframeeffectreadonly(), and keyframeeffect() all accept an object of timing properties including iterations.
... the value of iterations corresponds directly to animationeffecttimingreadonly.iterations in timing objects returned by animationeffectreadonly, keyframeeffectreadonly, and keyframeeffect.

EffectTiming - Web APIs
the effecttiming dictionary, part of the web animations api, is used by element.animate(), keyframeeffectreadonly(), and keyframeeffect() to describe timing properties for animation effects.
... fill optional dictates whether the animation's effects should be reflected by the element(s) prior to playing ("backwards"), retained after the animation has completed playing ("forwards"), or both.
... specifications specification status comment web animationsthe definition of 'effecttiming' in that specification.

msClearEffects - Web APIs
the mscleareffects method of the htmlmediaelement, is a proprietary method specific to internet explorer and microsoft edge.
... mscleareffects clears all effects from the media pipeline.
... syntax htmlmediaelement.mscleareffects(); parameters this method has no parameters.

HTMLMediaElement.msInsertAudioEffect() - Web APIs
the htmlmediaelement.msinsertaudioeffect() method inserts the specified audio effect into the media pipeline.
... syntax htmlmediaelement.msinsertaudioeffect(activatableclassid: domstring, effectrequired: boolean, config); parameters activatableclassid a domstring defining the audio effects class.
... effectrequired a boolean which if set to true requires an audio effect to be defined.

KeyframeEffect.iterationComposite - Web APIs
the iterationcomposite property of a keyframeeffect resolves how the animation's property value changes accumulate or override each other upon each of the animation's iterations.
... syntax // getting var iterationcompositeenumeration = keyframeeffect.iterationcomposite; // setting keyframeeffect.iterationcomposite = 'replace'; values replace the keyframeeffect value produced is independent of the current iteration.
... accumulate subsequent iterations of the keyframeeffect build on the final value of the previous iteration.

KeyframeEffect.target - Web APIs
the target property of a keyframeeffect interface represents the element or pseudo-element being animated.
... syntax var targetelement = document.getelementbyid("elementtoanimate"); var keyframes = new keyframeeffect( targetelement, keyframeblock, timingoptions ); // returns #elementtoanimate keyframes.target; // assigns keyframes a new target keyframes.target = newtargetelement; value an element, csspseudoelement, or null.
... examples in the follow the white rabbit example, whiterabbit sets the target element to be animated: var whiterabbit = document.getelementbyid("rabbit"); var rabbitdownkeyframes = new keyframeeffect( whiterabbit, [ { transform: 'translatey(0%)' }, { transform: 'translatey(100%)' } ], { duration: 3000, fill: 'forwards' } ); // returns <div id=​"rabbit">​click the rabbit's ears!​</div>​ rabbitdownkeyframes.target; specifications specification status comment web animationsthe definition of 'keyframeeffect' in that specification.

NetworkInformation.effectiveType - Web APIs
the effectivetype read-only property of the networkinformation interface returns the effective type of the connection meaning one of 'slow-2g', '2g', '3g', or '4g'.
... syntax var effectivetype = networkinformation.effectivetype value a string containing one of 'slow-2g', '2g', '3g', or '4g'.
... specifications specification status comment network information apithe definition of 'effectivetype' in that specification.

SecurityPolicyViolationEvent.effectiveDirective - Web APIs
the effectivedirective read-only property of the securitypolicyviolationevent interface is a domstring representing the directive whose enforcement uncovered the violation.
... syntax let effdir = violationeventinstance.effectivedirective; value a domstring representing the directive whose enforcement uncovered the violation.
... example document.addeventlistener("securitypolicyviolation", (e) => { console.log(e.effectivedirective); }); specifications specification status comment content security policy level 3the definition of 'effectivedirective' in that specification.

EffectTiming.direction - Web APIs
the direction property of the web animations api dictionary effecttiming indicates an animation's playback direction along its timeline, as well as its behavior when it reaches the end of an iteration element.animate(), keyframeeffectreadonly(), and keyframeeffect() all accept an object of timing properties including direction.
... the value of direction corresponds directly to animationeffecttimingreadonly.direction in timing objects returned by animationeffectreadonly, keyframeeffectreadonly, and keyframeeffect.

Filter Effects - CSS: Cascading Style Sheets
filter effects is a module of css that defines a way of processing an element’s rendering before it is displayed in the document.
... reference properties backdrop-filter filter data types <filter-function> specifications specification status comment filter effects module level 1the definition of 'filter' in that specification.

Index - Web APIs
64 animation.cancel() api, animation, method, reference, web animations, cancel, waapi, web animations api the web animations api's cancel() method of the animation interface clears all keyframeeffects caused by this animation and aborts its playback.
... 66 animation.effect api, animation, experimental, property, reference, web animations, effect, web animations api the animation.effect property of the web animations api gets and sets the target effect of an animation.
... the target effect may be either an effect object of a type based on animationeffectreadonly, such as keyframeeffect, or null.
...And 67 more matches

Drag Operations - Web APIs
to see this in effect, select an area of a webpage, and then click and hold the mouse and drag the selection.
... within the dragstart event, you can specify the drag data, the feedback image, and the drag effects, all of which are described below.
...(the default image and drag effects are suitable in most situations.) drag data all drag events have a property called datatransfer which holds the drag data (datatransfer is a datatransfer object).
...And 26 more matches

Accessibility in React - Learn web development
s: <input id={props.id} classname="todo-text" type="text" value={newname} onchange={handlechange} ref={editfieldref} /> the "edit" button in your view template should read like this: <button type="button" classname="btn" onclick={() => setediting(true)} ref={editbuttonref} > edit <span classname="visually-hidden">{props.name}</span> </button> focusing on our refs with useeffect to use our refs for their intended purpose, we need to import another react hook: useeffect().
... useeffect() is so named because it runs after react renders a given component, and will run any side-effects that we'd like to add to the render process, which we can't run inside the main function body.
... useeffect() is useful in the current situation because we cannot focus on an element until after the <todo /> component renders and react knows where our refs are.
...And 20 more matches

Web video codec guide - Web media technologies
effect of source video format on encoded output the degree to which the format of the source video will affect the output varies depending on the codec and how it works.
... the potential effect of source video format and contents on the encoded video quality and size feature effect on quality effect on size color depth (bit depth) the higher the color bit depth, the higher the quality of color fidelity is achieved in the video.
...the more successive frames differ from one another, the larger these differences are, and the less effective the compression is at avoiding the introduction of artifacts into the compressed video.
...And 17 more matches

SVG documentation index - SVG: Scalable Vector Graphics
und 383 pages: # page tags and summary 1 svg: scalable vector graphics 2d graphics, graphics, icons, images, reference, responsive design, svg, scalable graphics, scalable images, vector graphics, web, l10n:priority scalable vector graphics (svg) are an xml-based markup language for describing two-dimensional based vector graphics.xml 2 applying svg effects to html content css, guide, html, svg modern browsers support using svg within css styles to apply graphical effects to html content.
... 18 svg styling attributes attribute, beginner, needsexample, reference, svg the svg styling attributes are all the attributes that can be specified on any svg element to apply css styling effects.
... 46 color-interpolation-filters needsexample, svg, svg attribute the color-interpolation-filters attribute specifies the color space for imaging operations performed via filter effects.
...And 15 more matches

Applying styles and colors - Web APIs
by overlaying ever more circles on top of each other, we effectively reduce the transparency of the circles that have already been drawn.
... by increasing the step count and in effect drawing more circles, the background would completely disappear from the center of the image.
... note also that only start and final endpoints of a path are affected: if a path is closed with closepath(), there's no start and final endpoint; instead, all endpoints in the path are connected to their attached previous and next segment using the current setting of the linejoin style, whose default value is miter, with the effect of automatically extending the outer borders of the connected segments to their intersection point, so that the rendered stroke will exactly cover full pixels centered at each endpoint if those connected segments are horizontal and/or vertical).
...And 14 more matches

filter - CSS: Cascading Style Sheets
the filter css property applies graphical effects like blur or color shift to an element.
... included in the css standard are several functions that achieve predefined effects.
...other values are linear multipliers on the effect.
...And 10 more matches

Web Replay
this has the same effect as above but can be used when the developer tools are not open.
...logpoints cannot have side-effects or diverge from the recording in any othe way in this mode.
... relaxing non-determinism here has a number of ripple effects in other areas.
...And 7 more matches

Viewpoints and viewers: Simulating cameras in WebXR - Web APIs
since we don't have a real camera, we imagine one, reproducing the effect of having a camera, without actually having the ability to move the user around the scene.
...importantly, the effect of perspective on a vector can be represented by adding a fourth component to the vector: the perspective component, called w.
... zooming among the best known camera effects is the zoom.
...And 7 more matches

Web Audio API - Web APIs
the web audio api provides a powerful and versatile system for controlling audio on the web, allowing developers to choose audio sources, add effects to audio, create audio visualizations, apply spatial effects (such as panning) and much more.
...this modular design provides the flexibility to create complex audio functions with dynamic effects.
...once the sound has been sufficiently processed for the intended effect, it can be linked to the input of a destination (audiocontext.destination), which sends the sound to the speakers or headphones.
...And 7 more matches

<blend-mode> - CSS: Cascading Style Sheets
the effect is like two opaque pieces of paper overlapping.
... the effect is like two images printed on transparent film overlapping.
... the effect is like two images shone onto a projection screen.
...And 7 more matches

Manipulating video using canvas - Web APIs
by combining the capabilities of the video element with a canvas, you can manipulate video data in real time to incorporate a variety of visual effects to the video being displayed.
... this tutorial demonstrates how to perform chroma-keying (also known as the "green screen effect") using javascript code.
... canvas c1 is used to display the current frame of the original video, while c2 is used to display the video after performing the chroma-keying effect; c2 is preloaded with the still image that will be used to replace the green background in the video.
...And 6 more matches

HTML Drag and Drop API - Web APIs
let img = new image(); img.src = 'example.gif'; ev.datatransfer.setdragimage(img, 10, 10); } learn more about drag feedback images in: setting the drag feedback image define the drag effect the dropeffect property is used to control the feedback the user is given during a drag-and-drop operation.
... three effects may be defined: copy indicates that the dragged data will be copied from its present location to the drop location.
... during the drag operation, drag effects may be modified to indicate that certain effects are allowed at certain locations.
...And 6 more matches

Lighting a WebXR setting - Web APIs
as a result, the effect applied by ambient light is universally equal all through the scene.
... the effect of ambient light is computed by simply multiplying the intensity of the light source by the reflectance of the surface at the pixel's location.
... because the bouncing and scattering of light can be expensive to compute in real time, especially if multiple light sources are involved, it's common to use ambient lighting to simulate the scattered light caused by all the other light sources in the scene, instead of actually calculating the true effect of light scattering.
...And 6 more matches

Using the Web Animations API - Web APIs
this api was designed to underlie implementations of both css animations and css transitions, and leaves the door open to future animation effects.
... representing timing properties we’ll also need to create an object of timing properties (an animationeffecttimingproperties object) corresponding to the values in alice’s animation: var alicetiming = { duration: 3000, iterations: infinity } you’ll notice a few differences here from how equivalent values are represented in css: for one, the duration is in milliseconds as opposed to seconds — 3000 not 3s.
... pausing and playing animations we’ll talk more about alice’s animation later, but for now, let’s look closer at the cupcake’s animation: var nommingcake = document.getelementbyid('eat-me_sprite').animate( [ { transform: 'translatey(0)' }, { transform: 'translatey(-80%)' } ], { fill: 'forwards', easing: 'steps(4, end)', duration: alicechange.effect.timing.duration / 2 }); the element.animate() method will immediately run after it is called.
...And 6 more matches

Web Animations API Concepts - Web APIs
this article will introduce you to the important concepts behind the waapi, providing you with a theoretical understanding of how it works so you can use it effectively.
... core concepts web animations consist of timeline objects, animation objects, and animation effect objects working together.
...animation objects accept media in the form of animation effects, specifically keyframe effects (we’ll get to those in a moment).
...And 6 more matches

Accessibility documentation index - Accessibility
31 using the group role aria, accessibility, needscontent this technique demonstrates how to use the group role and describes the effect it has on browsers and assistive technology.
... 32 using the link role aria, accessibility this technique demonstrates how to use the link role and describes the effect it has on browsers and assistive technology.
... 33 using the log role aria, accessibility, needscontent this technique demonstrates how to use the log role and describes the effect it has on browsers and assistive technology.
...And 6 more matches

Web audio codec guide - Web media technologies
the effect of source audio format on encoded audio output because encoded audio inherently uses fewer bits to represent each sample, the source audio format may actually have less impact on the encoded audio size than one might expect.
... the effect of source audio format and contents on the encoded audio quality and size feature effect on quality effect on size channel count the number of channels affects only the perception of directionality, not the quality.
... of course, these effects can be altered by decisions made while encoding the audio.
...And 6 more matches

Component; nsIPrefBranch
this will, in effect, reset the value to the default value.
... note: this method can be called on either a default or user branch but, in effect, always operates on both.
... note: this method can be called on either a default or user branch but, in effect, always operates on both.
...And 5 more matches

<table>: The Table element - HTML: Hypertext Markup Language
set margin-left and margin-right to auto or margin to 0 auto to achieve an effect that is similar to the align attribute.
... to achieve a similar effect, use the css background-color property.
... to achieve a similar effect, use the css border shorthand property.
...And 5 more matches

stroke-linejoin - SVG: Scalable Vector Graphics
as a presentation attribute, it can be applied to any element but it has effect only on the following nine elements: <altglyph>, <path>, <polygon>, <polyline>, <rect>, <text>, <textpath>, <tref>, and <tspan> html,body,svg { height:100% } <svg viewbox="0 0 18 12" xmlns="http://www.w3.org/2000/svg"> <!-- upper left path: effect of the "miter" value --> <path d="m1,5 a2,2 0,0,0 2,-3 a3,3 0 0 1 2,3.5" stroke="black" fill="none" stroke-linejoin="miter" /> <!-- center path: effect of the "round" value --> <path d="m7,5 a2,2 0,0,0 2,-3 a3,3 0 0 1 2,3.
...5" stroke="black" fill="none" stroke-linejoin="round" /> <!-- upper right path: effect of the "bevel" value --> <path d="m13,5 a2,2 0,0,0 2,-3 a3,3 0 0 1 2,3.5" stroke="black" fill="none" stroke-linejoin="bevel" /> <!-- bottom left path: effect of the "miter-clip" value with fallback to "miter" if not supported.
... --> <path d="m3,11 a2,2 0,0,0 2,-3 a3,3 0 0 1 2,3.5" stroke="black" fill="none" stroke-linejoin="miter-clip" /> <!-- bottom right path: effect of the "arcs" value with fallback to "miter" if not supported.
...And 5 more matches

Index - Archive of obsolete content
79 core/namespace provides an api for creating namespaces for objects, which effectively may be used for creating fields that are not part of objects public api.
... 414 dtrace archive, dtrace, performance, profiling, qa, testing dtrace is sun microsystem's dynamic tracing framework that allows developers to instrument a program with probes that have little to no effect on performance when not in use and very little when active.
...the add-on is very lightweight, so it shouldn't have a noticeable negative effect on your baseline and add-on tests.
...And 4 more matches

Aprender y obtener ayuda - Learn web development
it is great that you are putting some time into learning a new set of skills, but there are good practices to employ that will make your learning more effective.
... there are also are times when you'll get stuck and feel frustrated — even professional web developers feel like this regularly — and it pays to know about the most effective ways to try and get help so you can progress in your work.
... effective learning let's move straight on and think about effective learning.
...And 4 more matches

x - SVG: Scalable Vector Graphics
mask for <mask>, x defines the x coordinate of the uper left corner of its area of effect.
... the exact effect of this attribute is influenced by the maskunits attribute.
...the exact effect of this attribute is influenced by the patternunits and patterntransform attributes.
...And 4 more matches

y - SVG: Scalable Vector Graphics
mask for <mask>, y defines the y coordinate of the uper left corner of its area of effect.
... the exact effect of this attribute is influenced by the maskunits attribute.
...the exact effect of this attribute is influenced by the patternunits and patterntransform attributes.
...And 4 more matches

widget - Archive of obsolete content
widgets.widget({ id: "mouseover-effect", label: "widget with changing image on mouseover", contenturl: "http://www.yahoo.com/favicon.ico", onmouseover: function() { this.contenturl = "http://www.bing.com/favicon.ico"; }, onmouseout: function() { this.contenturl = "http://www.yahoo.com/favicon.ico"; } }); // a widget that updates content on a timer.
...var mywidget = widgets.widget({ id: "widget-effect", label: "wide widget that grows wider on a timer", content: "i'm getting longer.", width: 50, }); require("sdk/timers").setinterval(function() { mywidget.width += 10; }, 1000); // a widget communicating bi-directionally with a content script.
...however, if the widget was created using contenturl, then this property is meaningless, and setting it has no effect.
...And 3 more matches

Using Spacers - Archive of obsolete content
as we'll see, you can use a series of spacers to create a number of layout effects.
...the reason we're seeing this effect is that both the spacer and the find button have a flex attribute.
...in effect, a flex of 2 says that this element has a flex that is two times the elements that have a flex of one.
...And 3 more matches

Index - MDN Web Docs Glossary: Definitions of Web-related terms
126 effective connection type glossary, navigator, network information api, networkinformation, performance, reference, web performance, connect, effective connection type, effectivetype effective connection type (ect) refers to the measured network performance, returning a cellular connection type, like 3g, even if the actual connection is tethered broadband or wifi, based on the time between the...
... browser requesting a page and effective type of the connection.
... 226 idempotent glossary, webmechanics an http method is idempotent if an identical request can be made once or several times in a row with the same effect while leaving the server in the same state.
...And 3 more matches

Index - Learn web development
13 aprender y obtener ayuda beginner, learn, learning, web development, getting help it is great that you are putting some time into learning a new set of skills, but there are good practices to employ that will make your learning more effective.
... there are also are times when you'll get stuck and feel frustrated — even professional web developers feel like this regularly — and it pays to know about the most effective ways to try and get help so you can progress in your work.
... 49 asynchronous javascript beginner, codingscripting, guide, javascript, landing, promises, async, asynchronous, await, callbacks, requestanimationframe, setinterval, settimeout in this module we take a look at asynchronous javascript, why it is important, and how it can be used to effectively handle potential blocking operations such as fetching resources from a server.
...And 3 more matches

nsISelectionController
this will also have the effect of collapsing the selection if the extend = pr_false the "point" of selection that is extended is considered the "focus" point, or the last point adjusted by the selection.
...completemove() will move page view to the top or bottom of the document this will also have the effect of collapsing the selection if the extend = pr_false the "point" of selection that is extended is considered the "focus" point, or the last point adjusted by the selection.
...this will also have the effect of collapsing the selection if the extend = pr_false the "point" of selection that is extended is considered the "focus" point, or the last point adjusted by the selection.
...And 3 more matches

Web accessibility for seizures and physical reactions - Accessibility
"static or moving patterns of discernable light and dark stripes have the same effect as flashing lights because of the alternation of dark and bright areas." the epilepsy foundation of america working group is able to "quantify" the problem a little.
...section 508 prohibits flickering effects with a frequency greater than 3 hz (flickers per second) and lower than 55 hz.
... "this effect is noticable, and documented, up to 70 hz." "these studies would seem to indicate that you should stay away from refresh rates under 70 hz, and use a rate not divisible by 10." eric bailey, of css-tricks, found an innovative use the update feature which, used in combination with animation-duration or transition-duration, to conclude at a rate that is imperceptible to the human eye.
...And 3 more matches

Using CSS gradients - CSS: Cascading Style Sheets
because gradients are dynamically generated, they can negate the need for the raster image files that traditionally were used to achieve similar effects.
... declaring colors & creating effects all css gradient types are a range of position-dependent colors.
...if you specify the location as a percentage, 0% represents the starting point, while 100% represents the ending point; however, you can use values outside that range if necessary to get the effect you want.
...And 3 more matches

transition-delay - CSS: Cascading Style Sheets
the transition-delay css property specifies the duration to wait before starting a property's transition effect when its value changes.
... the delay may be zero, positive, or negative: a value of 0s (or 0ms) will begin the transition effect immediately.
... a positive value will delay the start of the transition effect for the given length of time.
...And 3 more matches

<col> - HTML: Hypertext Markup Language
<col> allows styling columns using css, but only a few properties will have an effect on the column (see the css 2.1 specification for a list).
... note: to achieve the same effect as the left, center, right or justify values: do not try to set the text-align property on a selector giving a <col> element.
... if the table does use a colspan attribute, the effect can be achieved by combining adequate css attribute selectors like [colspan=n], though this is not trivial.
...And 3 more matches

Images, Tables, and Mysterious Gaps - Archive of obsolete content
td img.decoration {display: block;} <td><img src="reddot.gif" class="decoration"></td> depending on the design, though, that could lead to a lot of classes added for this one simple effect.
...in any of these cases, though, making images block-level could have unintended side effects if your table cells have more than just a single image in them, as in figure 8.
...as we can see in figure 10, this has the intended effect: the space underneath our navbar images is gone.
...And 2 more matches

The Business Benefits of Web Standards - Archive of obsolete content
dynamic effects such as those created by javascript are not taken into account, and text rendered with graphics cannot be read and parsed either.
... benefits of css over javascript specifically, graphics and javascript are often used for special effects on text fragments.
... as style sheet technology gives designers good typographic control and permits effects such as roll-overs, it greatly reduces the need for javascript programming and creation of graphics.
...And 2 more matches

Introduction to CSS layout - Learn web development
this gives us the effect of text wrapped around that box, and is most of what you need to know about floats as used in modern web design.
...this is useful for creating complex layout effects such as tabbed boxes where different content panels sit on top of one another and are shown and hidden as desired, or information panels that sit off screen by default, but can be made to slide on screen using a control button.
...this is useful for creating effects such as a persistent navigation menu that always stays in the same place on the screen as the rest of the content scrolls.
...And 2 more matches

Positioning - Learn web development
introducing positioning the whole idea of positioning is to allow us to override the basic document flow behavior described above, to produce interesting effects.
... there are a number of different types of positioning that you can put into effect on html elements.
...by default, positioned elements all have a z-index of auto, which is effectively 0.
...And 2 more matches

Practical positioning examples - Learn web development
you might be thinking "why not just create the separate tabs as separate webpages, and just have the tabs clicking through to the separate pages to create the effect?" this code would be simpler, yes, but then each separate "page" view would actually be a newly-loaded webpage, which would make it harder to save information across views, and integrate this feature into a larger ui design.
... here we are going to use these elements for a slightly different purpose — another useful side effect of <label> elements is that you can click a checkbox's label to check the checkbox, as well as just the checkbox itself.
... so there you have it — a rather clever javascript-free way to create a toggling button effect.
...And 2 more matches

Download
to have any effect, this property must be set before starting the download.
... calling this method when the download has been completed successfully has no effect, and the method returns a resolved promise.
... in case the download completes successfully before the cancellation request could be processed, this method has no effect, and it returns a resolved promise.
...And 2 more matches

Edit CSS filters - Firefox Developer Tools
css filter properties in the rules view have a circular gray and white swatch next to them: clicking the swatch opens a filter editor: the filter editor lists each of the effects performed by that filter on a separate line.
... you can edit these lines, remove them individually, or drag the effects to change the order in which they are applied.
... you can also add new effects by selecting an effect from the dropdown list at the bottom of the dialog.
...And 2 more matches

Basic concepts behind Web Audio API - Web APIs
this modular design provides the flexibility to create complex audio functions with dynamic effects.
... create effects nodes, such as reverb, biquad filter, panner, or compressor.
... establish connections from the audio sources through zero or more effects, eventually ending at the chosen destination.
...And 2 more matches

CSS Animations tips and tricks - CSS: Cascading Style Sheets
note that because of this, the box doesn't start with any animation effects in place, so it won't be animating.
...that's because the only way to play an animation again is to remove the animation effect, let the document recompute styles so that it knows you've done that, then add the animation effect back to the element.
...this has the effect of removing any other classes currently applied to the box, including the "changing" class that handles animation.
...And 2 more matches

<colgroup> - HTML: Hypertext Markup Language
note: this attribute is applied on the attributes of the column group, it has no effect on the css styling rules associated with it or, even more, to the cells of the column's members of the group.
... if the table does use a colspan attribute, the effect can be achieved by combining adequate css attribute selectors like [colspan=n], though this is not trivial.
... to achieve a similar effect, use the css background-color property.
...And 2 more matches

<script>: The Script element - HTML: Hypertext Markup Language
defer has a similar effect in this case.
...for inline scripts), in this case it would have no effect.
... the defer attribute has no effect on module scripts — they defer by default.
...And 2 more matches

<td>: The Table Data Cell element - HTML: Hypertext Markup Language
note: to achieve the same effect as the left, center, right or justify values, apply the css text-align property to the element.
... to achieve the same effect as the char value, give the text-align property the same value you would use for the char.
... to achieve a similar effect, use the css background-color property.
...And 2 more matches

<tfoot>: The Table Foot element - HTML: Hypertext Markup Language
to achieve the same effect as the left, center, right or justify values, use the css text-align property on it.
... to achieve the same effect as the char value, in css3, you can use the value of the char as the value of the text-align property unimplemented.
...to give a similar effect to the bgcolor attribute, use the css property background-color, on the relevant <td> or <th> elements.
...And 2 more matches

<th> - HTML: Hypertext Markup Language
to achieve the same effect as the left, center, right or justify values, apply the css text-align property to the element.
... to achieve the same effect as the char value, give the text-align property the same value you would use for the char.
...to create a similar effect use the background-color property in css instead.
...And 2 more matches

<thead>: The Table Head element - HTML: Hypertext Markup Language
to achieve the same effect as the left, center, right or justify values, use the css text-align property on it.
... to achieve the same effect as the char value, in css3, you can use the value of the char as the value of the text-align property unimplemented.
...to give a similar effect to the bgcolor attribute, use the css property background-color, on the relevant <td> or <th> elements.
...And 2 more matches

color-interpolation-filters - SVG: Scalable Vector Graphics
the color-interpolation-filters attribute specifies the color space for imaging operations performed via filter effects.
...therefore, it has no effect on filter primitives like <feoffset>, <feimage>, <fetile> or <feflood>.
...thus, in the default case, filter effects operations occur in the linearrgb color space, whereas all other color interpolations occur by default in the srgb color space.
...And 2 more matches

height - SVG: Scalable Vector Graphics
mask for <mask>, height defines the vertical length of its area of effect.
... the exact effect of this attribute is influenced by the maskunits attribute.
...the exact effect of this attribute is influenced by the patternunits and patterntransform attributes.
...And 2 more matches

width - SVG: Scalable Vector Graphics
mask for <mask>, width defines the horizontal length of its area of effect.
... the exact effect of this attribute is influenced by the maskunits attribute.
...the exact effect of this attribute is influenced by the patternunits and patterntransform attributes.
...And 2 more matches

Clipping and masking - SVG: Scalable Vector Graphics
in this case, any half-transparent effects are not possible, it's an all-or-nothing approach.
...color, opacity and such have no effect as long as they don't let parts vanish completely.
... masking the effect of masking is most impressively presented with a gradient.
...And 2 more matches

SVG Filters Tutorial - SVG: Scalable Vector Graphics
filters svg allows us to use similar tools as the bitmap description language such as the use of shadow, blur effects or even merging the results of different filters.
... with the filter element <filter> it is possible to add these effects and later on attach them to an object.
...when creating them, try applying and testing the effect step by step.
...And 2 more matches

URI parsing - Archive of obsolete content
it's advised that you use the nsieffectivetldservice.
... grabbing the main domain using the effectivetldservice even using the etldservice, you're unable to get just the base domain sans tld.
... so, here's some sample code to determine the base domain without any suffixes: var etldservice = components.classes["@mozilla.org/network/effective-tld-service;1"].
... getservice(components.interfaces.nsieffectivetldservice); var suffix = etldservice.getpublicsuffix(auri); var basedomain = etldservice.getbasedomain(auri); // this includes the tld basedomain = basedomain.substr(0, (basedomain.length - suffix.length - 1)); // - 1 to remove the period before the tld ...

CSS3 - Archive of obsolete content
css animations working draft allows the definition of animations effects by adding the css animation, animation-delay,animation-direction, animation-duration, animation-fill-mode, animation-iteration-count, animation-name, animation-play-state, and animation-timing-function properties, as well as the @keyframes at-rule.
... control on edge effect using the css text-indent and hanging-punctuation properties.
... css transitions working draft allows the definition of transitions effects between two properties values by adding the css transition, transition-delay, transition-duration, transition-property, and transition-timing-function properties.
... filter effects module level 1 working draft css generated content for paged media module working draft adds the ability to tailor printed version of a document by allowing to control header, footer but also references tables like indexes or tables of content.

JXON - Archive of obsolete content
in essence the object tree is made effectively immutable.
...in essence the object tree is made effectively immutable.
...in essence the object tree is made effectively immutable.
...in essence the object tree is made effectively immutable.

Multiple Rules - Archive of obsolete content
ar="?letters" expr="string-length(@name) - 1"/> </query> <rule> <where subject="?name" rel="contains" value=" "/> <action> <label uri="?" value="?name has two names for a total length of ?letters"/> </action> </rule> </template> </vbox> this example contains only one rule with a condition which checks for names that contain a space character, which has the effect of selecting only those people with multiple names.
...this is an effective way to filter out results that you don't want.
...for example, these two conditions have the opposite effect.
...for example, although there is no 'greater or equal' operator, you can acheive this effect with a negated 'less' operator.

-ms-scroll-chaining - Archive of obsolete content
no bounce effect is shown.
... none a bounce effect is shown when the user hits a scroll limit during any manipulation.
...had the -ms-scroll-chaining property been set to none, the user would observe a bounce effect when the nested element reaches its boundary.
... this property has no effect on non-scrollable elements.

Styling the Amazing Netscape Fish Cam Page - Archive of obsolete content
to share the joy, i herein present a look into just one piece of the redesign, and how i accomplished certain effects using simple html and some css.
...since the image was floated, any background or border we set on the h3 would "slide under" the image; this is an expected effect with floated elements.
... i hope that our little cruise through this aspect of the redesign has gotten you hooked on the idea of using simple markup and css to create interesting effects, if you weren't already.
... with just the few elements i had available in this example, there were any number of possibilities for design effects, and i think you'll find the same to be true for your own designs if you just give this sort of approach a try.

Issues Arising From Arbitrary-Element hover - Archive of obsolete content
bare pseudo-classes the second piece of the problem comes when we consider the effects of a "bare" pseudo-class in a selector.
... named anchor problems in addition to the effects described previously, there are two other relatively common effects that authors may not expect.
...for example: <a name="pagetop"> <h2>my page</h2> without a </a>, this name will effectively enclose the rest of the document.
...consider the effects of the following rule: a:hover {color: red;} in a document with an unclosed named anchor, any text that follows the anchor's open tag will be colored red (unless another css rule intervenes).

Cascade and inheritance - Learn web development
if a border were to be inherited by the children of our list, every single list and list item would gain a border — probably not an effect we would ever want!
...effectively, this "turns on inheritance".
... note: the universal selector (*), combinators (+, >, ~, ' '), and negation pseudo-class (:not) have no effect on specificity.
... the effect of css location finally, it is also useful to note that the importance of a css declaration depends on what stylesheet it is specified in — it is possible for users to set custom stylesheets to override the developer's styles, for example the user might be visually impaired, and want to set the font size on all web pages they visit to be double the normal size to allow for easier reading.

Flexbox - Learn web development
it is relative to other flex items, meaning that giving each flex item a value of 400000 would have exactly the same effect.
...for example, try adding the following to your css: button:first-child { align-self: flex-end; } have a look at what effect this has, and remove it again when you've finished.
...we first use flex:1 100px; to effectively give it a minimum height of 100px, then we set its children (the <button> elements) to also be laid out like flex items.
...this has a very interesting effect, which you'll see if you try resizing your browser window width.

create fancy boxes - Learn web development
i want to be fancy.</div> okay, let's have fun with backgrounds: .fancy { padding : 1em; width: 100%; height: 200px; box-sizing: border-box; /* at the bottom of our background stack, let's have a misty grey solid color */ background-color: #e4e4d9; /* we stack linear gradients on top of each other to create our color strip effect.
...ottom : 0.3rem; right : 0.8rem; } blockquote:lang(fr)::before { content: '«'; top : -1.5rem; left : 0.5rem; } blockquote:lang(fr)::after { content: '»'; bottom : 2.6rem; right : 0.5rem } blockquote i { display : block; font-size : 0.8em; margin-top: 1rem; text-style: italic; text-align: right; } all together and more so it's possible to create a wonderful effect when we mix all of this together.
...i want to be fancy.</div> let's create some partial drop shadow effect.
... the box-shadow property allow us to create inner light and a flat drop shadow effect, but with some little extra work it becomes possible to create a more natural geometry by using pseudo-element and the transform property.

CSS property compatibility table for form controls - Learn web development
you may still face strange side effects in certain edge cases.
... partial while the property works, you may frequently face strange side effects or inconsistencies.
... you should probably avoid these properties unless you master those side effects first.
... border no yes margin yes yes padding partial[1] yes the padding is applied, but has no visual effect.

What’s in the head? Metadata in HTML - Learn web development
objective: to learn about the html head, its purpose, the most important items it can contain, and what effect it can have on the html document.
...it also documents mozilla products, like firefox os."> <meta property="og:title" content="mozilla developer network"> one effect of this is that when you link to mdn web docs on facebook, the link appears along with an image and description: a richer experience for users.
... twitter also has its own similar proprietary metadata called twitter cards, which has a similar effect when the site's url is displayed on twitter.com.
...your html document will be indexed more effectively by search engines if its language is set (allowing it to appear correctly in language-specific results, for example), and it is useful to people with visual impairments using screen readers (for example, the word "six" exists in both french and english, but is pronounced differently.) you can also set subsections of your document to be recognised as different languages.

Graceful asynchronous programming with Promises - Learn web development
essentially, a promise is an object that represents an intermediate state of an operation — in effect, a promise that a result of some kind will be returned at some point in the future.
...the effect this has is to run the entire chain and then run the final result (i.e.
...in effect, the return statements pass the results back up the chain to the top.
... the code inside the function body is async and promise-based, therefore in effect, the entire function acts like a promise — convenient.

Theme concepts
for example, we could use this image combined with a complementary background color, to create this effect in the header see details about this theme in the themes example weta_fade.
... depending on the effect you want to create you may need to suppress the mandatory "theme_frame": image with an empty or transparent image.
... you would use an empty or transparent image if, for example, you wanted to tile a centrally justified image, such as to create this effect here you specify the weta image like this: "images": { "theme_frame": "empty.png", "additional_backgrounds": [ "weta_for_tiling.png"] }, and the images tiling with: "properties": { "additional_backgrounds_alignment": [ "top" ], "additional_backgrounds_tiling": [ "repeat" ] }, full details of how to setup this theme can be found in the themes example weta_tiled.
... alternatively, you can use multiple images, say combining the original weta image with this one anchored to the left of the header to create this effect where the images are specified with: "images": { "theme_frame": "empty.png", "additional_backgrounds": [ "weta.png", "weta-left.png"] }, and their alignment by: "properties": { "additional_backgrounds_alignment": [ "right top" , "left top" ] }, full details of how to setup this theme can be found in the themes example weta_mirror.

Creating reftest-based unit tests
the power of the tool comes from the fact that there is more than one way to achieve any given visual effect in a browser.
... so, if the effect of complex markup is being tested, put that complex markup into a page and create another page that uses simple markup to achieve the same visual effect.
...and a browser may change the visual effect produced by a tag while still being compliant with relevant standards.
...for example, it occurs to me that we assume that spaces between a element name and an attribute name have no effect, but do we know this is true?

AddonListener
void onenabling( in addon addon, in boolean needsrestart ) parameters addon the addon that is being enabled needsrestart true if an application restart is necessary for the change to take effect onenabled() called when an add-on has been enabled.
... void ondisabling( in addon addon, in boolean needsrestart ) parameters addon the addon that is being disabled needsrestart true if an application restart is necessary for the change to take effect ondisabled() called when an add-on has been disabled.
... void oninstalling( in addon addon, in boolean needsrestart ) parameters addon the addon that is being installed needsrestart true if an application restart is necessary for the change to take effect oninstalled() called when an add-on has been installed.
... void onuninstalling( in addon addon, in boolean needsrestart ) parameters addon the addon that is being uninstalled needsrestart true if an application restart is necessary for the change to take effect onuninstalled() called when an add-on has been uninstalled.

Mozilla MathML Status
altimg, altimg-width, altimg-height, altimg-valign, alttext accepted, but do not have any effect on the rendering.
... cdgroup accepted, but does not have any effect on the rendering.
... xref accepted, but does not have any effect on the rendering.
...we are only interested in supporting attributes "inherited from the surrounding context", which are those effectively used in practice.

NSS API Guidelines
opaque data structures there are many data structures in the security library whose definition is effectively private, to the portion of the security library that defines and operates on those data structures.
...we should also determine if global data should be moved to a session context (see session context and global effects below).
... finally, from an api point of view, we should examine functions which have global effects.
... the exception to this global effects rule may be functions which set global state for an application at initialization time.

sslfnc.html
they use symmetric ciphers with an effective key size of 56 bits.
... description any ssl function that takes a pointer to a file descriptor (socket) as a parameter will have no effect (even though the ssl function may return secsuccess) if the socket is not an ssl socket.
... description keep the following in mind when deciding on the operating parameters you want to use with a particular socket: turning on ssl_require_certificate will have no effect unless ssl_request_certificate is also turned on.
...on output, the integer indicates the size, in bits, of the secret portion of the session key used (also known as the "effective key size").

TPS Tests
a test file may contain an arbitrary number of sections, each involving the same or different profiles, so that one test file may be used to test the effect of syncing and modifying a common set of data (from a single sync account) over a series of different events and clients.
...yes, this is cludgey, but it's effective enough and nobody has changed it.
... yahoo" } ] }; // phase implementation phase('phase1', [ [bookmarks.add, bookmarks_initial], [sync, sync_wipe_server] ]); phase('phase2', [ [sync], [bookmarks.verify, bookmarks_initial], [bookmarks.modify, bookmarks_initial], [bookmarks.verify, bookmarks_after_first_modify], [sync] ]); phase('phase3', [ [sync], [bookmarks.verify, bookmarks_after_first_modify] ]); the effects of this test file will be: firefox is launched with profile1, the tps extension adds the two bookmarks specified in the bookmarks_initial array, then they are synced to the sync server.
...this has a couple side effects you usually need to scroll up a bit in the log past the end of the test to find the actual failure.

Index
effectively, it is a different platform.
...any expando properties are not visible, and if any native properties have been redefined, this has no effect.
...to create an instance, use: 583 nsieffectivetldservice interfaces, interfaces:scriptable, xpcom, xpcom api reference, xpcom interface reference implemented by: @mozilla.org/network/effective-tld-service;1.
...an implementation of this interface is free to define the side-effects of changing the priority of an object.

nsISound
if the user's system is configured to not play system sound effects for the event, this will do nothing.
...if the user's system is configured to not play system sound effects, this will do nothing.
... typically, it will be more useful to request that appropriate sounds be played based on which event you wish to represent by the sound effect.
... various event names are provided, which will result in playing the corresponding sound effect on the platform the user is running on: _moz_mailbeep the system sound when the system receives email.

Frequently Asked Questions
effective com by don box, et al.
... effective c++ (2nd edition): 50 specific ways to improve your programs and designs by scott meyers.
... more effective c++ : 35 new ways to improve your programs and designs by scott meyers.
... effective c++ cd: 85 specific ways to improve your programs and designs by scott meyers.

FileSystemFlags - Web APIs
this option has no effect.ie no support noopera no support nosafari no support nowebview android full support yesprefixed full support yesprefixed prefixed implemented with the vendor prefix: webkitc...
...this option has no effect.opera android no support nosafari ios no support nosamsung internet android full support yesprefixed full support yesprefixed prefixed implemented with the vendor prefix: webkitexclusive experimentalchrome ...
...this option has no effect.ie no support noopera no support nosafari no support nowebview android full support yesprefixed full support yesprefixed prefixed implemented with the vendor prefix: webkitc...
...this option has no effect.opera android no support nosafari ios no support nosamsung internet android full support yesprefixed full support yesprefixed prefixed implemented with the vendor prefix: webkitlegend ...

Key Values - Web APIs
firefox and google chrome report the same, unless the japanese keyboard layout is in effect, in which case it generates "kanamode" instead.
...firefox reports the same, unless the japanese keyboard layout is in effect, in which case it generates "katakana" instead.
...has no effect otherwise.
...has no effect if the media is currently stopped already.

WebGL model view projection - Web APIs
a commonly used projection matrix, the perspective projection matrix, is used to mimic the effects of a typical camera serving as the stand-in for the viewer in the 3d virtual world.
...if this homogeneous coordinate is multiplied against a matrix with a translation then the translation is effectively stripped out.
...when dividing by w, this can effectively increase the precision of very large numbers by operating on two potentially smaller, less error-prone numbers.
... // first transform the point vec4 transformedposition = model * vec4(position, 1.0); // how much effect does the perspective have?

Movement, orientation, and motion: A WebXR example - Web APIs
the fragment shader returns the color of each vertex, interpolating as needed from the values found in the texture and applying the lighting effects.
...ase "d": transversedistance -= move_distance; break; case "arrowup": axialdistance += move_distance; break; case "arrowdown": axialdistance -= move_distance; break; case "r": case "r": transversedistance = axialdistance = verticaldistance = 0; mouseyaw = mousepitch = 0; break; default: break; } } the keys and their effects are: the w key slides the viewer forward by move_distance.
...it's called once for each eye, with slightly different positions for each eye, in order to establish the 3d effect needed for xr gear.
... a tip: if you don't have an xr device, you may be able to get some of the 3d effect if you bring your face very close to the screen, with your nose centered along the border between the left and right eye images in the canvas.

Rendering and the WebXR frame animation callback - Web APIs
not only that, but if your rendering crosses the vertical refresh boundary, you can wind up with a tearing effect.
...as a result, you wind up with the visual effect of the top part of the screen showing the new frame, while the bottom part of the frame shows some combination of the previous frame and possibly even the frame before that one.
... that distance (or whatever pupillary distance the xr system is configured to use) is enouigh to allow our minds to see just enough difference due to retinal disparity (the difference in what each retina sees) and the parallax effect to allow our brains to calculate the distance to and depth of objects, thus enabling us to percieve three dimensions despite our retinas only being 2d surfaces.
...while this diagram exaggerates the effect in some respects for illustrative purposes, the concept is the same.

Keyframe Formats - Web APIs
element.animate(), keyframeeffect.keyframeeffect(), and keyframeeffect.setkeyframes() all accept objects formatted to represent a set of keyframes.
...it's just for reference here, this will have no effect on animation since "float" is not an animatable css property.
... composite the keyframeeffect.composite operation used to combine the values specified in this keyframe with the underlying value.
... this will be auto if the composite operation specified on the effect is being used.

Web Animations API - Web APIs
can take an object created with the keyframeeffect() constructor.
... keyframeeffect describes sets of animatable properties and values, called keyframes and their timing options.
... effecttiming element.animate(), keyframeeffectreadonly.keyframeeffectreadonly(), and keyframeeffect.keyframeeffect() all accept an optional dictionary object of timing properties.
... document.getanimations() returns an array of animation objects currently in effect on elements in the document.

Using the Web Audio API - Web APIs
because of this modular design, you can create complex audio functions with dynamic effects.
...here we'll allow the boombox to move the gain up to 2 (double the original volume) and down to 0 (this will effectively mute our sound).
...there is also a pannernode, which allows for a great deal of control over 3d space, or sound spatialisation, for creating more complex effects.
... the voice-change-o-matic is a fun voice manipulator and sound visualization web app that allows you to choose different effects and visualizations.

Using XMLHttpRequest - Web APIs
note: starting with gecko 30.0 (firefox 30.0 / thunderbird 30.0 / seamonkey 2.27), synchronous requests on the main thread have been deprecated due to the negative effects to the user experience.
... a little vanilla framework all these effects are done automatically by the web browser whenever you submit a <form>.
... if you want to perform the same effects using javascript you have to instruct the interpreter about everything.
...the most effective way to avoid this problem is to set a listener on the new window's activate event which is set once the terminated window has its unload event triggered.

:checked - CSS: Cascading Style Sheets
note: for an analogous effect, but based on the :hover pseudo-class and without hidden radioboxes, see this demo, taken from the :hover reference page.
... desktopmobilechromeedgefirefoxinternet exploreroperasafariandroid webviewchrome for androidfirefox for androidopera for androidsafari on iossamsung internet:checkedchrome full support 1notes full support 1notes notes on macos, styling <option&rt; elements has no effect.edge full support 12notes full support 12notes notes on macos, styling <option&rt; elements has no effect.firefox full support 1notes full support 1notes notes from firefox 56, <option&rt; elements cannot be styled.no...
...tes on macos, styling <option&rt; elements has no effect.ie full support 9opera full support 9notes full support 9notes notes on macos, styling <option&rt; elements has no effect.safari full support 3.1notes full support 3.1notes notes styling <option&rt; elements has no effect.webview android full support 2chrome android full support 18firefox android full support 4notes full support 4notes not...
...es from firefox 56, <option&rt; elements cannot be styled.opera android full support 10.1safari ios full support 3.1notes full support 3.1notes notes styling <option&rt; elements has no effect.samsung internet android full support 1.0legend full support full supportsee implementation notes.see implementation notes.

Using CSS transitions - CSS: Cascading Style Sheets
instead of having property changes take effect immediately, you can cause the changes in a property to take place over a period of time.
...rn el; } var intervalid = window.setinterval(updatetransition, 7000); the shorthand css syntax is written as follows: div { transition: <property> <duration> <timing-function> <delay>; } examples simple example this example performs a four-second font size transition with a two-second delay between the time the user mouses over the element and the beginning of the animation effect: #delay { font-size: 14px; transition-property: font-size; transition-duration: 4s; transition-delay: 2s; } #delay:hover { font-size: 36px; } multiple animated properties example html content <body> <p>the box below combines transitions for: width, height, background-color, transform.
...it's easy to use transitions to make the effect even more attractive.
... <p>click anywhere to move the ball</p> <div id="foo"></div> using javascript you can make the effect of moving the ball to a certain position happen: var f = document.getelementbyid('foo'); document.addeventlistener('click', function(ev){ f.style.transform = 'translatey('+(ev.clienty-25)+'px)'; f.style.transform += 'translatex('+(ev.clientx-25)+'px)'; },false); with css you can make it smooth without any extra effort.

box-shadow - CSS: Cascading Style Sheets
the box-shadow css property adds shadow effects around an element's frame.
... you can set multiple effects separated by commas.
... if both values are 0, the shadow is placed behind the element (and may generate a blur effect if <blur-radius> and/or <spread-radius> is set).
...)where <alpha-value> = <number> | <percentage><hue> = <number> | <angle> examples setting three shadows in this example, we include three shadows: an inset shadow, a regular drop shadow, and a 2px shadow that creates a border effect (we could have used an outline instead for that third shadow).

<easing-function> - CSS: Cascading Style Sheets
for some properties, such as left or right, this creates a kind of "bouncing" effect.
... cubic bézier curves with the p1 or p2 ordinate outside the [0, 1] range may generate bouncing effects.
...word indicating if it the function is left- or right-continuous: jump-start denotes a left-continuous function, so that the first step or jump happens when the animation begins; jump-end denotes a right-continuous function, so that the last step or jump happens when the animation ends; jump-both denotes a right and left continuous function, includes pauses at both the 0% and 100% marks, effectively adding a step during the animation iteration; jump-none there is no jump on either end.
...*/ cubic-bezier(0, 0, 1, 1) /* negative values for ordinates are valid, leading to bouncing effects.*/ cubic-bezier(0.1, -0.6, 0.2, 0) /* values > 1.0 for ordinates are also valid.

<input type="time"> - HTML: Hypertext Markup Language
note: because a read-only field cannot have a value, required does not have any effect on inputs with the readonly attribute also specified.
... this property has some strange effects across browsers, so is not completely reliable.
... the steps value seems to have no effect in edge.
...we had to put the icons on a <span> next to the input, not on the input itself, because in chrome the generated content is placed inside the form control, and can't be styled or shown effectively.

HTML documentation index - HTML: Hypertext Markup Language
7 global attributes attribute, html, reference, web global attributes are attributes common to all html elements; they can be used on all elements, though they may have no effect on some elements.
...it has no effect on the content or layout until styled using css.
...it was devised by netscape to accomplish the same effect as a single-pixel layout image, which was something web designers used to use to add white spaces to web pages without actually using an image.
... however, <spacer> no longer supported by any major browser and the same effects can now be achieved using simple css.

HTTP Index - HTTP
used on the body itself, content-disposition has no effect.
... 107 content-security-policy-report-only csp, http, https, reference, security, header the http content-security-policy-report-only response header allows web developers to experiment with policies by monitoring (but not enforcing) their effects.
... 168 pragma caching, deprecated, http, header, request the pragma http/1.0 general header is an implementation-specific header that may have various effects along the request-response chain.
...the new resource is effectively created before this response is sent back and the new resource is returned in the body of the message, its location being either the url of the request, or the content of the location header.

import - JavaScript
import { reallyreallylongmoduleexportname as shortname, anotherlongmodulename as short } from '/modules/my-module.js'; import a module for its side effects only import an entire module for side effects only, without importing anything.
... import '/modules/my-module.js'; this works with dynamic imports as well: (async () => { if (somethingistrue) { // import module for side effects await import('/modules/my-module.js'); } })(); if your project uses packages that export esm, you can also import them for side effects only.
...(static import only supports static specifiers.) when the module being imported has side effects, and you do not want those side effects unless some condition is true.
... (it is recommended not to have any side effects in a module, but you sometimes cannot control this in your module dependencies.) use dynamic import only when necessary.

Performance fundamentals - Web Performance
rich applications use dynamic content with animation and transition effects.
...this works well because the browser is designed to optimize these effects and use the gpu to handle them smoothly with minimal impact on processor performance.
... another benefit is that you can define these effects in css along with the rest of your app's look-and-feel, using a standardized syntax.
... css animations give you very granular control over your effects using keyframes, and you can even watch events fired during the animation process in order to handle other tasks that need to be performed at set points in the animation process.

SVG Presentation Attributes - SVG: Scalable Vector Graphics
ng kerning letter-spacing lighting-color marker-end marker-mid marker-start mask opacity overflow pointer-events shape-rendering solid-color solid-opacity stop-color stop-opacity stroke stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering transform unicode-bidi vector-effect visibility word-spacing writing-mode attributes alignment-baseline it specifies how an object is aligned along the font baseline with respect to its parent.
... value: auto|srgb|linearrgb|inherit; animatable: yes color-interpolation-filters it specifies the color space for imaging operations performed via filter effects.
... value: nonzero|evenodd|inherit; animatable: yes filter it defines the filter effects defined by the <filter> element that shall be applied to its element.
... value: <transform-list>; animatable: yes unicode-bidi - value:; animatable: - vector-effect specifies the vector effect to use when drawing an object.

fill-rule - SVG: Scalable Vector Graphics
as a presentation attribute, it can be applied to any element but it has effect only on the following eight elements: <altglyph>, <path>, <polygon>, <polyline>, <text>, <textpath>, <tref>, and <tspan> html,body,svg { height:100% } <svg viewbox="-10 -10 220 120" xmlns="http://www.w3.org/2000/svg"> <!-- default value for fill-rule --> <polygon fill-rule="nonzero" stroke="red" points="50,0 21,90 98,35 2,35 79,90"/> <!-- the center of the shape has two path segments (shown by the red stroke) between it and infinity.
... example html,body,svg { height:100% } <svg viewbox="-10 -10 320 120" xmlns="http://www.w3.org/2000/svg"> <!-- effect of nonzero fill rule on crossing path segments --> <polygon fill-rule="nonzero" stroke="red" points="50,0 21,90 98,35 2,35 79,90"/> <!-- effect of nonzero fill rule on a shape inside a shape with the path segment moving in the same direction (both squares drawn clockwise, to the "right") --> <path fill-rule="nonzero" stroke="red" d="m110,0 h90 v90 h-90 z ...
... m130,20 h50 v50 h-50 z"/> <!-- effect of nonzero fill rule on a shape inside a shape with the path segment moving in the opposite direction (one square drawn clockwise, the other anti-clockwise) --> <path fill-rule="nonzero" stroke="red" d="m210,0 h90 v90 h-90 z m230,20 v50 h50 v-50 z"/> </svg> evenodd the value evenodd determines the "insideness" of a point in the shape by drawing a ray from that point to infinity in any direction and counting the number of path segments from the given shape that the ray crosses.
... example html,body,svg { height:100% } <svg viewbox="-10 -10 320 120" xmlns="http://www.w3.org/2000/svg"> <!-- effect of evenodd fill rule on crossing path segments --> <polygon fill-rule="evenodd" stroke="red" points="50,0 21,90 98,35 2,35 79,90"/> <!-- effect of evenodd fill rule on on a shape inside a shape with the path segment moving in the same direction (both squares drawn clockwise, to the "right") --> <path fill-rule="evenodd" stroke="red" d="m110,0 h90 v90 h-90 z m130,20 h50 v50 h-50 z"/> <!-- effect of evenodd fill rule on a shape inside a shape with the path segment moving in opposite direction (one square drawn clockwise, the other anti-clockwise...

stroke-linecap - SVG: Scalable Vector Graphics
as a presentation attribute, it can be applied to any element but it has effect only on the following eight elements: <altglyph>, <path>, <polyline>, <line>, <text>, <textpath>, <tref>, and <tspan> html,body,svg { height:100% } <svg viewbox="0 0 6 6" xmlns="http://www.w3.org/2000/svg"> <!-- effect of the (default) "butt" value --> <line x1="1" y1="1" x2="5" y2="1" stroke="black" stroke-linecap="butt" /> <!-- effect of the "round" value --> <line x1="1" y1="3" x2="5" y2="3" stroke="black" stroke-linecap="round" /> <!-- effect of the "square" va...
... example html,body,svg { height:100% } <svg viewbox="0 0 6 4" xmlns="http://www.w3.org/2000/svg"> <!-- effect of the "butt" value --> <path d="m1,1 h4" stroke="black" stroke-linecap="butt" /> <!-- effect of the "butt" value on a zero length path --> <path d="m3,3 h0" stroke="black" stroke-linecap="butt" /> <!-- the following pink lines highlight the position of the path for each stroke --> <path d="m1,1 h4" stroke="pink" stroke-width="0.025" /> <circle cx="1" cy="1"...
... example html,body,svg { height:100% } <svg viewbox="0 0 6 4" xmlns="http://www.w3.org/2000/svg"> <!-- effect of the "round" value --> <path d="m1,1 h4" stroke="black" stroke-linecap="round" /> <!-- effect of the "round" value on a zero length path --> <path d="m3,3 h0" stroke="black" stroke-linecap="round" /> <!-- the following pink lines highlight the position of the path for each stroke --> <path d="m1,1 h4" stroke="pink" stroke-width="0.025" /> <circle cx="1" cy...
... example html,body,svg { height:100% } <svg viewbox="0 0 6 4" xmlns="http://www.w3.org/2000/svg"> <!-- effect of the "square" value --> <path d="m1,1 h4" stroke="black" stroke-linecap="square" /> <!-- effect of the "square" value on a zero length path --> <path d="m3,3 h0" stroke="black" stroke-linecap="square" /> <!-- the following pink lines highlight the position of the path for each stroke --> <path d="m1,1 h4" stroke="pink" stroke-width="0.025" /> <circle cx="1...

<use> - SVG: Scalable Vector Graphics
--> </svg> the effect is the same as if the nodes were deeply cloned into a non-exposed dom, then pasted where the use element is, much like cloned template elements in html5.
... value type: <length> ; default value: 0; animatable: yes note: width, and height have no effect on use elements, unless the element referenced has a viewbox - i.e.
... they only have an effect when use refers to a svg or symbol element.
...vent attributes, graphical event attributes presentation attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, a...

2015 MDN Fellowship Program - Archive of obsolete content
who web and mobile developers with an established track record of contributions and expertise in a specific web technology, function or domain who wish to increase the effectiveness of their teaching and communications.
... what seven weeks of partnering closely with mozilla to (1) build curriculum, code, or likely both; and (2) receive coaching, training and best practices for effectively communicating and educating with technical information.
...they enable the creation of effective offline experiences and wiill also allow access to push notifications and background sync apis.

Displaying web content in an extension without security issues - Archive of obsolete content
this means for example that javascript code top.location.href = "about:blank" will only unload the content document but won’t have any effect on the chrome.
...note: dynamic changes of the "type" attribute have no effect, the frame type is read out when the frame element is inserted into the document and never again.
...it is much easier to use dom manipulation methods that won’t have unexpected side-effects.

Supporting private browsing mode - Archive of obsolete content
note: private browsing mode may only be detected by chrome code, such as extensions; web content cannot detect whether or not private browsing is in effect.
...private browsing for plug-in authors plug-ins can detect whether or not private browsing mode is in effect by using the npn_getvalue() function to check the current value of the npnvprivatemodebool variable.
... note: during the transition period as this policy is put into effect, there is some leeway as well as a grace period.

RDF Modifications - Archive of obsolete content
for mozilla's datasources, the latter two just unassert the old triple and add a new one, creating the effect of changing the value.
...in effect, this isn't any different than adding the same set of triples yourself using the assert method.
...effectively, if the result generation process was to evaluate this member statement, the same output would be supplied for the ?photo variable whether the new data is there or not.

Special Condition Tests - Archive of obsolete content
the code above accomplishes the same effect except that it using the parent matching mechanism.
...the end effect is the same output, however, the source code is simpler.
...you will commonly use the two attributes iscontainer and isempty together in different combinations to create the effect you need.

RDF Datasources - Archive of obsolete content
this has the effect of reading the data from all the datasources mentioned.
...this is an effective way to hide data that we don't want to display.
...the end effect is that we get a popup menu containing all the mammals which have a specimen that is not 0.

button - Archive of obsolete content
for buttons, the type attribute must be set to checkbox or radio for this attribute to have any effect.
...using it with an anchor tag (an <a> link) will have no effect.
...using this attribute on a button that is not in a dialog box has no effect.

checkbox - Archive of obsolete content
for buttons, the type attribute must be set to checkbox or radio for this attribute to have any effect.
...using it with an anchor tag (an <a> link) will have no effect.
...this attribute only has any effect when used inside a prefwindow.

listitem - Archive of obsolete content
for buttons, the type attribute must be set to checkbox or radio for this attribute to have any effect.
...using it with an anchor tag (an <a> link) will have no effect.
...this attribute only has any effect when used inside a prefwindow.

toolbarbutton - Archive of obsolete content
for buttons, the type attribute must be set to checkbox or radio for this attribute to have any effect.
...using it with an anchor tag (an <a> link) will have no effect.
...using this attribute on a button that is not in a dialog box has no effect.

Supporting private browsing in plugins - Archive of obsolete content
it also introduced a mechanism by which plugins can determine whether or not private browsing mode is in effect.
... for example, if private browsing mode is in effect, video player plugins should not record the urls of watched videos in their histories.
... detecting private browsing mode plug-ins can detect whether or not private browsing mode is in effect by using the npn_getvalue() function to check the current value of the npnvprivatemodebool variable.

-ms-content-zoom-chaining - Archive of obsolete content
a bounce effect is shown when the user hits a zoom limit during page manipulation.
...no bounce effect is shown.
... remarks this property has no effect on non-zoomable elements.

Examples - Game development
digital fireworks animated firework effects rendered on canvas.
... fire walk with me billowing fire cloud effect.
... webgl filters demo showing webgl filters being used to add effects to html elements.

Audio for Web games - Game development
concurrent audio playback a requirement of many games is the need to play more than one piece of audio at the same time; for example, there might be background music playing along with sound effects for various things happening in the game.
... background music music in games can have a powerful emotional effect.
... you can also apply filters or effects to music.

Implementing controls using the Gamepad API - Game development
this article looks at implementing an effective, cross-browser control system for web games using the gamepad api, allowing you to control your web games using console game controllers.
...without it you'd have to release the button and press it again to have the desired effect.
...for this reason, it can be good to set a threshold for the value of the axis to take effect.

Backgrounds and borders - Learn web development
try out the different values — repeat-x and repeat-y — to see what their effects are.
...in effect, the background is fixed to the same position on the page, so it scrolls as the page scrolls.
... the background-attachment property only has an effect when there is content to scroll, so we've made a demo to demonstrate the differences between the three values — have a look at background-attachment.html (also see the source code here).

Floats - Learn web development
but web developers quickly realized that you can float anything, not just images, so the use of float broadened, for example to fun layout effects such as drop-caps.
... floating the content to the right has exactly the same effect, but in reverse — the floated element will stick to the right, and the content will wrap around it to the left.
... .special { background-color: rgb(79,185,227); padding: 10px; color: #fff; } to make the effect easier to see, change the margin-right on your float to margin, so you get space all around the float.

Fundamental text and font styling - Learn web development
here we'll go through all the basic fundamentals of text/font styling in detail, including setting font weight, family and style, font shorthand, text alignment and other effects, and line and letter spacing.
...text content effectively behaves like a series of inline elements, being laid out on lines adjacent to one another, and not creating line breaks until the end of the line is reached, or unless you force a line break manually using the <br> element.
...you can use combinations of these property values to create interesting effects, for example text-decoration: line-through red wavy.

Styling links - Learn web development
previous overview: styling text next when styling links, it is important to understand how to make use of pseudo-classes to style link states effectively, and how to style links for use in common varied interface features such as navigation menus and tabs.
... objective: to learn how to style link states, and how to use links effectively in common ui features like navigation menus.
... let's look at some html and css that will give us the effect we want.

Advanced text formatting - Learn web development
aside in drama, where a character shares a comment only with the audience for humorous or dramatic effect.
...esenting their inner thoughts or feelings and in the process relaying them to the audience (but not to other characters.)</dd> <dt>monologue</dt> <dd>in drama, where a character speaks their thoughts out loud to share them with the audience and any other characters present.</dd> <dt>aside</dt> <dd>in drama, where a character shares a comment only with the audience for humorous or dramatic effect.
... note that it is permitted to have a single term with multiple descriptions, for example: <dl> <dt>aside</dt> <dd>in drama, where a character shares a comment only with the audience for humorous or dramatic effect.

Creating hyperlinks - Learn web development
objective: to learn how to implement a hyperlink effectively, and link multiple files together.
... search engines use link text to index target files, so it is a good idea to include keywords in your link text to effectively describe what is being linked to.
... linking to non-html resources — leave clear signposts when linking to a resource that will be downloaded (like a pdf or word document), streamed (like video or audio), or has another potentially unexpected effect (opens a popup window, or loads a flash movie), you should add clear wording to reduce any confusion.

HTML table basics - Learn web development
be under no illusion; for tables to be effective on the web, you need to provide some styling information with css, as well as good solid structure with html.
...tables on the other hand are sized according to their content by default, so extra measures are needed to get table layout styling to effectively work across a variety of devices.
...we could create the same effect as we see above by specifying our table as follows: <table> <colgroup> <col> <col style="background-color: yellow"> </colgroup> <tr> <th>data 1</th> <th>data 2</th> </tr> <tr> <td>calcutta</td> <td>orange</td> </tr> <tr> <td>robots</td> <td>jazz</td> </tr> </table> effectively we are defining two "style columns", one specifying styling information...

Image gallery - Learn web development
</button> </div> <div class="thumb-bar"> </div> the example looks like this: the most interesting parts of the example's css file: it absolutely positions the three elements inside the full-img <div> — the <img> in which the full-sized image is displayed, an empty <div> that is sized to be the same size as the <img> and put right over the top of it (this is used to apply a darkening effect to the image via a semi-transparent background color), and a <button> that is used to control the darkening effect.
... attach an onclick handler to the <button> so that when it is clicked, a darken effect is applied to the full-size image.
... when it is clicked again, the darken effect is removed again.

Drawing graphics - Learn web development
the web still had no way to effectively create animations, games, 3d scenes, and other requirements commonly handled by lower level languages such as c++ or java.
...as you'll see later the length gets smaller each time the loop runs, so the effect here is that the color gets brighter with each successive triangle drawn.
...this effectively means that we are only updating the sprite on every 13th frame, or roughly about 5 frames a second (requestanimationframe() calls us at up to 60 frames per second if possible).

Object-oriented JavaScript for beginners - Learn web development
they are useful because you'll often come across situations in which you don't know how many objects you will be creating; constructors provide the means to create as many objects as you need in an effective way, attaching data and functions to them as required.
...so constructors may be more effective if you want to support older browsers.
... we'll explore the effects of create() in more detail later on.

Handling common HTML and CSS problems - Learn web development
unrecognised html elements are treated by the browser as anonymous inline elements (effectively inline elements with no semantic value, similar to <span> elements).
...you can add fallback content in between the opening and closing tags, and non-supporting browsers will effectively ignore the outer element and run the nested content.
...this has proven to be a very effective mechanism for fixing cross browser bugs.

Handling common JavaScript problems - Learn web development
a lot of javascript libraries provide animation capabilities programmed by javascript, but it is much more cost effective to do the animations via native browser features like css animations (or the nascent web animations api) than javascript.
... effects libraries: these libraries are designed to allow you to easily add special effects to your websites.
... this was more useful back when dhtml was a popular buzzword, and implementing an effect involved a lot of complex javascript, but these days browsers have a lot of built in css3 features and apis to implementing effects more easily.

Experimental features in Firefox
nightly 70 no developer edition 70 no beta 70 no release 70 no preference name layout.css.aspect-ratio-number.enabled property: backdrop-filter the backdrop-filter property applies filter effects to the area behind an element.
...this feature is available in nightly builds effective in firefox for android 81 or later.
... nightly 60 no developer edition 60 no beta 60 no release 60 no preference name security.mixed_content.upgrade_display_content ftp support disabled for security reasons, mozilla intends to remove support for ftp from firefox in 2020, effective in firefox 82.

Using the viewport meta tag to control layout on mobile browsers
enter viewport meta tag however, this mechanism is not so good for pages that are optimized for narrow screens using media queries — if the virtual viewport is 980px for example, media queries that kick in at 640px or 480px or less will never be used, limiting the effectiveness of such responsive design techniques.
... on high dpi screens, pages with initial-scale=1 will effectively be zoomed by browsers.
...if web developers want their scale settings to remain consistent when switching orientations on the iphone, they must add a maximum-scale value to prevent this zooming, which has the sometimes-unwanted side effect of preventing users from zooming in: <meta name="viewport" content="initial-scale=1, maximum-scale=1"> suppress the small zoom applied by many smartphones by setting the initial scale and minimum-scale values to 0.86.

nglayout.debug.disable_xul_cache
the effect is that the source xml file is not read and re-parsed each time the chrome in question is displayed.
...during development of xul applications, it’s convenient to disable the xul cache so that changes you make to files on disk take effect the next time the window or dialog is loaded (instead of the next time mozilla starts).
... possible values and their effects: true: do not cache parsed xul documents and do not save the cache to the xul fastload file on exit; re-read the source files each time the window or dialog needs to be displayed.

PRTimeParameters
tp_dst_offset if daylight savings time (dst) is in effect, the dst adjustment from the local standard time.
...if dst is not in effect, the tp_dst_offset component is 0.
...tp_dst_offset is 0, indicating that daylight saving time is not in effect.

Index
over the time nss has received three different asn.1 parser implementations, each having their own specific properties, advantages and disadvantages, which is why all of them are still being used (nobody has yet dared to replace the older with the newer ones because of risks for side effects).
...this has several effects: o with the -create command, only a module security file is created; certificate and key databases are not created.
...this can result in peculiar effects, such as sounds, flashes, and even crashes of the command shell window.

NSS environment variables
overrides the effect of ssl_no_locks (see ssl.h).
...as of nss 3.33 this variable has no effect.
...when set the sslbypass run-time variable won't take effect before 3.15 ...

Shell global objects
this doesn't have any observable effects outside of firing any onpromisesettled hooks set on debugger instances that are observing the given promise's global as a debuggee.
...the optional thread type limits the effect to the specified type of helper thread.
...the optional thread type limits the effect to the specified type of helper thread.

WebReplayRoadmap
allowing css to be changed while paused somewhere in the recording and update graphics with the effects of those changes.
... one important issue is that any side effects from evaluating expressions via the console or the debugger's watch expressions will not carry over when the tab resumes executing.
... type profiling (not yet implemented) the types that appear in practice have a large effect on how well the associated code can be optimized by jits.

nsIDOMEvent
calling this method for a non-cancelable event has no effect.
... once preventdefault has been called it will remain in effect throughout the remainder of the event's propagation.
...izeinterfacetype ); parameters amsg aserializeinterfacetype native code only!settarget void settarget( in nsidomeventtarget atarget ); parameters atarget native code only!settrusted void settrusted( in boolean atrusted ); parameters atrusted stopimmediatepropagation() prevents other event listeners from being triggered and, unlike stoppropagation() its effect is immediate.

nsIDOMWindowUtils
sheets added via this api take effect immediately on the document.
...the removal takes effect immediately.
... the effect of is api for gfx code to allocate more or fewer pixels for rescalable content by a factor of |resolution| in either or both dimensions.

nsIDocShell
setting this will make it take effect starting with the next document loaded in the docshell.
...if the timers are already running, this has no effect.
...if the timers are already suspended, this has no effect.

nsIMsgDBHdr
the value here will effectively be the unparsed version of the header.
...the value here will effectively be the unparsed header content, so it will contain full mime-encoded syntax.
...the value here will effectively be the unparsed header content; it may be easier to set this using setrecipientsarray.

nsIRequest
breaking this requirement could result in incorrect and potentially undesirable side-effects.
...this may have the effect of re-opening any underlying transport and will resume the delivery of data to any open streams.
...this may have the effect of closing any underlying transport (in order to free up resources), although any open streams remain logically opened and will continue delivering data when the transport is resumed.

Debugger.Object - Firefox Developer Tools
this means that garbage collection has no visible effect on debugger.object instances.
... decompile([pretty]) if the referent is a function that is debuggee code, return the javascript source code for a function definition equivalent to the referent function in its effect and result, as a string.
...(this is not like a with statement:code may access, assign to, and delete the introduced bindings without having any effect on thebindings object.) this method allows debugger code to introduce temporary bindings that are visible to the given debuggee code and which refer to debugger-held debuggee values, and do so without mutating any existing debuggee environment.

Debugger.Object - Firefox Developer Tools
this means that garbage collection has no visible effect on debugger.object instances.
... decompile([pretty]) if the referent is a function that is debuggee code, return the javascript source code for a function definition equivalent to the referent function in its effect and result, as a string.
...(this is not like a with statement:code may access, assign to, and delete the introduced bindings without having any effect on thebindings object.) this method allows debugger code to introduce temporary bindings that are visible to the given debuggee code and which refer to debugger-held debuggee values, and do so without mutating any existing debuggee environment.

Work with animations - Firefox Developer Tools
click the icon again to reverse the effect.
... the bar is shaped to reflect the easing effect used for the animation.
...it doesn't make much sense to try to animate a geometric property and a translation at the same time — the two effects won't be synchronized — so the transform property is deliberately not handed over to the compositor to handle.

Web Audio Editor - Firefox Developer Tools
two good demos are: the voice-change-o-matic, which can apply various effects to the microphone input and also provides a visualisation of the result the violent theremin, which changes the pitch and volume of a sine wave as you move the mouse pointer visualizing the graph the web audio editor will now display the graph for the loaded audio context.
... if you click on a value in the node inspector you can modify it: press enter or tab and the new value takes effect immediately.
... in the pane that shows you the node's details, there's an on/off button: click it, and the graph will be modified to bypass this node, so it will no longer have any effect.

Animation() - Web APIs
syntax var animation = new animation([effect][, timeline]); parameters effect optional the target effect, as an object based on the animationeffectreadonly interface, to assign to the animation.
... although in the future other effects such as sequenceeffects or groupeffects might be possible, the only kind of effect currently available is keyframeeffect.
... this can be null (which is the default) to indicate that there should be no effect applied.

Animation - Web APIs
animation.effect gets and sets the animationeffectreadonly associated with this animation.
... this will usually be a keyframeeffect object.
... methods animation.cancel() clears all keyframeeffects caused by this animation and aborts its playback.

CanvasRenderingContext2D.filter - Web APIs
the canvasrenderingcontext2d.filter property of the canvas 2d api provides filter effects such as blurring and grayscaling.
... drop-shadow() applies a drop shadow effect to the drawing.
... a drop shadow is effectively a blurred, offset version of the drawing's alpha mask drawn in a particular color, composited below the drawing.

DataTransfer - Web APIs
properties standard properties datatransfer.dropeffect gets the type of drag-and-drop operation currently selected or sets the operation to a new type.
... datatransfer.effectallowed provides all of the types of operations that are possible.
...if data for the specified type does not exist, or the data transfer contains no data, this method will have no effect.

GlobalEventHandlers.ontransitioncancel - Web APIs
note: elapsedtime does not include time prior to the transition effect beginning; that means that the value of transition-delay doesn't affect the value of elapsedtime, which is zero until the delay period ends and the animation begins.
...this could also be used to trigger animations or other effects, to allow chaining of reactions.
... <div class="box"></div> css the css below styles the box and applies a transition effect which makes the box's color and size change, and causes the box to rotate, while the mouse cursor hovers over it.

GlobalEventHandlers.ontransitionend - Web APIs
elapsedtime does not include time prior to the transition effect beginning; that means that the value of transition-delay doesn't affect the value of elapsedtime, which is zero until the delay period ends and the animation begins.
...this could also be used to trigger animations or other effects, to allow chaining of reactions.
... <div class="box"></div> css the css below styles the box and applies a transition effect which makes the box's color and size change, and causes the box to rotate, while the mouse cursor hovers over it.

History - Web APIs
calling this method to go back beyond the first page in the session history has no effect and doesn't raise an exception.
... calling this method to go forward beyond the most recent page in the session history has no effect and doesn't raise an exception.
...if you specify an out-of-bounds value (for instance, specifying -1 when there are no previously-visited pages in the session history), this method silently has no effect.

NetworkInformation - Web APIs
networkinformation.downlink read only returns the effective bandwidth estimate in megabits per second, rounded to the nearest multiple of 25 kilobits per seconds.
... networkinformation.effectivetype read only returns the effective type of the connection meaning one of 'slow-2g', '2g', '3g', or '4g'.
... networkinformation.rtt read only returns the estimated effective round-trip time of the current connection, rounded to the nearest multiple of 25 milliseconds.

Network Information API - Web APIs
var connection = navigator.connection || navigator.mozconnection || navigator.webkitconnection; var type = connection.effectivetype; function updateconnectionstatus() { console.log("connection type changed from " + type + " to " + connection.effectivetype); type = connection.effectivetype; } connection.addeventlistener('change', updateconnectionstatus); preload large resources the connection object is useful for deciding whether to preload resources that take large amounts of bandwidth or memory.
...regardless of the type value you can get an estimate of connection speed through the networkinformation.effectivetype property.
... let preloadvideo = true; var connection = navigator.connection || navigator.mozconnection || navigator.webkitconnection; if (connection) { if (connection.effectivetype === 'slow-2g') { preloadvideo = false; } } interfaces networkinformation provides information about the connection a device is using to communicate with the network and provides a means for scripts to be notified if the connection type changes.

SVGRect - Web APIs
vgrect" target="_top"><rect x="1" y="1" width="75" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="38.5" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgrect</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties svgrect.x the exact effect of this coordinate depends on each element.
... if the attribute is not specified, the effect is as if a value of 0 were specified.
... svgrect.y the exact effect of this coordinate depends on each element.if the attribute is not specified, the effect is as if a value of 0 were specified.

Using the Screen Capture API - Web APIs
while display capture is in effect, the machine which is sharing screen contents will display some form of indicator so the user is aware that sharing is taking place.
...this effect can be amplified when capturing logical display surfaces, which may contain content that the user doesn't know about at all, let alone see.
...the settings currently in effect are obtained using getsettings() and the established constraints are gotten with getconstraints() html the html starts with a simple introductory paragraph, then gets into the meat of things.

WebGLRenderingContext - Web APIs
webglrenderingcontext.samplecoverage() specifies multi-sample coverage parameters for anti-aliasing effects.
... effect of canvas size on rendering with webgl with scissor() and clear() we can demonstrate how the webgl drawing buffer is affected by the size of the canvas.
... the effect is clearly visible when using scissor() and clear() to draw a square in the center of the canvas, by specifying its position and size in pixels.

Canvas size and WebGL - Web APIs
« previousnext » this webgl example explores the effect of setting (or not setting) the canvas size to its element size in css pixels, as it appears in the browser window.
... effect of canvas size on rendering with webgl with scissor() and clear() we can demonstrate how the webgl drawing buffer is affected by the size of the canvas.
... the effect is clearly visible when using scissor() and clear() to draw a square in the center of the canvas, by specifying its position and size in pixels.

Lighting in WebGL - Web APIs
then we update the vertex shader to adjust the color of each vertex, taking into account the ambient lighting as well as the effect of the directional lighting given the angle at which it's striking the face.
...tribute vec3 avertexnormal; attribute vec2 atexturecoord; uniform mat4 unormalmatrix; uniform mat4 umodelviewmatrix; uniform mat4 uprojectionmatrix; varying highp vec2 vtexturecoord; varying highp vec3 vlighting; void main(void) { gl_position = uprojectionmatrix * umodelviewmatrix * avertexposition; vtexturecoord = atexturecoord; // apply lighting effect highp vec3 ambientlight = vec3(0.3, 0.3, 0.3); highp vec3 directionallightcolor = vec3(1, 1, 1); highp vec3 directionalvector = normalize(vec3(0.85, 0.8, 0.75)); highp vec4 transformednormal = unormalmatrix * vec4(avertexnormal, 1.0); highp float directional = max(dot(transformednormal.xyz, directionalvector), 0.0); vlighting = ambientlight + (directionallig...
... void main(void) { highp vec4 texelcolor = texture2d(usampler, vtexturecoord); gl_fragcolor = vec4(texelcolor.rgb * vlighting, texelcolor.a); } `; here we fetch the color of the texel, just like we did in the previous example, but before setting the color of the fragment, we multiply the texel's color by the lighting value to adjust the texel's color to take into account the effect of our light sources.

WebGL best practices - Web APIs
in practice, effectively all systems support at least the following: max_cube_map_texture_size: 4096 max_renderbuffer_size: 4096 max_texture_size: 4096 max_viewport_dims: [4096,4096] max_vertex_texture_image_units: 4 max_texture_image_units: 8 max_combined_texture_image_units: 8 max_vertex_attribs: 16 max_varying_vectors: 8 max_vertex_uniform_vectors: 128 max_fragment_uni...
...even basic requests can take as long as 1ms, but they can take even longer if they need to wait for all graphics work to be completed (with an effect similar to glfinish() in native opengl).
...these triangles are effectively skipped, which lets you start a new triangle strip unattached to your previous one, without having to split into multiple draw calls.

Geometry and reference spaces in WebXR - Web APIs
this may be different from the effective origin, which is the origin point for the space's local coordinate system.
... the directionality of the coordinate system can be seen in the following diagram: an xrrigidtransform called the origin offset is used to transform points from the space's own effective coordinate system to the xr device's native coordinate system.
...bring these to life using standard webgl techniques and a positioning matrix or xrrigidtransform to shift the objects to the correct position relative to the effective origin.

Background audio processing using AudioWorklet - Web APIs
this is the barest framework and actually has no effect until code is added into process() to do something with those inputs and outputs.
...you can then change its value effective at a given time using the audioparam method setvalueattime().
... here, for example, we set the value to newvalue, effective immediately.

Using Web Workers - Web APIs
this is because, inside the worker, the worker is effectively the global scope.
... about thread safety the worker interface spawns real os-level threads, and mindful programmers may be concerned that concurrency can cause “interesting” effects in your code if you aren't careful.
...they are intended to (amongst other things) enable the creation of effective offline experiences, intercepting network requests and taking appropriate action based on whether the network is available and updated assets reside on the server.

XRReferenceSpace: reset event - Web APIs
the reset event is sent to an xrreferencespace object when a discontinuity is detected in either the native origin or the effective origin, causing a jump in the position or orientation of objects oriented using the reference space.
...instead of allowing this to happen, you can integrate the emulatedposition into the teleportation offset calculated prior to calling getoffsetreferencespace() to create a new reference space whose updated effective origin is adjusted by the distance the viewer's position jumped since the previous frame.
... the effect of discontinuity size the reset event won't be fired when the discontinuity is small enough that the device is able to regain tracking within the same tracking area.

Web APIs
a angle_instanced_arrays abortcontroller abortsignal absoluteorientationsensor abstractrange abstractworker accelerometer addresserrors aescbcparams aesctrparams aesgcmparams aeskeygenparams ambientlightsensor analysernode animation animationeffect animationevent animationplaybackevent animationtimeline arraybufferview attr audiobuffer audiobuffersourcenode audioconfiguration audiocontext audiocontextlatencycategory audiocontextoptions audiodestinationnode audiolistener audionode audionodeoptions audioparam audioparamdescriptor audioparammap audioprocessingevent audioscheduledsourcenode audiotrack audiotracklist audioworklet audio...
...menttimeline documenttouch documenttype doublerange dragevent dynamicscompressornode e ext_blend_minmax ext_color_buffer_float ext_color_buffer_half_float ext_disjoint_timer_query ext_float_blend ext_frag_depth ext_srgb ext_shader_texture_lod ext_texture_compression_bptc ext_texture_compression_rgtc ext_texture_filter_anisotropic eckeygenparams eckeyimportparams ecdhkeyderiveparams ecdsaparams effecttiming element elementcssinlinestyle elementtraversal errorevent event eventlistener eventsource eventtarget extendableevent extendablemessageevent f featurepolicy federatedcredential fetchevent file fileentrysync fileerror fileexception filelist filereader filereadersync filerequest filesystem filesystemdirectoryentry filesystemdirectoryreader filesystementry filesystem...
...quest idbrequest idbtransaction idbtransactionsync idbversionchangeevent idbversionchangerequest iirfilternode idledeadline imagebitmap imagebitmaprenderingcontext imagecapture imagedata index inputdevicecapabilities inputevent installevent installtrigger intersectionobserver intersectionobserverentry interventionreportbody k keyboard keyboardevent keyboardlayoutmap keyframeeffect keyframeeffectoptions l largestcontentfulpaint layoutshift layoutshiftattribution linearaccelerationsensor linkstyle localfilesystem localfilesystemsync localmediastream location lock lockmanager lockedfile m midiaccess midiconnectionevent midiinput midiinputmap midimessageevent midioutputmap mscandidatewindowhide mscandidatewindowshow mscandidatewindowupdate msgestureevent msgraphi...

speak-as - CSS: Cascading Style Sheets
syntax /* keyword values */ speak-as: auto; speak-as: bullets; speak-as: numbers; speak-as: words; speak-as: spell-out; /* @counter-style name value */ speak-as: <counter-style-name>; values auto if the value of speak-as is specified as auto, then the effective value of speak-as will be determined based on the value of the system descriptor: if the value of system is alphabetic, the effective value of speak-as will be spell-out.
... if system is cyclic, the effective value of speak-as will be bullets.
... for all other cases, specifying auto has the same effect as specifying speak-as: numbers.

Spanning and Balancing Columns - CSS: Cascading Style Sheets
when a spanner is introduced, it breaks the flow of columns and columns restart after the spanner, effectively creating a new set of column boxes.
...use spanning carefully and test at various breakpoints to make sure you get the intended effect.
...check that you are getting the sort of effect that you expect in the browsers you support.

CSS Grid Layout and Progressive Enhancement - CSS: Cascading Style Sheets
as these properties are vendor prefixed, they will not effect any browser supporting the up to date and unprefixed specification.
... floated elements as we have already seen, float and also clear have no effect on a grid item.
... vertical alignment the alignment property vertical-align has no effect on a grid item.

appearance (-moz-appearance, -webkit-appearance) - CSS: Cascading Style Sheets
in older browsers, even the keyword none does not have the same effect on all form elements across different browsers, and some do not support it at all.
... syntax /* css basic user interface module level 4 values */ appearance: none; appearance: auto; appearance: menulist-button; appearance: textfield; /* "compat-auto" values, which have the same effect as 'auto' */ appearance: button; appearance: searchfield; appearance: textarea; appearance: push-button; appearance: slider-horizontal; appearance: checkbox; appearance: radio; appearance: square-button; appearance: menulist; appearance: listbox; appearance: meter; appearance: progress-bar; /* partial list of available values in gecko */ -moz-appearance: scrollbarbutton-up; -moz-appearance: button-bevel; /* partial list of available values in webkit/blink (as well as gecko and edge) */ -webkit-appearance: media-mute-button; -webkit-appearanc...
...appearance: caret; -webkit-appearance: caret; } <div>lorem</div> firefox chrome safari edge checkbox-container div { color: black; -moz-appearance: checkbox-container; -webkit-appearance: checkbox-container; } <div>lorem</div> firefox the element is drawn like a container for a checkbox, which may include a prelighting background effect under certain platforms.

backdrop-filter - CSS: Cascading Style Sheets
the backdrop-filter css property lets you apply graphical effects such as blurring or color shifting to the area behind an element.
... because it applies to everything behind the element, to see the effect you must make the element or its background at least partially transparent.
...nd-position: center center; background-repeat: no-repeat; background-size: cover; } .container { align-items: center; display: flex; justify-content: center; height: 100%; width: 100%; } html <div class="container"> <div class="box"> <p>backdrop-filter: blur(10px)</p> </div> </div> result specifications specification status comment filter effects module level 2the definition of 'backdrop-filter' in that specification.

bottom - CSS: Cascading Style Sheets
it has no effect on non-positioned elements.
... the effect of bottom depends on how the element is positioned (i.e., the value of the position property): when position is set to absolute or fixed, the bottom property specifies the distance between the element's bottom edge and the bottom edge of its containing block.
... when position is set to static, the bottom property has no effect.

conic-gradient() - CSS: Cascading Style Sheets
the following changes from red to yellow at the 30% mark, and then transitions from yellow to blue over 35% of the gradient conic-gradient(red .8rad, yellow .6rad, blue 1.3rad); there are other effects you can create with conic gradients.
...while it is possible to create pie charts, checkerboards, and other effects with conic gradients, css images provide no native way to assign alternative text, and therefore the image represented by the conic gradient will not be accessible to screen reader users.
...v></div> div { background-image: conic-gradient(from 40deg, #fff, #000); } off-centered gradient div { width: 100px; height: 100px; } <div></div> div { background: conic-gradient(from 0deg at 0% 25%, blue, green, yellow 180deg); } gradient pie-chart this example uses multi-position color stops, with adjacent colors having the same color stop value, creating a striped effect.

display - CSS: Cascading Style Sheets
see appendix b: effects of display: contents on unusual elements for more details.
... none turns off the display of an element so that it has no effect on layout (the document is rendered as though the element did not exist).
... we've included padding and background-color on the containers and their children, so that it is easier to see the effect the display values are having.

drop-shadow() - CSS: Cascading Style Sheets
the drop-shadow() css function applies a drop shadow effect to the input image.
... a drop shadow is effectively a blurred, offset version of the input image's alpha mask, drawn in a specific color and composited below the image.
... examples setting a drop shadow using pixel offsets and blur radius /* black shadow with 10px blur */ drop-shadow(16px 16px 10px black) setting a drop shadow using rem offsets and blur radius /* reddish shadow with 1rem blur */ drop-shadow(.5rem .5rem 1rem #e23) specifications specification status filter effects module level 1the definition of 'drop-shadow()' in that specification.

<filter-function> - CSS: Cascading Style Sheets
the <filter-function> css data type represents a graphical effect that can change the appearance of an input image.
...updating the controls updates the filter effect in real time, allowing you to investigate the effects of different filters.
...m.value}(${slider.value}${slider.getattribute('data-unit')}`; } updateoutput(); updatecurvalue(); } function updateoutput() { output.textcontent = slider.value; } function updatecurvalue() { curvalue.textcontent = `filter: ${divelem.style.filter}`; } setslider(selectelem.value); setdiv(selectelem.value); result specifications specification status filter effects module level 1the definition of 'filter-function' in that specification.

left - CSS: Cascading Style Sheets
it has no effect on non-positioned elements.
... description the effect of left depends on how the element is positioned (i.e., the value of the position property): when position is set to absolute or fixed, the left property specifies the distance between the element's left edge and the left edge of its containing block.
... when position is set to static, the left property has no effect.

margin-bottom - CSS: Cascading Style Sheets
this property has no effect on non-replaced inline elements, such as <span> or <code>.
...</div> <div class="box1">box 1</div> <div class="box2">box one's negative margin pulls me up</div> </div> css css for divs to set margin-bottom and height .box0 { margin-bottom:1em; height:3em; } .box1 { margin-bottom:-1.5em; height:4em; } .box2 { border:1px dashed black; border-width:1px 0; margin-bottom:2em; } some definitions for container and divs so margins' effects can be seen more clearly .container { background-color:orange; width:320px; border:1px solid black; } div { width:320px; background-color:gold; } result specifications specification status comment css basic box modelthe definition of 'margin-bottom' in that specification.
... recommendation removes its effect on inline elements.

overscroll-behavior - CSS: Cascading Style Sheets
/* keyword values */ overscroll-behavior: auto; /* default */ overscroll-behavior: contain; overscroll-behavior: none; /* two values */ overscroll-behavior: auto contain; /* global values */ overscroll-behavior: inherit; overscroll-behavior: initial; overscroll-behavior: unset; by default, mobile browsers tend to provide a "bounce" effect or even a page refresh when the top or bottom of a page (or other scroll area) is reached.
..."bounce" effects or refreshes), but no scroll chaining occurs to neighbouring scrolling areas, e.g.
...this can be stopped using overscroll-behavior-y (overscroll-behavior would also work) on the chat window, like this: .messages { height: 220px; overflow: auto; overscroll-behavior-y: contain; } we also wanted to get rid of the standard overscroll effects when the contacts are scrolled to the top or bottom (e.g.

position - CSS: Cascading Style Sheets
the top, right, bottom, left, and z-index properties have no effect.
...its effect on table-*-group, table-row, table-column, table-cell, and table-caption elements is undefined.
...this effectively inhibits any "sticky" behavior (see the github issue on w3c csswg).

right - CSS: Cascading Style Sheets
it has no effect on non-positioned elements.
... description the effect of right depends on how the element is positioned (i.e., the value of the position property): when position is set to absolute or fixed, the right property specifies the distance between the element's right edge and the right edge of its containing block.
... when position is set to static, the right property has no effect.

text-justify - CSS: Cascading Style Sheets
this has the same effect as not setting text-align at all, although it is useful if you need to turn justification on and off for some reason.
... inter-word the text is justified by adding space between words (effectively varying word-spacing), which is most appropriate for languages that separate words using spaces, like english or korean.
... inter-character the text is justified by adding space between characters (effectively varying letter-spacing), which is most appropriate for languages like japanese.

text-overflow - CSS: Cascading Style Sheets
fade this keyword clips the overflowing inline content and applies a fade-out effect near the edge of the line box with complete transparency at the edge.
... fade( <length> | <percentage> ) this function clips the overflowing inline content and applies a fade-out effect near the edge of the line box with complete transparency at the edge.
... the argument determines the distance over which the fade effect is applied.

top - CSS: Cascading Style Sheets
it has no effect on non-positioned elements.
... the effect of top depends on how the element is positioned (i.e., the value of the position property): when position is set to absolute or fixed, the top property specifies the distance between the element's top edge and the top edge of its containing block.
... when position is set to static, the top property has no effect.

<transform-function> - CSS: Cascading Style Sheets
(in fact, all transformations that are linear functions can be described.) composite transformations are effectively applied in order from right to left.
... examples transform function comparison the following example provides a 3d cube created from dom elements and transforms, and a select menu allowing you to choose different transform functions to transform the cube with, so you can compare the effects of the different types.
...the cube's starting state is slightly rotated using transform3d(), to allow you to see the effect of all the transforms.

Audio and video manipulation - Developer guides
having native audio and video in the browser means we can use these data streams with technologies such as <canvas>, webgl or web audio api to modify audio and video directly, for example adding reverb/compression effects to audio, or grayscale/sepia filters to video.
... mediastreamaudiosourcenode audio filters the web audio api has a lot of different filter/effects that can be applied to audio using the biquadfilternode, for example.
... examples various web audio api (and other) examples three.js video cube example convolution effects in real-time ...

HTML5 - Developer guides
2d/3d graphics and effects: allowing a much more diverse range of presentation options.
... 2d/3d graphics and effects canvas tutorial learn about the new <canvas> element and how to draw graphs and other objects in firefox.
...you can learn more about these by reading advanced box effects.

disabled - HTML: Hypertext Markup Language
because a disabled field cannot have it's value changed, required does not have any effect on inputs with the disabled attribute also specified.
... additionally, since the elements become immutable, most other attributes, such as pattern, have no effect, until the control is enabled.
...if the element doesn't support the disabled attribute, the attribute will have no effect, including not leading to being matched by the :disabled and :enabled pseudo classes.

<input type="week"> - HTML: Hypertext Markup Language
note: because a read-only field cannot have a value, required does not have any effect on inputs with the readonly attribute also specified.
... using the step attribute you should be able to use the step attribute to vary the number of weeks jumped whenever they are incremented or decremented, however it doesn't seem to have any effect on supporting browsers.
...we had to put the icons on a <span> next to the input, not on the input itself, because in chrome the generated content is placed inside the form control, and can't be styled or shown effectively.

<pre>: The Preformatted Text element - HTML: Hypertext Markup Language
to achieve such an effect, use css width instead.
...though technically still implemented, this attribute has no visual effect; to achieve such an effect, use css width instead.
...in modern browser this hint is ignored and no visual effect results in its present; to achieve such an effect, use css white-space instead.

<source>: The Media or Image Source element - HTML: Hypertext Markup Language
please note that sizes will have its effect only if width dimension descriptors are provided with srcset instead of pixel ratio values (200w instead of 2x for example).
... the sizes attribute has an effect only when the <source> element is the direct child of a <picture> element.
... the srcset attribute has an effect only when the <source> element is the direct child of a <picture> element.

<tr>: The Table Row element - HTML: Hypertext Markup Language
to give a similar effect as the bgcolor attribute, use the css property background-color.
...to achieve the same effect as the char attribute, set the css text-align property to the same string you would specify for the char property, such as text-align: ".".
...if all of the characters in the row are the same size, the effect is the same as bottom.

HTML elements reference - HTML: Hypertext Markup Language
it has no effect on the content or layout until styled using css.
...it was devised by netscape to accomplish the same effect as a single-pixel layout image, which was something web designers used to use to add white spaces to web pages without actually using an image.
... however, <spacer> no longer supported by any major browser and the same effects can now be achieved using simple css.

Cache-Control - HTTP
this directive is not effective in preventing caches from storing your response.
...this directive is not effective in preventing caches from storing your response.
...there is no effect if only-if-cached is set by a server as part of a response.

Index - HTTP
used on the body itself, content-disposition has no effect.
... 52 content-security-policy-report-only csp, http, https, reference, security, header the http content-security-policy-report-only response header allows web developers to experiment with policies by monitoring (but not enforcing) their effects.
... 88 pragma caching, deprecated, http, header, request the pragma http/1.0 general header is an implementation-specific header that may have various effects along the request-response chain.

HTTP headers - HTTP
pragma implementation-specific header that may have various effects anywhere along the request-response chain.
... content-security-policy-report-only allows web developers to experiment with policies by monitoring, but not enforcing, their effects.
...the header is effectively equivalent to <meta name="robots" content="...">.

delete operator - JavaScript
however, it is important to consider the following scenarios: if the property which you are trying to delete does not exist, delete will not have any effect and will return true.
... if a property with the same name exists on the object's prototype chain, then, after deletion, the object will use the property from the prototype chain (in other words, delete only has an effect on own properties).
...ee = { age: 28, name: 'abc', designation: 'developer' } console.log(delete employee.name); // returns true console.log(delete employee.age); // returns true // when trying to delete a property that does // not exist, true is returned console.log(delete employee.salary); // returns true non-configurable properties when a property is marked as non-configurable, delete won't have any effect, and will return false.

Digital audio concepts - Web media technologies
note: while a high-quality lossy compression algorithm's effect on sound quality may be difficult for the average person to detect, certain people have exceptionally good hearing, or are particularly adept at noticing the kinds of changes introduced to music by lossy compression techniques.
... use cases for lossless audio include scenarios such as: any situation in which the listener expects precise audio reproduction and may have an ear for sound that's good enough to make out the intricate details of unaltered audio audio loops and samples used in music and sound effects production work situations in which audio clips or samples may be remixed and then compressed; using lossless audio for the mastering process avoids compressing previously compressed data, resulting in additional quality loss factors that may recommend the use of lossy compression include: very large source audio constrained storage (either because the storage space is small, or because t...
... lossy compression algorithms generally use psychoacoustics to determine which components of an audio waveform can be lost or subdued in some way that can improve compression ratios while minimizing the audible effect for the target listeners.

The building blocks of responsive design - Progressive web apps (PWAs)
in particular, we used the deck component for the nice transition effect between cards when the buttons are pressed.
...some ideas follow, which also help to keep the number of http requests down — another key factor in mobile app performance: you should try to use css3 features to programmatically generate graphical effects where possible, rather than relying on image files.
... using web fonts for displaying icons is an effective technique for keeping file size and http requests down, and this is supported well across modern and older browsers.

filter - SVG: Scalable Vector Graphics
the filter attribute specifies the filter effects defined by the <filter> element that shall be applied to its element.
... as a presentation attribute, it can be applied to any element but it only has effect on container elements without the <defs> element, all graphics elements and the <use> element.
... specifications specification status comment filter effects module level 1the definition of 'filter' in that specification.

in - SVG: Scalable Vector Graphics
fillpaint this keyword represents the value of the fill property on the target element for the filter effect.
... strokepaint this keyword represents the value of the stroke property on the target element for the filter effect.
... <feimage xlink:href="https://developer.mozilla.org/files/6457/mdn_logo_only_color.png" x="10%" y="10%" width="80%" height="80%"/> <feblend in2="sourcegraphic" mode="multiply"/> </filter> </defs> <circle cx="50%" cy="40%" r="40%" fill="#c00" style="filter:url(#imagemultiply);"/> </svg> </div> result specifications specification status comment filter effects module level 1the definition of 'in' in that specification.

in2 - SVG: Scalable Vector Graphics
value sourcegraphic | sourcealpha | backgroundimage | backgroundalpha | fillpaint | strokepaint | <filter-primitive-reference> default value sourcegraphic for first filter primitive, otherwise result of previous filter primitive animatable yes specifications specification status comment filter effects module level 1the definition of 'in2 for <fedisplacementmap>' in that specification.
... working draft no change filter effects module level 1the definition of 'in2 for <fecomposite>' in that specification.
... working draft no change filter effects module level 1the definition of 'in2 for <feblend>' in that specification.

kernelUnitLength - SVG: Scalable Vector Graphics
value <number-optional-number> default value pixel in offscreen bitmap animatable yes specifications specification status comment filter effects module level 1the definition of 'kernelunitlength for <fespecularlighting>' in that specification.
... filter effects module level 1the definition of 'kernelunitlength for <fediffuselighting>' in that specification.
... filter effects module level 1the definition of 'kernelunitlength for <feconvolvematrix>' in that specification.

stdDeviation - SVG: Scalable Vector Graphics
a value of zero disables the effect of the given filter primitive (i.e., the result is the filter input image).
... if stddeviation is 0 in only one of x or y, then the effect is that the blur is only applied in the direction that has a non-zero value.
... specifications specification status comment filter effects module level 1the definition of 'stddeviation' in that specification.

xlink:show - SVG: Scalable Vector Graphics
this is similar to the effect achieved by an html <a> element with target set to _blank.
...this is similar to the effect achieved by an html <a> element with target set to _self.
...this is similar to the effect achieved by an html <img> element.

<svg> - SVG: Scalable Vector Graphics
no effect on outermost svg elements.
...no effect on outermost svg elements.
...tributes, document element event attributes presentation attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, a...

SVG 2 support in Mozilla - SVG: Scalable Vector Graphics
change notes exception for bad values on svgmatrix.skewx() and svgmatrix.skewy() implementation status unknown bounding box for element with no position at (0, 0) implementation status unknown defer keyword removed from preserveaspectratio attribute removed (bug 1280425) added non-scaling-size, non-rotation and fixed-position keywords for vector-effect property not implemented yet (bug 1318208) vector-effect has no effect within 3d rendering context implementation status unknown consider clip and overflow on svg document referenced by <image> implementation status unknown paths change notes b and b path commands implementation status unknown z and z path commands to add pat...
...xml:space attribute implementation status unknown kerning property removed implementation status unknown path attribute for <textpath> implemented (bug 1446617) reference basic shapes to <textpath> implementation status unknown side attribute for <textpath> implemented (bug 1446650) render characters for one loop of a single closed path, effected by the startoffset attribute and text-anchor property implementation status unknown <tref> removed implementation status unknown <altglyph>, <altglyphdef>, <altglyphitem> and <glyphref> removed <altglyph>, <altglyphdef> and <altglyphitem> removed (bug 1260032), <glyphref> never really implemented (bug 1302693) svgtextcontentelement.selectsubstring() deprecate...
...05) will-change instead of buffered-rendering implementation status unknown context-fill and context-stroke paint values implemented (bug 719286 (firefox 18.0 / thunderbird 18.0 / seamonkey 2.15) and bug 798843 (firefox 26.0 / thunderbird 26.0 / seamonkey 2.23)) child keyword for <paint> values and marker properties implementation status unknown vector-effect property only none and non-scaling-stroke values are supported (bug 528332 (firefox 15 / thunderbird 15 / seamonkey 2.12), bug 1318208) arcs value for stroke-linejoin not implemented (bug 1239142) auto-start-reverse value for <marker>'s orient attribute implemented (bug 879659) svgpaint removed implementation status unknown fill and stroke taking mu...

Basic Transformations - SVG: Scalable Vector Graphics
effects on coordinate systems when using transformations you establish a new coordinate system inside the element the transformations apply to.
...the more intriguing effects arise, when you rely on attributes like userspaceonuse and the such.
... <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="100" height="100"> <svg width="100" height="100" viewbox="0 0 50 50"> <rect width="50" height="50" /> </svg> </svg> the example above has basically the same effect as the one above, namely that the rect will be twice as large as specified.

Fills and Strokes - SVG: Scalable Vector Graphics
note: in firefox 3+, rgba values are also allowed, and will give the same effect.
... round produces a rounded effect on the end of the stroke.
...you can also use things like the :hover pseudo class to create rollover effects: #myrect:hover { stroke: black; fill: blue; } you can also specify an external stylesheet for your css rules through normal xml-stylesheet syntax: <?xml version="1.0" standalone="no"?> <?xml-stylesheet type="text/css" href="style.css"?> <svg width="200" height="150" xmlns="http://www.w3.org/2000/svg" version="1.1"> <rect height="10" width="10" id="myrect"/> </svg> where style.css...

core/promise - Archive of obsolete content
subsequent promises decendents of that prototype: let { promise, resolve } = defer({ get: function get(name) { return this.then(function(value) { return value[name]; }); } }); promise.get('foo').get('bar').then(console.log); resolve({ foo: { bar: 'taram !!' } }); // => 'taram !!' also promised function maybe be passed a second optional prototype argument to achieve the same effect.
... if you need to customize your promises even further you may pass resolve a second optional prototype argument that will have same effect as with defer.

stylesheet/utils - Archive of obsolete content
the sheets added takes effect immediately, and only on the document of the window given.
...the removal takes effect immediately.

console - Archive of obsolete content
at a given logging level, only calls to the corresponding functions and functions with a higher severity will have any effect.
...but if the logging level is "warn" then only calls to warn() and error() have any effect, and calls to info() and log() are simply discarded.

Preferences - Archive of obsolete content
the effect of default preferences on get methods when one of the get methods of nsiprefbranch (assuming it's a branch of the tree with current values) is called, it does the following: checks whether the current tree has a value for the preference and whether or not the preference is locked.
... using preference observers changes a user makes to your extension's preferences, such as through an options dialog, may not take effect until the browser is restarted (e.g., if you have initialized local variables when the browser loads).

Enhanced Extension Installation - Archive of obsolete content
since our needs and the needs of other applications may vary in the future, since we've already effectively generalized the concept of an install location, we can make this set configurable by applications and extensions.
... we now check more effectively for system integrity during startup.

Chapter 5: Let's build a Firefox extension - Archive of obsolete content
the extension will actually work fine even if these are located in the content package, but putting them in the skin package has the benefit of making it possible to design guis that match specific firefox themes, and allowing theme developers to create special visual effects for extensions.
...in order to use the dump method most effectively, you’ll need to follow the recommendations in “setting up your development environment”.

Using the Stylesheet Service - Archive of obsolete content
in firefox 1.5 and 2, adding and removing such style sheets takes effect upon the next load of a page.
... in firefox 3, the changes take effect immediately, though some declarations (especially those affecting xul) won't work until a reload.

An Interview With Douglas Bowman of Wired News - Archive of obsolete content
like other designers and html whizzes, i became a master at manipulating and troubleshooting tables, nesting them in intricate ways to produce any layout or effect that could be imagined.
...it wasn't that every level was absolutely necessary to reproduce the intended design effects.

Table Cellmap - Archive of obsolete content
if mspan is 0 then morigcell is in effect 81 // and the data does not represent a span.
... if mspan is 1, then mbits is in 82 // effect and the data represents a span.

MenuButtons - Archive of obsolete content
the stoppropagation method is used to stop the bubbling effect so that the command event on the button does not get called as well.
... the effect is a button that performs one command with a menu for other commands.

OpenClose - Archive of obsolete content
naturally, attempting to open a menu that is already open doesn't have any effect.
... however, you can see the effect of the flag when using the firefox bookmarks.

Actions - Archive of obsolete content
action> <button uri="?relateditem" label="?relateditem"/> </action> </template> <button id="http://www.xulplanet.com/rdf/b" label="http://www.xulplanet.com/rdf/b"/> <button id="http://www.xulplanet.com/rdf/c" label="http://www.xulplanet.com/rdf/c"/> <button id="http://www.xulplanet.com/rdf/d" label="http://www.xulplanet.com/rdf/d"/> </vbox> since the template tag is hidden, the effect will be like in the image, three buttons with the labels of the data in the datasource.
...the effect will be a toolbar with a set of three buttons inside it.

Attribute Substitution - Archive of obsolete content
for instance, to include a prefix before a variable value, you can use: <label value="my name is ?name"/> the effect will be that the ?name part of the attribute will be replaced by the value of the variable ?name.
...the effect will be that a label will have either the 'malegerman' or 'femalegerman' class.

Containment Properties - Archive of obsolete content
the only difference between this and the previous example is a a couple of additional lines added to the rdf/xml: <rdf:seq rdf:about="http://www.xulplanet.com/rdf/a"> <rdf:li rdf:resource="http://www.xulplanet.com/rdf/e"/> <rdf:li rdf:resource="http://www.xulplanet.com/rdf/f"/> </rdf:seq> the effect is that there are five results instead of three.
...effectively, the containment attribute allows you to specify additional predicates that provide children.

Introduction - Archive of obsolete content
effectively, xul templates are the xul way of doing databinding.
...it effectively means, use no datasource for this template, which will likely result in no output being generated.

SeaMonkey - making custom toolbar (SM ver. 1.x) - Archive of obsolete content
to see the effect of any change that you make, restart seamonkey.
...for a selection of code samples that you can copy and paste, and customize without any knowledge of programming, see this page: code samples your changes take effect when you restart the application.

Custom toolbar button - Archive of obsolete content
to see the effect of any change that you make, restart the application.
... for a selection of code samples that you can copy and paste, and customize without any knowledge of programming, see this page: code samples your changes take effect when you restart the application.

Grids - Archive of obsolete content
it creates an effect much like a grid of stack elements.
... column spanning there is no means of making a cell span a particular number of multiple columns or rows (see discussion for a way of achieving the same effect).

Stacks and Decks - Archive of obsolete content
for example, you could create an effect similar to the text-shadow property with the following: example 1 : source view <stack> <description value="shadowed" style="padding-left: 1px; padding-top: 1px; font-size: 15pt"/> <description value="shadowed" style="color: red; font-size: 15pt;"/> </stack> both description elements create text with a size of 15 points.
...the second description element is drawn in red so the effect is more visible.

XUL element attributes - Archive of obsolete content
specifying a flex value of 0 has the same effect as leaving the flex attribute out entirely.
...in order to revert to the normal cursor state call the method removeattribute("wait-cursor") when the process effectively has ended otherwise the wait cursor might never disappear.

XUL Event Propagation - Archive of obsolete content
but to use events effectively in xul, you must be aware of what the actual process for raising, listening to, and handling events is.
...if you cut and paste the source code from the example above into a separate file, you can see that the effect of these event handlers is to display as many as four different alert dialogs as the event bubbles up the hierarchy.

colorpicker - Archive of obsolete content
using it with an anchor tag (an <a> link) will have no effect.
...this attribute only has any effect when used inside a prefwindow.

listbox - Archive of obsolete content
using it with an anchor tag (an <a> link) will have no effect.
...this attribute only has any effect when used inside a prefwindow.

menuitem - Archive of obsolete content
for buttons, the type attribute must be set to checkbox or radio for this attribute to have any effect.
...using it with an anchor tag (an <a> link) will have no effect.

menulist - Archive of obsolete content
using it with an anchor tag (an <a> link) will have no effect.
...this attribute only has any effect when used inside a prefwindow.

preference - Archive of obsolete content
using it with an anchor tag (an <a> link) will have no effect.
...(this always accesses the nsiprefbranch apis regardless of the instantapply mode in effect).

radiogroup - Archive of obsolete content
using it with an anchor tag (an <a> link) will have no effect.
...this attribute only has any effect when used inside a prefwindow.

richlistbox - Archive of obsolete content
using it with an anchor tag (an <a> link) will have no effect.
...this attribute only has any effect when used inside a prefwindow.

textbox - Archive of obsolete content
using it with an anchor tag (an <a> link) will have no effect.
...this attribute only has any effect when used inside a prefwindow.

tree - Archive of obsolete content
using it with an anchor tag (an <a> link) will have no effect.
...this style must come before treechildren::-moz-tree-checkbox(checked) otherwise it won't take effect.

wizard - Archive of obsolete content
this has the effect of enabling or disabling the next button, or, on the last page of the wizard, the finish button.
...this has the effect of enabling or disabling the back button.

Archived Mozilla and build documentation - Archive of obsolete content
dtrace dtrace is sun microsystem's dynamic tracing framework that allows developers to instrument a program with probes that have little to no effect on performance when not in use and very little when active.
... table layout regression tests changes in layout, parser and content code can have unintended side effects, also known as regressions.

Gecko Compatibility Handbook - Archive of obsolete content
since a web page is judged not by how well it is written but by how well it displays in a browser, authors have developed many techniques which take advantage of idiosyncracies in particular browsers to achieve the desired effect.
...in order to achieve the desired effects on a page, authors wrote html and javascript which depended upon these bugs in order to work properly.

Getting Started - Archive of obsolete content
you need to be comfortable with creatingmarkup to be able to effectively use this tutorial.
... it is not mandatory to create rss files in this tutorial (you can just read on), but this would be a less effective way for you to learn.

-ms-scroll-snap-x - Archive of obsolete content
the two selectors in the following example have the same effect.
... this property has no effect on non-scrollable elements.

-ms-scroll-snap-y - Archive of obsolete content
the two selectors in the following example have the same effect.
... this property has no effect on non-scrollable elements.

-ms-scroll-translation - Archive of obsolete content
this property has no effect on non-scrollable elements.
... this property has no effect on keyboard interaction.

background-size - Archive of obsolete content
given the fact that this reference has serious shortcomings in many places and few contributors, i think spending much time here is not effective.
... i'm guessing not, just asking because having both rules in for 3.6 creates a strange effect: -moz-border-image gets inherited by every element on the page user:robertc 2009-08-08 -moz-border-image should not inherit.

RDF in Mozilla FAQ - Archive of obsolete content
both datasources refer to "website" by url: this is the "key" that allows the datasources to be "merged" effectively.
... the only caveat is that you must call rebuild() before the changes you've made will take effect (just as you must if you add a datasource to the xul template).

Anatomy of a video game - Game development
in javascript, you are using the browser's main loop and you are trying to do so effectively.
... this is ineffective if your peers or server are out-of-date too, or they don't exist because the game is single player and doesn't have a server.

Introduction to game development for the Web - Game development
html audio the <audio> element lets you easily play simple sound effects and music.
... web audio api this api for controlling the playback, synthesis, and manipulation of audio from javascript code lets you create awesome sound effects as well as play and manipulate music in real time.

Game monetization - Game development
remember that you need thousands of downloads of your game to make iaps effective — only a small fraction of players will actually pay for iaps.
...google adsense is said to be the most effective one, but it's not designed for games and it's a pretty bad practice to use it for that purpose.

Building up a basic demo with PlayCanvas editor - Game development
in our case we're modifying the scale of the cylinder on the y axis, giving it as a value the math.sin() of the timer, with math.abs() applied to the result of that to have the values always above zero (0-1; sin values are normally between -1 and 1.) this gives us a nice scaling effect as a result.
... test the demo out launch the demo to see the effects — all the shapes should animate.

Unconventional controls - Game development
doppler effect there's a very interesting article available on motion sensing using the doppler effect, which mixes together waving your hand and using the microphone.
...it could work similar to the doppler effect in terms of manipulating the player's ship on the screen by moving your hand closer or further from the device.

Idempotent - MDN Web Docs Glossary: Definitions of Web-related terms
an http method is idempotent if an identical request can be made once or several times in a row with the same effect while leaving the server in the same state.
... in other words, an idempotent method should not have any side-effects (except for keeping statistics).

Fundamental CSS comprehension - Learn web development
write a ruleset that gives the <h2> an effective font size of 20px (but expressed in ems) and an appropriate line height to place it in the center of the header's content box.
... write a ruleset that gives the <p> inside the footer an effective font size of 15px (but expressed in ems) and an appropriate line height to place it in the center of the footer's content box.

Legacy layout methods - Learn web development
try saving and loading the page in your browser to see the effects.
...n">3</div> /* and so on */ </div> </div> next, give the containers on the second row classes explaining the number of columns they should span, like so: <div class="row"> <div class="one column">13</div> <div class="six columns">14</div> <div class="three columns">15</div> <div class="two columns">16</div> </div> try saving your html file and loading it in your browser to see the effect.

Styling text - Learn web development
fundamental text and font styling in this article we go through all the basics of text/font styling in detail, including setting font weight, family and style, font shorthand, text alignment and other effects, and line and letter spacing.
... styling links when styling links, it is important to understand how to make use of pseudo-classes to style link states effectively, and how to style links for use in common varied interface features such as navigation menus and tabs.

Advanced form styling - Learn web development
in most cases, the effect is to remove the stylized border, which makes css styling a bit easier, but isn't really essential.
... remember that css and javascript can have side effects.

HTML forms in legacy browsers - Learn web development
to summarize, when it comes to styling form control widgets, the side effects of styling them with css can be unpredictable.
...even if it's still possible to do a few adjustments on text elements (such as sizing or font color), there are always side effects.

Other form controls - Learn web development
this is effectively the starting width, as it can be changed by resizing the <textarea>, and overriden using css.
...this is effectively the starting height, as it can be changed by resizing the <textarea>, and overriden using css.

Use JavaScript within a webpage - Learn web development
in this article we're going over the html code you need to make javascript take effect.
... if you're only looking for simple visual effects, css can often get the job done even more intuitively.

Using data attributes - Learn web development
using the css selectors and javascript access here this allows you to build some nifty effects without having to write your own display routines.
...number values must be quoted in the selector for the styling to take effect.

Debugging HTML - Learn web development
<ul> <li>unclosed elements: if an element is <strong>not closed properly, then its effect can spread to areas you didn't intend <li>badly nested elements: nesting elements properly is also very important for code behaving correctly.
...sometimes fixing an earlier error will also get rid of other error messages — several errors can often be caused by a single problem, in a domino effect.

Getting started with HTML - Learn web development
this opening tag marks where the element begins or starts to take effect.
...browsers ignore comments, effectively making comments invisible to the user.

HTML text fundamentals - Learn web development
to style content with css, or make it do interesting things with javascript, you need to have elements wrapping the relevant content, so css/javascript can effectively target it.
...html provides various semantic elements to allow us to mark up textual content with such effects, and in this section, we'll look at a few of the most common ones.

Adding vector graphics to the Web - Learn web development
it's basically markup, like html, except that you've got many different elements for defining the shapes you want to appear in your image, and the effects you want to apply to those shapes.
...(external stylesheets invoked from the svg file take no effect.) you cannot restyle the image with css pseudoclasses (like :focus).

Cooperative asynchronous JavaScript: Timeouts and intervals - Learn web development
it then runs the function once per second using setinterval(), creating the effect of a digital clock that updates once per second (see this live, and also see the source): function displaytime() { let date = new date(); let time = date.tolocaletimestring(); document.getelementbyid('demo').textcontent = time; } const createclock = setinterval(displaytime, 1000); just like settimeout(), setinterval() returns an identifying value you can use later when you need to cle...
... the below example uses a recursive settimeout() to run the passed function every 100 milliseconds: let i = 1; settimeout(function run() { console.log(i); i++; settimeout(run, 100); }, 100); compare the above example to the following one — this uses setinterval() to accomplish the same effect: let i = 1; setinterval(function run() { console.log(i); i++ }, 100); how do recursive settimeout() and setinterval() differ?

Functions — reusable blocks of code - Learn web development
you can also assign an anonymous function to be the value of a variable, for example: const mygreeting = function() { alert('hello'); } this function could now be invoked using: mygreeting(); this effectively gives the function a name; you can also assign the function to be the value of multiple variables, for example: let anothergreeting = mygreeting; this function could now be invoked using either of: mygreeting(); anothergreeting(); but this would just be confusing, so don't do it!
... output(z); } function b() { let z = 3; output(y); } save and reload again, and try this again in your javascript console: a(); b(); this time the a() and b() calls will both return an annoying referenceerror: variable name is not defined error — this is because the output() calls and the variables they are trying to print are not in the same function scopes — the variables are effectively invisible to those function calls.

Introduction to web APIs - Learn web development
for example, the web audio api provides javascript constructs for manipulating audio in the browser — taking an audio track, altering its volume, applying effects to it, etc.
...ike htmlmediaelement, the web audio api, and webrtc allow you to do really interesting things with multimedia such as creating custom ui controls for playing audio and video, displaying text tracks like captions and subtitles along with your videos, grabbing video from your web camera to be manipulated via a canvas (see above) or displayed on someone else's computer in a web conference, or adding effects to audio tracks (such as gain, distortion, panning, etc).

Object building practice - Learn web development
the last two lines add the velx value to the x coordinate, and the vely value to the y coordinate — the ball is in effect moved each time this method is called.
...try varying this number to see the effect it has.

Website security - Learn web development
effective website security requires design effort across the whole of the website: in your web application, the configuration of the web server, your policies for creating and renewing passwords, and the client-side code.
... a number of other concrete steps you can take are: use more effective password management.

Introduction to client-side frameworks - Learn web development
things to consider when using frameworks being an effective web developer means using the most appropriate tools for the job.
...that said, we've identified a few questions you can ask in order to research your options more effectively: what browsers does the framework support?

Framework main features - Learn web development
</figcaption> </figure> state we talked about the concept of state in the previous chapter — a robust state-handling mechanism is key to an effective framework, and each component may have data to control the state of.
...each framework implements dependency injection under a different name, and in a different way, but the effect is ultimately the same.

Handling common accessibility problems - Learn web development
we have already mentioned a couple of accessibility tips involving css: use the correct semantic elements to mark up different content in html; if you want to create a different visual effect, use css — don't abuse an html element to get the look you want.
...absolute positioning (as used in this example) is generally seen as one of the best mechanisms of hiding content for visual effect, because it doesn't stop screen readers from getting to it.

Strategies for carrying out testing - Learn web development
note: another useful lo-fi option, if you have the hardware available, is to test your sites on low-end phones/other devices — as sites get larger and feature more effects, there is a higher chance of the site slowing down, so you need to start giving performance more consideration.
... summary after reading this article you should now have a good idea of what you can do to identify your target audience/target browser list, and then effectively carry out cross-browser testing on that list.

Command line crash course - Learn web development
previous overview: understanding client-side tools next in your development process you'll undoubtedly be required to run some command in the terminal (or on the "command line" — these are effectively the same thing).
...for example, the below command counts the number of lines outputted by the ls command (what it would normally print to the terminal if run on its own) and outputs that count to the terminal instead: ls | wc -l since ls prints each file or directory on its own line, that effectively gives us a directory and file count.

Debugging on Windows
mdata,su> nscstring=<mdata,s> nscautostring=<mdata,s> nsrect=x=<x,d> y=<y,d> width=<width,d>; height=<height,d> nsstaticatomwrapper=<mstaticatom->mstring,s> nsiatom=<mstring,su> ; the following are not necessary in vc8 nscomptr<*>=<mrawptr,x> nsrefptr=<mrawptr,x> nsautoptr=<mrawptr,x> after you have made the changes and saved the file, you will need to restart visual c++ for the changes to take effect.
... debugging optimized builds to effectively debug optimized builds, you should enable debugging information which effectively leaves the debug symbols in optimized code so you can still set breakpoints etc.

How Mozilla's build system works
phase 3 effectively takes whatever was generated by phase 2 and runs it.
... to view information about the tiers, you can execute the following special make targets: command effect make echo-tiers show the final list of tiers.

Eclipse CDT Manual Setup
before you proceed any further, check that your changes to eclipse's memory limits have taken effect and are present in eclipse/help > about eclipse > installation details > configuration.
...(note that the format settings under "general > editors > text editors" have no effect in c/c++ views, since the c/c++ settings are more specific and override those settings.

Basics
so it responds to other browser operations such as the zoom (try view -> text zoom), and you can do links a 2 + b 2 = c 2 , apply stylistic effects a 2 + b 2 = c 2 , or use color a 2 + b 2 = c 2 in very strange ways p(x) q(x) = a0 + a1x + a2 x2 + ...
...</a> <a class="control" href="javascript:incrementinput('input21',-1);" title="decrease input">-</a> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; right size: <a class="control" href="javascript:incrementinput('input12', 1);" title="increase input">+</a> <a class="control" href="javascript:incrementinput('input12',-1);" title="decrease input">-</a> <br/> (click these control buttons to see their effects.) </div> <p> each entry of the following matrix represents <math> <msup><mrow><mo>(</mo><mi>x</mi><mo>+</mo><mi>y</mi><mo>)</mo></mrow><mi>n</mi></msup> </math> for some <i>n</i>.

Phishing: a short definition
a relatively simple, yet effective, phishing scheme is sending an email with a fake invoice of a person’s favorite shopping site.
... shifting blame to users some quick-to-implement, and cost-effective solutions, hold users accountable for their actions instead of restricting what’s technically possible.

Midas
if undo was not the most recent action, this command will have no effect.
...if no action has occurred in the document, then this command will have no effect.

Bytecode Descriptions
if it's a primitive value, the property is set on toobject(obj), typically with no effect.
...it coerces the awaited value to a promise and effectively calls .then() on it, passing handler functions that will resume this async function call later.

Handling Mozilla Security Bugs
however, a security bug can revert back to being a normal bug by having the "security-sensitive" flag removed, in which case the access control restrictions will no longer be in effect.
... expanding the mozilla security bug group as previously described, the mozilla security module owner can select one or more peers to share the core work of coordinating investigation and resolution of mozilla security vulnerabilities, and will work with them to create some agreed-upon ground rules for how this work can be most effectively shared among themselves.

Gecko object attributes
dropeffect indicates what functions can be performed when the dragged object is released on the drop target.
... refer to aria-dropeffect for the list of possible values.

nsIPrincipal
setting this has no effect on the uri.
...note: the 'domain' attribute has no effect on the behaviour of this function.

nsIStyleSheetService
sheets added via this api take effect on all documents, including already-loaded ones, immediately.
...the removal takes effect immediately, even for already-loaded documents.

nsIXULTemplateBuilder
this method will have no effect if the result isn't known to the builder.
...this method is expected to have the same effect as calling both removeresult for the old result and addresult for the new result.

Getting Started Guide
don box gets into more of the details, traps, and pitfalls of com in effective com.
...probably the three most helpful books on this topic are the c++ programming language by bjarne stroustrup, effective c++, and more effective c++ by scott meyers.

XPIDL
table 5: optional interface attributes attribute valid for methods valid for attributes effect changes source compatibility?
...it has no effect on native code, but script code uses it like a regular return value.

WebIDL bindings
nothing calling the method or getter will have no side-effects on either the dom or the js heap.
... the nothing value, when used with [dependson] values other than everything, can used by the jit to perform loop-hoisting and common subexpression elimination on the return values of idl attributes and methods, as well as code motion past dom methods that might depend on system state but have no side effects.

Mozilla
the power of the tool comes from the fact that there is more than one way to achieve any given visual effect in a browser.
... so, if the effect of complex markup is being tested, put that complex markup into a page and create another page that uses simple markup to achieve the same visual effect.

Page inspector 3-pane mode - Firefox Developer Tools
having the css rules in their own pane is very useful because it allows you to not only inspect your html and edit the css applied to it, but also see the effect this has on css features such as computed styles and grids in real time.
... you just need to have the relevant tab open to see the effect.

Examine and edit HTML - Firefox Developer Tools
usually this white space seems to have no effect and no visual output, but in fact, when a browser parses html it will automatically generate anonymous text nodes for elements not contained in a node.
... note that this button is disabled if the selected element's type is such that adding a last-child would have no effect (for example, if is is an <html> or <iframe> element).

AudioListener.dopplerFactor - Web APIs
the deprecated dopplerfactor property of the audiolistener interface is a double value representing the amount of pitch shift to use when rendering a doppler effect.
... syntax var audioctx = new audiocontext(); var mylistener = audioctx.listener; mylistener.dopplerfactor = 1; value a double indicating the doppler effect's pitch shift value.

AudioListener - Web APIs
deprecated features audiolistener.dopplerfactor a double value representing the amount of pitch shift to use when rendering a doppler effect.
... in a previous version of the specification, the dopplerfactor and speedofsound properties and the setposition() method could be used to control the doppler effect applied to audiobuffersourcenodes connected downstream — these would be pitched up and down according to the relative speed of the pannernode and the audiolistener.

AudioParam - Web APIs
audioparam.maxvalue read only represents the maximum possible value for the parameter's nominal (effective) range.
... audioparam.minvalue read only represents the minimum possible value for the parameter's nominal (effective) range.

AudioWorkletNodeOptions - Web APIs
usage notes when creating an audioworkletnode, these options can have various effects.
...this has the effect of changing the output channel count to dynamically change to the computed number of channels, based on the input's channel count and the current setting of the audionode property channelcountmode.

BaseAudioContext.createConvolver() - Web APIs
the createconvolver() method of the baseaudiocontext interface creates a convolvernode, which is commonly used to apply reverb effects to your audio.
...the example below uses a short sample of a concert hall crowd, so the reverb effect applied is really deep and echoey.

BaseAudioContext - Web APIs
baseaudiocontext.createconvolver() creates a convolvernode, which can be used to apply convolution effects to your audio graph, for example a reverberation effect.
... baseaudiocontext.createwaveshaper() creates a waveshapernode, which is used to implement non-linear distortion effects.

CanvasRenderingContext2D.globalAlpha - Web APIs
html <canvas id="canvas"></canvas> javascript const canvas = document.getelementbyid('canvas'); const ctx = canvas.getcontext('2d'); ctx.globalalpha = 0.5; ctx.fillstyle = 'blue'; ctx.fillrect(10, 10, 100, 100); ctx.fillstyle = 'red'; ctx.fillrect(50, 50, 100, 100); result overlaying transparent shapes this example illustrates the effect of overlaying multiple transparent shapes on top of each other.
... with each new circle, the opacity of the previous circles underneath is effectively increased.

CanvasRenderingContext2D.lineJoin - Web APIs
this property has no effect wherever two connected segments have the same direction, because no joining area will be added in this case.
... "miter" connected segments are joined by extending their outside edges to connect at a single point, with the effect of filling an additional lozenge-shaped area.

Advanced animations - Web APIs
< 0) { ball.vy = -ball.vy; } if (ball.x + ball.vx > canvas.width || ball.x + ball.vx < 0) { ball.vx = -ball.vx; } raf = window.requestanimationframe(draw); } canvas.addeventlistener('mouseover', function(e) { raf = window.requestanimationframe(draw); }); canvas.addeventlistener('mouseout', function(e) { window.cancelanimationframe(raf); }); ball.draw(); trailing effect until now we have made use of the clearrect method when clearing prior frames.
... if you replace this method with a semi-transparent fillrect, you can easily create a trailing effect.

ConvolverNode.normalize - Web APIs
changes to this value do not take effect until the next time the buffer attribute is set.
... convolver.normalize = false; // must be set before the buffer, to take effect convolver.buffer = concerthallbuffer; specifications specification status comment web audio apithe definition of 'normalize' in that specification.

ConvolverNode - Web APIs
the convolvernode interface is an audionode that performs a linear convolution on a given audiobuffer, often used to achieve a reverb effect.
... convolvernode.buffer a mono, stereo, or 4-channel audiobuffer containing the (possibly multichannel) impulse response used by the convolvernode to create the reverb effect.

Credential Management API - Web APIs
calls to get() and store() within an <iframe> element will resolve without effect.
...this is sometimes referred to as public suffix list (psl) matching; however the spec only recommends using psl to determine the effective scope of a credential.

DataTransfer.items - Web APIs
-width"> <style> div { margin: 0em; padding: 2em; } #target { border: 1px solid black; } </style> <script> function dragstart_handler(ev) { console.log("dragstart: target.id = " + ev.target.id); // add this element's id to the drag payload so the drop handler will // know which element to add to its tree ev.datatransfer.setdata("text/plain", ev.target.id); ev.datatransfer.effectallowed = "move"; } function drop_handler(ev) { console.log("drop: target.id = " + ev.target.id); ev.preventdefault(); // get the id of the target and add the moved element to the target's dom var data = ev.datatransfer.getdata("text"); ev.target.appendchild(document.getelementbyid(data)); // print each format type if (ev.datatransfer.types != null) { for (var i=0; i < ev.datatransfer.t...
...items[" + i + "].kind = " + ev.datatransfer.items[i].kind + " ; type = " + ev.datatransfer.items[i].type); } } } function dragover_handler(ev) { console.log("dragover"); ev.preventdefault(); // set the dropeffect to move ev.datatransfer.dropeffect = "move" } </script> <body> <h1>examples of <code>datatransfer</code>.{<code>types</code>, <code>items</code>} properties</h1> <ul> <li id="i1" ondragstart="dragstart_handler(event);" draggable="true">drag item 1 to the drop zone</li> <li id="i2" ondragstart="dragstart_handler(event);" draggable="true">drag item 2 to the drop zone</li> </ul> <div id="t...

DataTransfer.types - Web APIs
-width"> <style> div { margin: 0em; padding: 2em; } #target { border: 1px solid black; } </style> <script> function dragstart_handler(ev) { console.log("dragstart: target.id = " + ev.target.id); // add this element's id to the drag payload so the drop handler will // know which element to add to its tree ev.datatransfer.setdata("text/plain", ev.target.id); ev.datatransfer.effectallowed = "move"; } function drop_handler(ev) { console.log("drop: target.id = " + ev.target.id); ev.preventdefault(); // get the id of the target and add the moved element to the target's dom var data = ev.datatransfer.getdata("text"); ev.target.appendchild(document.getelementbyid(data)); // print each format type if (ev.datatransfer.types != null) { for (var i=0; i < ev.datatransfer.t...
...items[" + i + "].kind = " + ev.datatransfer.items[i].kind + " ; type = " + ev.datatransfer.items[i].type); } } } function dragover_handler(ev) { console.log("dragover"); ev.preventdefault(); // set the dropeffect to move ev.datatransfer.dropeffect = "move" } </script> <body> <h1>examples of <code>datatransfer</code>.{<code>types</code>, <code>items</code>} properties</h1> <ul> <li id="i1" ondragstart="dragstart_handler(event);" draggable="true">drag item 1 to the drop zone</li> <li id="i2" ondragstart="dragstart_handler(event);" draggable="true">drag item 2 to the drop zone</li> </ul> <div id="t...

DedicatedWorkerGlobalScope.close() - Web APIs
the close() method of the dedicatedworkerglobalscope interface discards any tasks queued in the dedicatedworkerglobalscope's event loop, effectively closing this particular scope.
... syntax self.close(); example if you want to close your worker instance from inside the worker itself, you can call the following: close(); close() and self.close() are effectively equivalent — both represent close() being called from inside the worker's inner scope.

Document.domain - Web APIs
exceptions securityerror an attempt has been made to set domain under one of the following conditions: the document is inside a sandboxed <iframe> the document has no browsing context the document's effective domain is null the given value is not equal to the document's effective domain (or it is not a registerable domain suffix of it) the document-domain feature-policy is enabled examples getting the domain for the uri http://developer.mozilla.org/docs/web, this example sets currentdomain to the string "developer.mozilla.org".
... const baddomain = "www.example.xxx"; if (document.domain === baddomain) { // just an example: window.close() sometimes has no effect window.close(); } specifications specification status comment html living standardthe definition of 'document.domain' in that specification.

DynamicsCompressorNode() - Web APIs
the dynamicscompressornode() constructor creates a new dynamicscompressornode object which provides a compression effect, which lowers the volume of the loudest parts of the signal, in order to help prevent clipping and distortion.
... threshold: the decibel value above which the compression will start taking effect.

DynamicsCompressorNode - Web APIs
the dynamicscompressornode interface provides a compression effect, which lowers the volume of the loudest parts of the signal in order to help prevent clipping and distortion that can occur when multiple sounds are played and multiplexed together at once.
... dynamicscompressornode.threshold read only is a k-rate audioparam representing the decibel value above which the compression will start taking effect.

Element.animate() - Web APIs
fill optional dictates whether the animation's effects should be reflected by the element(s) prior to playing ("backwards"), retained after the animation has completed playing ("forwards"), or both.
... add dictates an additive effect, where each successive iteration builds on the last.

Element.msZoomTo() - Web APIs
this method has no scrolling effect on non-scrollable elements and no zooming effect on non-zoomable elements (e.g., elements with "-ms-content-zooming: none").
... this method has no effect if called from a parent document to scroll or zoom content hosted in an iframe.

Event.preventDefault() - Web APIs
as noted below, calling preventdefault() for a non-cancelable event, such as one dispatched via eventtarget.dispatchevent(), without specifying cancelable: true has no effect.
...calling preventdefault() for a non-cancelable event has no effect.

FileSystemFlags.create - Web APIs
this option has no effect.ie no support noopera no support nosafari no support nowebview android full support yesprefixed full support yesprefixed prefixed implemented with the vendor prefix: webkitc...
...this option has no effect.opera android no support nosafari ios no support nosamsung internet android full support yesprefixed full support yesprefixed prefixed implemented with the vendor prefix: webkitlegend ...

FileSystemFlags.exclusive - Web APIs
this option has no effect.ie no support noopera no support nosafari no support nowebview android full support yesprefixed full support yesprefixed prefixed implemented with the vendor prefix: webkitc...
...this option has no effect.opera android no support nosafari ios no support nosamsung internet android full support yesprefixed full support yesprefixed prefixed implemented with the vendor prefix: webkitlegend ...

GlobalEventHandlers.onanimationcancel - Web APIs
all we do here is log information to the console, but you might find other use cases, such as starting a new animation or effect, or terminating some dependent operation.
...how" the box button: document.getelementbyid('togglebox').addeventlistener('click', function() { if (box.style.display == "none") { box.style.display = "flex"; document.getelementbyid("togglebox").innerhtml = "hide the box"; } else { box.style.display = "none"; document.getelementbyid("togglebox").innerhtml = "show the box"; } }); toggling the box to display: none has the effect of aborting its animation.

MediaStreamTrack.enabled - Web APIs
note: if the track has been disconnected, the value of this property can be changed, but has no effect.
... finally, the new value of enabled is saved, making the change take effect.

RTCPeerConnection.setLocalDescription() - Web APIs
because descriptions will be exchanged until the two peers agree on a configuration, the description submitted by calling setlocaldescription() does not immediately take effect.
...only then does the agreed-upon configuration take effect.

RTCPeerConnection.setRemoteDescription() - Web APIs
because descriptions will be exchanged until the two peers agree on a configuration, the description submitted by calling setremotedescription() does not immediately take effect.
...only then does the agreed-upon configuration take effect.

Request() - Web APIs
a request object, effectively creating a copy.
...}); note that you could also pass the init object into the fetch call to get the same effect, e.g.: fetch(myrequest,myinit).then(function(response) { ...

ServiceWorkerGlobalScope.skipWaiting() - Web APIs
use this method with clients.claim() to ensure that updates to the underlying service worker take effect immediately for both the current client and all other active clients.
... example while self.skipwaiting() can be called at any point during the service worker's execution, it will only have an effect if there's a newly installed service worker that might otherwise remain in the waiting state.

SharedWorkerGlobalScope.close() - Web APIs
the close() method of the sharedworkerglobalscope interface discards any tasks queued in the sharedworkerglobalscope's event loop, effectively closing this particular scope.
... syntax self.close(); example if you want to close your worker instance from inside the worker itself, you can call the following: close(); close() and self.close() are effectively equivalent — both represent close() being called from inside the worker's inner scope.

SharedWorkerGlobalScope - Web APIs
sharedworkerglobalscope.close() discards any tasks queued in the sharedworkerglobalscope's event loop, effectively closing this particular scope.
... inherited from workerglobalscope workerglobalscope.close() discards any tasks queued in the workerglobalscope's event loop, effectively closing this particular scope.

Using the User Timing API - Web APIs
measure events are also named by the application but they are placed between two marks thus they are effectively a midpoint between two marks.
...cleared all marks", 0); performance.clearmarks(); } } performance measures a measure performance entry type is named by the application and its timestamp is placed between two named marks thus a measure is effectively a midpoint between two marks in the browser's performance timeline.

User Timing API - Web APIs
measure events are also named by the application but they are placed between two marks thus they are effectively a midpoint between two marks.
... performance measures measure events are also named by the application but they are placed between two marks thus they are effectively a midpoint between two marks.

WaveShaperNode.oversample - Web APIs
oversampling is a technique for creating more samples (up-sampling) before applying a distortion effect to the audio signal.
... the possible oversample values are: value effect 'none' do not perform any oversampling.

WaveShaperNode - Web APIs
beside obvious distortion effects, it is often used to add a warm feeling to the signal.
...oversampling is a technique for creating more samples (up-sampling) before applying the distortion effect to the audio signal.

WebGL by example - Web APIs
we believe that it leads to a more effective learning experience and ultimately a deeper understanding of the underlying concepts.
... canvas size and webgl the example explores the effect of setting (or not setting) the canvas size to its element size in css pixels, as it appears in the browser window.

WebGL tutorial - Web APIs
webgl programs consist of control code written in javascript and special effects code (shader code) that is executed on a computer's graphics processing unit (gpu).
... lighting in webgl how to simulate lighting effects in your webgl context.

Taking still photos with WebRTC - Web APIs
fun with filters since we're capturing images from the user's webcam by grabbing frames from a <video> element, we can very easily apply filters and fun effects to the video.
... you can play with this effect using, for example, the firefox developer tools' style editor; see edit css filters for details on how to do so.

Spaces and reference spaces: Spatial tracking in WebXR - Web APIs
you can do this by creating a new reference space that incorporates into its effective origin the distance the viewer's position jumped since the previous frame, using the xrreferencespace method getoffsetreferencespace().
... <<<--- needs an example --->>> the reset event <<<--- this section probably has problems still; corrections are appreciated --->>> when a discontinuity or break in the native or effective origin of a reference space occurs, the user agent will send the xrreferencespace a reset event.

WebXR Device API - Web APIs
each view has an offset used to shift the position of the view relative to the camera, in order to allow for creating stereographic effects.
... creating a mixed reality experience starting up and shutting down a webxr session before actually presenting a scene using an xr device such as a headset or goggles, you need to create a webxr session bound to a rendering layer that draws the scene for presentation in each of the xr device's displays so that the 3d effect can be presented to the user.

Web Audio API best practices - Web APIs
although it doesn't harness the full gamut of filters and other effects the web audio api comes with, you can do most of what you'd want to do.
...it provides advanced scheduling capabilities, synths, and effects, and intuitive musical abstractions built on top of the web audio api.

Using IIR filters - Web APIs
it also provides a canvas on which is drawn the frequency response of the audio, so you can see what effect the iir filter has.
...it includes some different coefficient values for different lowpass frequencies — you can change the value of the filternumber constant to a value between 0 and 3 to check out the different available effects.

Web audio spatialization basics - Web APIs
note: there's also a stereopannernode designed to deal with the common use case of creating simple left and right stereo panning effects.
...if you just want a simple stereo panning effect, our stereopannernode example (see source code) should give you everything you need.

Window.open() - Web APIs
see rel="noopener" for more information and for browser compatibility details, including information about ancillary effects.
... working draft defines the effect of the features argument ...

WorkerGlobalScope.close() - Web APIs
the close() method of the workerglobalscope interface discards any tasks queued in the workerglobalscope's event loop, effectively closing this particular scope.
... syntax self.close(); example if you wanted to close your worker instance from inside the worker itself, you could call the following: close(); close() and self.close() are effectively equivalent — both represent close() being called from inside the worker's inner scope.

WorkerGlobalScope - Web APIs
deprecated methods workerglobalscope.close() discards any tasks queued in the workerglobalscope's event loop, effectively closing this particular scope.
...for example, you could import another script into the worker and print out the contents of the worker scope's navigator object using the following two lines: importscripts('foo.js'); console.log(navigator); since the global scope of the worker script is effectively the global scope of the worker you are running (dedicatedworkerglobalscope or whatever) and all worker global scopes inherit methods, properties, etc.

Using the alert role - Accessibility
description this technique demonstrates how to use the alert role and describes the effect it has on browsers and assistive technology.
... possible effects on user agents and assistive technology when the alert role is added to an element, or such an element becomes visible, the user agent should do the following: expose the element as having an alert role in the operating system's accessibility api.

Using the aria-labelledby attribute - Accessibility
value a space-separated list of element ids possible effects on user agents and assistive technology when user agents compute the accessible name property of elements that have both an aria-labelledby attribute and an aria-label attribute, the user agents give precedence to aria-labelledby.
...tion in the example below, the definition of a term that is described in the natural flow of the narrative is associated with the term itself using the aria-labelledby attribute: <p>the doctor explained it had been a <dfn id="placebo">placebo</dfn>, or <span role="definition" aria-labelledby="placebo"> an inert preparation prescribed more for the mental relief of the patient than for its actual effect on a disorder.</span> </p> example 6: definition lists in the example below, the definitions in a formal definition list are associated with the terms they define using the aria-labelledby attribute: <dl> <dt id="anathema">anathema</dt> <dd role="definition" aria-labelledby="anathema">a ban or curse solemnly pronounced by ecclesiastical authority ...

Using the group role - Accessibility
description this technique demonstrates how to use the group role and describes the effect it has on browsers and assistive technology.
... possible effects on user agents and assistive technology when the group role is added to an element, or such an element becomes visible, the user agent should do the following: expose the element as having a group role in the operating system's accessibility api.

Using the link role - Accessibility
this technique demonstrates how to use the link role and describes the effect it has on browsers and assistive technology.
... possible effects on user agents and assistive technology when the link role is added to an element, or such an element becomes visible, the user agent should do the following: expose the element as having a link role in the operating system's accessibility api.

Using the log role - Accessibility
description this technique demonstrates how to use the log role and describes the effect it has on browsers and assistive technology.
... possible effects on user agents and assistive technology when the log role is added to an element, or such an element becomes visible, the user agent should do the following: expose the element as having a log role in the operating system's accessibility api.

Using the presentation role - Accessibility
this technique demonstrates how to use the presentation role and describes the effect it has on browsers and assistive technology.
... possible effects on user agents and assistive technology note: opinions may differ on how assistive technology should handle this technique.

Using the progressbar role - Accessibility
this technique demonstrates how to use the progressbar role and describes the effect it has on browsers and assistive technology.
... possible effects on user agents and assistive technology screen readers should announce the progress updates as they occur.

Using the radio role - Accessibility
description this technique demonstrates how to use the radio role and describes the effect it has on browsers and assistive technology.
... possible effects on user agents and assistive technology note: opinons may differ on how assistive technology should handle this technique.

Using the slider role - Accessibility
this technique demonstrates how to use the slider role and describes the effect it has on browsers and assistive technology.
...by 10 on a range from 0 to 100) possible effects on user agents and assistive technology note: opinions may differ on how assistive technology should handle this technique.

Using the status role - Accessibility
description this technique demonstrates how to use the status role and describes the effect it has on browsers and assistive technology.
... possible effects on user agents and assistive technology when the status role is added to an element, or such an element becomes visible, the user agent should do the following: expose the element as having a status role in the operating system's accessibility api.

Using the toolbar role - Accessibility
description this technique demonstrates how to use the toolbar role and describes the effect it has on browsers and assistive technology.
... possible effects on user agents and assistive technology note: opinons may differ on how assistive technology should handle this technique.

Cognitive accessibility - Accessibility
be consistent and predictable, and use norms while unlabeled iconography is not the most effective method of conveying information, keeping the use of the icons (and if labeled, their label text) consistent helps people to understand what the icon represents.
...if there is client side error detection, observe the following guidelines to make the error as effective as possible when conveyed to the user: the error must be described in the text.

Implementing a Microsoft Active Accessibility (MSAA) Server - Accessibility
msaa is supposed to be the "right way" for accessibility aids to get information, but sometimes the hacks are more effective.
...in order to do this effectively, you will have to keep track of every accessible object that you create.

-webkit-mask-composite - CSS: Cascading Style Sheets
this causes the source mask image to have no effect.
...this causes the destination mask image to have no effect.

::first-letter (:first-letter) - CSS: Cascading Style Sheets
m, letter-spacing, word-spacing (when appropriate), line-height, text-decoration-color, text-decoration-line, text-decoration-style, box-shadow, float, vertical-align (only if float is none) css properties syntax /* css3 syntax */ ::first-letter /* css2 syntax */ :first-letter examples simple drop cap in this example we will use the ::first-letter pseudo-element to create a simple drop cap effect on the first letter of the paragraph coming right after the <h2>.
... kasd gubergren, no sea takimata sanctus est.</p> <p>duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat.</p> css p { width: 500px; line-height: 1.5; } h2 + p::first-letter { color: white; background-color: black; border-radius: 2px; box-shadow: 3px 3px 0 red; font-size: 250%; padding: 6px 3px; margin-right: 6px; float: left; } result effect on special punctuation and non-latin characters this example illustrates the effect of ::first-letter on special punctuation and non-latin characters.

prefers-reduced-transparency - CSS: Cascading Style Sheets
reduce indicates that user has notified the system that they prefer an interface that minimizes the amount of transparent or translucent layer effects.
... this example has an annoying transparency effect by default.

Detecting CSS animation support - CSS: Cascading Style Sheets
however, there are likely to be times when this feature isn't available, and you may wish to handle that case by using javascript code to simulate a similar effect.
...otherwise, we can use javascript to create the desired css animation effects.

Box-shadow generator - CSS: Cascading Style Sheets
this tool lets you construct css box-shadow effects, to add box shadow effects to your css objects.
...owid = id; colopicker.setcolor(active.shadows[id].color); buttonmanager.setvalue("inset", active.shadows[id].inset); slidermanager.setvalue("blur", active.shadows[id].blur); slidermanager.setvalue("spread", active.shadows[id].spread); slidermanager.setvalue("posx", active.shadows[id].posx); slidermanager.setvalue("posy", active.shadows[id].posy); if (glow === true) addgloweffect(id); } var addgloweffect = function addgloweffect(id) { if (animate === true) return; animate = true; var store = new shadow(); var shadow = active.shadows[id]; store.copy(shadow); shadow.color.setrgba(40, 125, 200, 1); shadow.blur = 10; shadow.spread = 10; active.node.style.transition = "box-shadow 0.2s"; updateshadowcss(id); settimeout(function() { ...

Controlling Ratios of Flex Items Along the Main Axis - CSS: Cascading Style Sheets
remember this behaviour and what effects min-content and max-content have as we explore flex-grow and flex-shrink later in this article.
...this is a newer keyword and has less browser support, however you can always get the same effect by using auto as the flex-basis and ensuring that your item does not have a width set, in order that it will be auto-sized.

Mastering Wrapping of Flex Items - CSS: Cascading Style Sheets
the specification describes the behaviour as follows: “specifying visibility:collapse on a flex item causes it to become a collapsed flex item, producing an effect similar to visibility:collapse on a table-row or table-column: the collapsed flex item is removed from rendering entirely, but leaves behind a "strut" that keeps the flex line’s cross-size stable.
... thus, if a flex container has only one flex line, dynamically collapsing or uncollapsing items may change the flex container’s main size, but is guaranteed to have no effect on its cross size and won’t cause the rest of the page’s layout to "wobble".

Cross-browser Flexbox mixins - CSS: Cascading Style Sheets
if an element is not a flex item, flex has no effect.
...note that this property has no effect when the flexbox has only a single line.

In Flow and Out of Flow - CSS: Cascading Style Sheets
you can see the background colour of the following paragraph running underneath, it is only the line boxes of that paragraph that have been shortened to cause the effect of wrapping content around the float.
...for this reason methods which remove elements from being in-flow should be used with understanding of the effect that they have.

Introduction to formatting contexts - CSS: Cascading Style Sheets
bfc creation examples let's have a look at a couple of these in order to see the effect creating a new bfc.
... explicitly creating a bfc using display: flow-root using display: flow-root (or display: flow-root list-item) on the containing block will create a new bfc without any other potentially problematic side-effects.

Relationship of grid layout to other layout methods - CSS: Cascading Style Sheets
auto-filling grid tracks we can create a similar effect to flexbox, while still keeping the content arranged in strict rows and columns, by creating our track listing using repeat notation and the auto-fill and auto-fit properties.
...don’t be afraid to mix it with other methods of doing layout to get the different effects you need.

Inline formatting context - CSS: Cascading Style Sheets
when an inline box is split, margins, borders, and padding have no visual effect where the split occurs.
... effect of floats line boxes usually have the same size in the inline direction, therefore the same width if working in a horizontal writing mode, or height if working in a vertical writing mode.

Scaling of SVG backgrounds - CSS: Cascading Style Sheets
source: no dimensions or intrinsic ratio when no intrinsic ratio or dimensions are specified by the source image, rule 4 takes effect, and the image is rendered to fill the background area.
... background: url(no-dimensions-or-ratio.svg); background-size: auto auto; the rendered output looks like this: source: one dimension and no intrinsic ratio if no intrinsic ratio is specified, but at least one dimension is specified, rule 3 takes effect, and we render the image obeying those dimensions.

Specificity - CSS: Cascading Style Sheets
note: proximity of elements in the document tree has no effect on the specificity.
... universal selector (*), combinators (+, >, ~, ' ', ||) and negation pseudo-class (:not()) have no effect on specificity.

backface-visibility - CSS: Cascading Style Sheets
(this property has no effect on 2d transforms, which have no perspective.) syntax /* keyword values */ backface-visibility: visible; backface-visibility: hidden; /* global values */ backface-visibility: inherit; backface-visibility: initial; backface-visibility: unset; the backface-visibility property is specified as one of the keywords listed below.
... hidden the back face is hidden, effectively making the element invisible when turned away from the user.

background-clip - CSS: Cascading Style Sheets
if the element has no background-image or background-color, this property will only have a visual effect when the border has transparent regions or partially opaque regions (due to border-style or border-image); otherwise, the border masks the difference.
... note: because the root element has a different background painting area, the background-clip property has no effect when specified on it.

contain - CSS: Cascading Style Sheets
this property is useful on pages that contain a lot of widgets that are all independent, as it can be used to prevent each widget's internals from having side effects outside of the widget's bounding-box.
... style indicates that, for properties that can have effects on more than just an element and its descendants, those effects don't escape the containing element.

<display-box> - CSS: Cascading Style Sheets
see appendix b: effects of display: contents on unusual elements for more details.
... none turns off the display of an element so that it has no effect on layout (the document is rendered as though the element did not exist).

grayscale() - CSS: Cascading Style Sheets
values between 0% and 100% are linear multipliers on the effect.
... examples grayscale(0) /* no effect */ grayscale(.7) /* 70% grayscale */ grayscale(100%) /* completely grayscale */ specifications specification status filter effects module level 1the definition of 'grayscale()' in that specification.

invert() - CSS: Cascading Style Sheets
values between 0% and 100% are linear multipliers on the effect.
... examples invert(0) /* no effect */ invert(.6) /* 60% inversion */ invert(100%) /* completely inverted */ specifications specification status filter effects module level 1the definition of 'invert()' in that specification.

opacity() - CSS: Cascading Style Sheets
values between 0% and 100% are linear multipliers on the effect.
... examples opacity(0%) /* completely transparent */ opacity(50%) /* 50% transparent */ opacity(1) /* no effect */ specifications specification status filter effects module level 1the definition of 'opacity()' in that specification.

sepia() - CSS: Cascading Style Sheets
values between 0% and 100% are linear multipliers on the effect.
... examples sepia(0) /* no effect */ sepia(.65) /* 65% sepia */ sepia(100%) /* completely sepia */ specifications specification status filter effects module level 1the definition of 'sepia()' in that specification.

font-stretch - CSS: Cascading Style Sheets
if the font you are using does not offer condensed or expanded faces, this property has no effect.
... the table below demonstrates the effect of supplying various different percentage values of font-stretch on two different fonts: 50% 62.5% 75% 87.5% 100% 112.5% 125% 150% 200% helvetica neue league mono variable helvetica neue, which is installed by default on macos, has a single condensed face in addition to the normal face.

justify-items - CSS: Cascading Style Sheets
the effect of this property is dependent of the layout mode we are in: in block-level layouts, it aligns the items inside their containing block on the inline axis.
... normal the effect of this keyword is dependent of the layout mode we are in: in block-level layouts, the keyword is a synonym of start.

justify-self - CSS: Cascading Style Sheets
the effect of this property is dependent of the layout mode we are in: in block-level layouts, it aligns an item inside its containing block on the inline axis.
... normal the effect of this keyword is dependent of the layout mode we are in: in block-level layouts, the keyword is a synonym of start.

<length> - CSS: Cascading Style Sheets
font-relative lengths font-relative lengths define the <length> value in terms of the size of a particular character or font attribute in the font currently in effect in an element or its parent.
... this allows you to compare and contrast the effect of different length units.

linear-gradient() - CSS: Cascading Style Sheets
these somewhat complex definitions lead to an interesting effect sometimes called magic corners: the corners nearest to the starting and ending points have the same color as their respective starting or ending points.
... 100vh; } body { background: linear-gradient(45deg, red, blue); } gradient that starts at 60% of the gradient line body { width: 100vw; height: 100vh; } body { background: linear-gradient(135deg, orange 60%, cyan); } gradient with multi-position color stops this example uses multi-position color stops, with adjacent colors having the same color stop value, creating a striped effect.

margin-top - CSS: Cascading Style Sheets
this property has no effect on non-replaced inline elements, such as <span> or <code>.
... recommendation removes its effect on inline elements.

margin - CSS: Cascading Style Sheets
the top and bottom margins have no effect on non-replaced inline elements, such as <span> or <code>.
... recommendation removes the effect of top and bottom margins on inline elements.

revert - CSS: Cascading Style Sheets
revert will not affect rules applied to children of an element you reset (but will remove effects of a parent rule on a child).
... h3 { font-weight: normal; color: blue; border-bottom: 1px solid grey; } <h3>this will have custom styles</h3> <p>just some text</p> <h3 style="all: revert">this should be reverted to browser/user defaults</h3> <p>just some text</p> revert on a parent reverting effectively removes the value for the element you select with some rule and only for that element.

text-combine-upright - CSS: Cascading Style Sheets
this property only has an effect in vertical writing modes.
... this is used to produce an effect that is known as tate-chū-yoko (縦中横) in japanese, or as 直書橫向 in chinese.

text-underline-position - CSS: Cascading Style Sheets
when used with east-asian text, using the auto keyword will lead to a similar effect.
...when used with alphabetic text, using the auto keyword will lead to a similar effect.

transition-property - CSS: Cascading Style Sheets
the transition-property css property sets the css properties to which a transition effect should be applied.
... <custom-ident> a string identifying the property to which a transition effect should be applied when its value changes.

transition-timing-function - CSS: Cascading Style Sheets
the transition-timing-function css property sets how intermediate values are calculated for css properties being affected by a transition effect.
...instead, holding at both the 0% mark and the 100% mark, each for 1/n of the duration jump-both includes pauses at both the 0% and 100% marks, effectively adding a step during the transition time.

Block formatting context - Developer guides
let's have a look at a couple of these in order to see the effect creating a new bfc.
... using display: flow-root a newer value of display lets us create a new bfc without any other potentially problematic side-effects.

Overview of events and handlers - Developer guides
douglas crockford explains this change effectively in several lectures, notably his talk, an inconvenient api: the theory of the dom, which shows the change in flow from the original browser flow to the event driven browser.
...the code has no visible effect until a user interacts with the button either by placing the mouse pointer over the html button and clicking on the left mouse button or by placing a finger or stylus of some kind on the screen above the html button; when that happens, the buttondomelement javascript object would call the example_click_handler function with an event object as an argument.

HTML5 Parser - Developer guides
attributes starting with xmlns have absolutely no effect on what namespace elements or attributes end up in, so you don’t need to use attributes starting with xmlns.
...this may make some typos have surprising effects.

Using HTML sections and outlines - Developer guides
cript> <![endif]--> as a last precaution, you could also add an explicit <noscript> element inside the <head> element to warn any users that have javascript disabled that your page relies on javascript: <noscript> <p><strong>this web page requires javascript to be enabled.</strong></p> <p>javascript is an object-oriented computer programming language commonly used to create interactive effects within web browsers.</p> <p><a href="https://goo.gl/koeeaj">how to enable javascript?</a></p> </noscript> this leads to the following code to allow the support of the html5 sections and headings elements in non-html5 browsers, even for internet explorer (8 and older), with a proper fallback for the case where this latter browser is configured not to use scripting: <!--[if lt ie 9]> <scrip...
...ocument.createelement("footer"); document.createelement("header"); document.createelement("nav"); document.createelement("section"); document.createelement("time"); </script> <![endif]--> <noscript> <p><strong>this web page requires javascript to be enabled.</strong></p> <p>javascript is an object-oriented computer programming language commonly used to create interactive effects within web browsers.</p> <p><a href="https://goo.gl/koeeaj">how to enable javascript?</a></p> </noscript> note: this code will also cause the html validator to return errors.

Developer guides
having native audio and video in the browser means we can use these data streams with technologies such as <canvas>, webgl or web audio api to modify audio and video directly, for example adding reverb/compression effects to audio, or grayscale/sepia filters to video.
...this lets it perform effectively for both powerful desktop systems and weaker handheld devices.

Applying color to HTML elements using CSS - HTML: Hypertext Markup Language
text-shadow configures a shadow effect to apply to text.
... the advantage to averaging colors can be that often what looks like a solid color is actually a surprisingly varied number of related colors all used in concert, blending to create a desired effect.

HTML attribute: rel - HTML: Hypertext Markup Language
additionally, has the same effect as noopener.
...effectively, the opposite of noopener.

<area> - HTML: Hypertext Markup Language
type no effect.
...(the w3c 5.3 fork of the html specification defines it as valid, but the canonical html specification doesn’t, and it has no effect in any user agents.) examples <map name="primary"> <area shape="circle" coords="75,75,75" href="left.html" alt="click to go left"> <area shape="circle" coords="275,75,75" href="right.html" alt="click to go right"> </map> <img usemap="#primary" src="https://udn.realityripple.com/samples/6a/7e559101b3.png" alt="350 x 150 pic"> result specifications specification status comment referrer policythe definition of 'referrerpolicy attribute' in that specification.

<audio>: The Embed Audio element - HTML: Hypertext Markup Language
in addition to spoken dialog, subtitles and transcripts should also identify music and sound effects that communicate important information.
...for example, in the webvtt below, note the use of square brackets to provide tone and emotional insight to the viewer; this can help establish the mood otherwise provided using music, nonverbal sounds and crucial sound effects, and so forth.

<bdi>: The Bidirectional Isolate element - HTML: Hypertext Markup Language
though the same visual effect can be achieved using the css rule unicode-bidi: isolate on a <span> or another text-formatting element, html authors should not use this approach because it is not semantic and browsers are allowed to ignore css styling.
... embedding the characters in <span dir="auto"> has the same effect as using <bdi>, but its semantics are less clear.

<img>: The Image Embed element - HTML: Hypertext Markup Language
if the srcset attribute is absent, or contains no values with a width descriptor, then the sizes attribute has no effect.
...the width descriptor is divided by the source size given in the sizes attribute to calculate the effective pixel density.

<input type="date"> - HTML: Hypertext Markup Language
specifying any as the value for step has the same effect as 1 for date inputs.
...we had to put the icon on a <span> next to the input, not on the input itself, because in chrome at least the input's generated content is placed inside the form control, and can't be styled or shown effectively.

<input type="datetime-local"> - HTML: Hypertext Markup Language
however, this does not seem to work effectively in any implementation at the time of writing.
...we had to put the icons on a <span> next to the input, not on the input itself, because in chrome the generated content is placed inside the form control, and can't be styled or shown effectively.

<input type="image"> - HTML: Hypertext Markup Language
this method works well for simple forms that contain only ascii characters and have no side effects.
...use this method when the form has no side-effects and contains only ascii characters.

<input type="month"> - HTML: Hypertext Markup Language
note: because a read-only field cannot have a value, required does not have any effect on inputs with the readonly attribute also specified.
...we had to put the icons on a <span> next to the input, not on the input itself, because in chrome the generated content is placed inside the form control, and can't be styled or shown effectively.

<input type="number"> - HTML: Hypertext Markup Language
note: because a read-only field cannot have a value, required does not have any effect on inputs with the readonly attribute also specified.
...some browsers don't display generated content very effectively on some types of form inputs.

<input type="radio"> - HTML: Hypertext Markup Language
in older browsers, even the keyword none does not have the same effect across different browsers, and some do not support it at all.
... notice that when clicking on a radio button, there's a nice, smooth fade out/in effect as the two buttons change state.

<input>: The Input (Form Input) element - HTML: Hypertext Markup Language
however, in reality, most attributes have an effect on only a specific subset of input types.
...this attribute has no effect on input types that do not return numeric or text data, being valid for all input types except checkbox, radio, file, or any of the button types.

<spacer> - HTML: Hypertext Markup Language
it was devised by netscape to accomplish the same effect as a single-pixel layout image, which was something web designers used to use to add white spaces to web pages without actually using an image.
... however, <spacer> no longer supported by any major browser and the same effects can now be achieved using simple css.

Browser detection using the user agent - HTTP
this can be harder to do, and less effective, than progressive enhancement, but may be useful in some cases.
...this effect can be easily achieved using css flexboxes, sometimes with floats as a partial fallback.

Using HTTP cookies - HTTP
as the application server checks for a specific cookie name only when determining if the user is authenticated or a csrf token is correct, this effectively acts as a defence measure against session fixation.
...(see samesite cookies, above.) in browsers that support samesite, this has the effect of ensuring that the authentication cookie is not sent with cross-origin requests, so such a request is effectively unauthenticated to the application server.

Content-Security-Policy-Report-Only - HTTP
the http content-security-policy-report-only response header allows web developers to experiment with policies by monitoring (but not enforcing) their effects.
... effective-directive the directive whose enforcement caused the violation.

Closures - JavaScript
closure consider the following code example: function makefunc() { var name = 'mozilla'; function displayname() { alert(name); } return displayname; } var myfunc = makefunc(); myfunc(); running this code has exactly the same effect as the previous example of the init() function above.
... closure scope chain every closure has three scopes: local scope (own scope) outer functions scope global scope a common mistake is not realizing that, in the case where the outer function is itself a nested function, access to the outer function's scope includes the enclosing scope of the outer function—effectively creating a chain of function scopes.

Control flow and error handling - JavaScript
in older javascript, variables introduced within a block are scoped to the containing function or script, and the effects of setting them persist beyond the block itself.
...while it is common to throw numbers or strings as errors, it is frequently more effective to use one of the exception types specifically created for this purpose: ecmascript exceptions domexception and domerror throw statement use the throw statement to throw an exception.

Expressions and operators - JavaScript
note that the anything part of the above expressions is not evaluated, so any side effects of doing so do not take effect.
... every syntactically valid expression resolves to some value but conceptually, there are two types of expressions: with side effects (for example: those that assign value to a variable) and those that in some sense evaluate and therefore resolve to a value.

JavaScript modules - JavaScript
the following syntax form does that: import * as module from './modules/module.js'; this grabs all the exports available inside module.js, and makes them available as members of an object module, effectively giving it its own namespace.
...inside shapes.js, we include the following lines: export { square } from './shapes/square.js'; export { triangle } from './shapes/triangle.js'; export { circle } from './shapes/circle.js'; these grab the exports from the individual submodules and effectively make them available from the shapes.js module.

Text formatting - JavaScript
you can't change individual characters because strings are immutable array-like objects: const hello = 'hello, world!'; const hellolength = hello.length; hello[0] = 'l'; // this has no effect, because strings are immutable hello[0]; // this returns "h" characters whose unicode scalar values are greater than u+ffff (such as some rare chinese/japanese/korean/vietnamese characters and some emoji) are stored in utf-16 with two surrogate code units each.
...using normal strings, you would have to use the following syntax in order to get multi-line strings: console.log('string text line 1\n\ string text line 2'); // "string text line 1 // string text line 2" to get the same effect with multi-line strings, you can now write: console.log(`string text line 1 string text line 2`); // "string text line 1 // string text line 2" embedded expressions in order to embed expressions within normal strings, you would use the following syntax: const five = 5; const ten = 10; console.log('fifteen is ' + (five + ten) + ' and not ' + (2 * five + ten) + '.'); // "fifteen is 15 and not 2...

Default parameters - JavaScript
c = b; case 3: d = go(); case 4: e = this; case 5: f = arguments; case 6: g = this.value; default: } return [a, b, c, d, e, f, g]; } withdefaults.call({value: '=^_^='}); // [undefined, 5, 5, ":p", {value:"=^_^="}, arguments, "=^_^="] withoutdefaults.call({value: '=^_^='}); // [undefined, 5, 5, ":p", {value:"=^_^="}, arguments, "=^_^="] scope effects if default parameters are defined for one or more parameter, then a second scope (environment record) is created, specifically for the identifiers within the parameter list.
... it also means that variables declared inside the function body using var will mask parameters of the same name, instead of the usual behavior of duplicate var declarations having no effect.

Functions - JavaScript
invoking the function constructor as a function (without using the new operator) has the same effect as invoking it as a constructor.
... invoking the generatorfunction constructor as a function (without using the new operator) has the same effect as invoking it as a constructor.

Promise() constructor - JavaScript
it communicates via the side-effect caused by resolutionfunc or rejectionfunc.
... the side-effect is that the promiseobj becomes "resolved." typically, it works like this: the operation within executor is asynchronous and provides a callback.

Promise - JavaScript
(promise d, (promise c, (promise b, (promise a) ) ) ) when a nextvalue is a promise, the effect is a dynamic replacement.
...the effect is much like that of settimeout(action,10).

SharedArrayBuffer - JavaScript
however, the shared data block referenced by the two sharedarraybuffer objects is the same data block, and a side effect to the block in one agent will eventually become visible in the other agent.
... apis which use sharedarraybuffer objects webglrenderingcontext.bufferdata() webglrenderingcontext.buffersubdata() webgl2renderingcontext.getbuffersubdata() security requirements shared memory and high-resolution timers were effectively disabled at the start of 2018 in light of spectre.

instanceof - JavaScript
note for mozilla developers: in code using xpcom, instanceof has special effect: obj instanceof xpcominterface (e.g.
... a side effect of such call is that you can use xpcominterface's properties on obj after a successful instanceof test.

this - JavaScript
calling super() creates a this binding within the constructor and essentially has the effect of evaluating the following line of code, where base is the inherited class: this = new base(); warning: referring to this before calling super() will throw an error.
...it's not exactly dead because it gets executed, but it can be eliminated with no outside effects.) as a dom event handler when a function is used as an event handler, its this is set to the element on which the listener is placed (some browsers do not follow this convention for listeners added dynamically with methods other than addeventlistener()).

Strict mode - JavaScript
ypeerror // assignment to a getter-only property var obj2 = { get x() { return 17; } }; obj2.x = 5; // throws a typeerror // assignment to a new property on a non-extensible object var fixed = {}; object.preventextensions(fixed); fixed.newprop = 'ohai'; // throws a typeerror third, strict mode makes attempts to delete undeletable properties throw (where before the attempt would simply have no effect): 'use strict'; delete object.prototype; // throws a typeerror fourth, strict mode prior to gecko 34 requires that all properties named in an object literal be unique.
...javascript's flexibility makes it effectively impossible to do this without many runtime checks.

MathML attribute reference - MathML
there is no visual effect for this attribute.
... separator <mo> there is no visual effect for this attribute, but it specifies whether the operator is a separator (such as commas).

<mo> - MathML
fence there is no visual effect for this attribute, but it specifies whether the operator is a fence (such as parentheses).
... separator there is no visual effect for this attribute, but it specifies whether the operator is a separator (such as commas).

<mstyle> - MathML
the main effect is that larger versions of operators are displayed, when displaystyle is set to true.
... examples using displaystyle and mathcolor to effect style changes in the layout of the whole sum.

Progressive loading - Progressive web apps (PWAs)
we render the images with a blur at the beginning, so a transition to the sharp one can be achieved: article img[data-src] { filter: blur(0.2em); } article img { filter: blur(0em); transition: filter 0.5s; } this will remove the blur effect within half a second, which looks good enough for the "loading" effect.
... loading on demand the image loading mechanism discussed in the above section works ok — it loads the images after rendering the html structure, and applies a nice transition effect in the process.

Graphic design for responsive sites - Progressive web apps (PWAs)
you could use css3 properties for generating effects like drop shadows, gradients and rounded corners, and you could also consider using svg for other ui elements, instead of raster graphics formats.
... css as well as adding programmatic graphical effects to links (and anywhere else you might want them), css3 also allows you to write declarative animations and transitions.

color-interpolation - SVG: Scalable Vector Graphics
note: for filter effects, the color-interpolation-filters property controls which color space is used.
... as a presentation attribute, it can be applied to any element but it only has an effect on the following 29 elements: <a>, <animate>, <animatecolor>, <circle>, <clippath>, <defs>, <ellipse>, <foreignobject>, <g>, <glyph>, <image>, <line>, <lineargradient>, <marker>, <mask>, <missing-glyph>, <path>, <pattern>, <polygon>, <polyline>, <radialgradient>, <rect>, <svg>, <switch>, <symbol>, <text>, <textpath>, <tspan>, and <use> usage notes value auto | srgb | linearrgb ...

divisor - SVG: Scalable Vector Graphics
a divisor that is the sum of all the matrix values tends to have an evening effect on the overall color intensity of the result.
... specifications specification status comment filter effects module level 1the definition of 'divisor' in that specification.

dx - SVG: Scalable Vector Graphics
value list of <length> default value none animatable yes specifications specification status comment filter effects module level 1the definition of 'dx' in that specification.
... working draft initial definition for <fedropshadow> filter effects module level 1the definition of 'dx' in that specification.

dy - SVG: Scalable Vector Graphics
value list of <length> default value none animatable yes specifications specification status comment filter effects module level 1the definition of 'dy' in that specification.
... working draft initial definition for <fedropshadow> filter effects module level 1the definition of 'dy' in that specification.

edgeMode - SVG: Scalable Vector Graphics
specifications specification status comment filter effects module level 1the definition of 'edgemode for <fegaussianblur>' in that specification.
... working draft initial definition for <fegaussianblur> filter effects module level 1the definition of 'edgemode for <feconvolvematrix>' in that specification.

enable-background - SVG: Scalable Vector Graphics
as a presentation attribute, it can be applied to any element but it has effect only on the following eleven elements: <a>, <defs>, <glyph>, <g>, <marker>, <mask>, <missing-glyph>, <pattern>, <svg>, <switch>, and <symbol> context notes value accumulate | new [ <x> <y> <width> <height> ]?
... it also indicates that a new (i.e., initially transparent black) background image canvas is established and that in effect all children of the current container element shall be rendered into the new background image canvas in addition to being rendered onto the target device.

flood-color - SVG: Scalable Vector Graphics
as a presentation attribute, it can be applied to any element but it has effect only on the following two elements: <feflood> and <fedropshadow> html, body, svg { height: 100%; } <svg viewbox="0 0 420 200" xmlns="http://www.w3.org/2000/svg"> <filter id="flood1"> <feflood flood-color="skyblue" x="0" y="0" width="200" height="200"/> </filter> <filter id="flood2"> <feflood flood-color="seagreen" x="0" y="0" width="200" height="200"/> </filter> <rect x="0" y="0" width="200" height="200" style="filter: url(#flood1);" /> <rect x="0" y="0" width="200" height="200" style="filter: url(#flood2); t...
...ransform: translatex(220px);" /> </svg> usage notes value color initial value black animatable yes specifications specification status comment filter effects module level 1the definition of 'flood-color' in that specification.

flood-opacity - SVG: Scalable Vector Graphics
as a presentation attribute, it can be applied to any element but it has effect only on the following two elements: <feflood> and <fedropshadow> html, body, svg { height: 100%; } <svg viewbox="0 0 420 200" xmlns="http://www.w3.org/2000/svg"> <filter id="flood1"> <feflood flood-color="seagreen" flood-opacity="1" x="0" y="0" width="200" height="200"/> </filter> <filter id="flood2"> <feflood flood-color="seagreen" flood-opacity="0.3" x="0" y="0" width="200" height="200"/> </filter> <rect x="0" y="0" width="200" height="200" style="filter: url(#flood1);" /> <rect x="0" y="0" width="...
... specifications specification status comment filter effects module level 1the definition of 'flood-opacity' in that specification.

operator - SVG: Scalable Vector Graphics
specifications specification status comment filter effects module level 1the definition of 'operator for <femorphology>' in that specification.
... working draft no change filter effects module level 1the definition of 'operator for <fecomposite>' in that specification.

overflow - SVG: Scalable Vector Graphics
it has the same parameter values and meaning as the css overflow property, however, the following additional points apply: if it has a value of visible, the attribute has no effect (i.e., a clipping rectangle is not created).
... as a presentation attribute, it can be applied to any element but it has effect only on the following eight elements: <foreignobject>, <iframe>, <image>, <marker>, <pattern>, <symbol>, <svg>, and <text> html, body, svg { height: 100%; } <svg viewbox="0 0 200 30" xmlns="http://www.w3.org/2000/svg" overflow="auto"> <text y="20">this text is wider than the svg, so there should be a scrollbar shown.</text> </svg> usage notes value visible | hidden | scr...

paint-order - SVG: Scalable Vector Graphics
as a presentation attribute, it can be applied to any element but it has effect only on the following ten elements: <circle>, <ellipse>, <line>, <path>, <polygon>, <polyline>, <rect>, <text>, <textpath>, and <tspan> usage notes value normal | [ fill || stroke || markers ] default value normal animatable yes normal this value indicates that the fill will be painted first, then the stroke, and finally the markers.
...height="200" fill="url(#g)"/> <g fill="crimson" stroke="white" stroke-width="6" stroke-linejoin="round" text-anchor="middle" font-family="sans-serif" font-size="50px" font-weight="bold"> <text x="200" y="75">stroke over</text> <text x="200" y="150" paint-order="stroke" id="stroke-under">stroke under</text> </g> </svg> the example would be rendered as follows: the stroke under effect could be achieved via the following css property: #stroke-under { paint-order: stroke; } specifications specification status comment scalable vector graphics (svg) 2the definition of 'paint-order' in that specification.

preserveAspectRatio - SVG: Scalable Vector Graphics
because the aspect ratio of an svg image is defined by the viewbox attribute, if this attribute isn't set, the preserveaspectratio attribute has no effect (with one exception, the <image> element, as described below).
... default value xmidymid meet animatable yes specification specification status comment filter effects module level 1the definition of 'preserveaspectratio' in that specification.

radius - SVG: Scalable Vector Graphics
a negative or zero value disables the effect of the given filter primitive (i.e., the result is the filter input image).
... usage notes value <number-optional-number> default value 0 animatable yes specifications specification status comment filter effects module level 1the definition of 'radius' in that specification.

scale - SVG: Scalable Vector Graphics
when the value of this attribute is 0, this operation has no effect on the source image.
... specifications specification status comment filter effects module level 1the definition of 'scale' in that specification.

specularExponent - SVG: Scalable Vector Graphics
value <number> default value 1 animatable yes specifications specification status comment filter effects module level 1the definition of 'specularexponent for <fespecularlighting>' in that specification.
... working draft no change filter effects module level 1the definition of 'specularexponent for <fespotlight>' in that specification.

stroke-opacity - SVG: Scalable Vector Graphics
as a presentation attribute, it can be applied to any element but it has effect only on the following twelve elements: <altglyph>, <circle>, <ellipse>, <path>, <line>, <polygon>, <polyline>, <rect>, <text>, <textpath>, <tref>, and <tspan> html,body,svg { height:100% } <svg viewbox="0 0 40 10" xmlns="http://www.w3.org/2000/svg"> <!-- default stroke opacity: 1 --> <circle cx="5" cy="5" r="4" stroke="green" /> <!-- stroke opacity as a number --> <circle cx="15" cy="5" r="4" stroke="green" stroke-opacity="0.7" /> <!-- stroke opaci...
...to avoid this effect, it is possible to apply a global opacity with the opacity attribute or to put the stroke behind the fill with the paint-order attribute.

surfaceScale - SVG: Scalable Vector Graphics
value <number> default value 1 animatable yes specifications specification status comment filter effects module level 1the definition of 'surfacescale for <fediffuselighting>' in that specification.
... working draft no change filter effects module level 1the definition of 'surfacescale for <fespecularlighting>' in that specification.

z - SVG: Scalable Vector Graphics
value <number> default value 1 animatable yes specifications specification status comment filter effects module level 1the definition of 'z for <fepointlight>' in that specification.
... working draft no change filter effects module level 1the definition of 'z for <fespotlight>' in that specification.

SVG Attribute reference - SVG: Scalable Vector Graphics
oke-opacity stroke-width style surfacescale systemlanguage t tabindex tablevalues target targetx targety text-anchor text-decoration text-rendering textlength to transform transform-origin type u u1 u2 underline-position underline-thickness unicode unicode-bidi unicode-range units-per-em v v-alphabetic v-hanging v-ideographic v-mathematical values vector-effect version vert-adv-y vert-origin-x vert-origin-y viewbox viewtarget visibility w width widths word-spacing writing-mode x x x-height x1 x2 xchannelselector xlink:actuate xlink:arcrole xlink:href xlink:role xlink:show xlink:title xlink:type xml:base xml:lang xml:space y y y1 y2 ychannelselector z z zoomandpan svg attributes by category generic attr...
...ge-rendering, kerning, letter-spacing, lighting-color, marker-end, marker-mid, marker-start, mask, opacity, overflow, pointer-events, shape-rendering, stop-color, stop-opacity, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, text-anchor, text-decoration, text-rendering, transform, transform-origin, unicode-bidi, vector-effect, visibility, word-spacing, writing-mode filters attributes filter primitive attributes height, result, width, x, y transfer function attributes type, tablevalues, slope, intercept, amplitude, exponent, offset animation attributes animation attribute target attributes attributetype, attributename animation timing attributes begin, dur, end, min, max, restart, repeatcount, repeatdur, fill...

<feComposite> - SVG: Scalable Vector Graphics
:href="#red50" filter="url(#xornoflood)" /> <text x="15" y="275">xor</text> </g> <g transform="translate(900,25)"> <use xlink:href="#red100" filter="url(#arithmeticnoflood)" /> <use xlink:href="#red50" filter="url(#arithmeticnoflood)" /> <text x="-25" y="275">arithmetic</text> </g> </g> </g> </svg> result this image shows just the desired effect.
... specifications specification status comment filter effects module level 1the definition of '<fecomposite>' in that specification.

<feConvolveMatrix> - SVG: Scalable Vector Graphics
the <feconvolvematrix> svg filter primitive applies a matrix convolution filter effect.
...link"> <defs> <filter id="emboss"> <feconvolvematrix kernelmatrix="3 0 0 0 0 0 0 0 -3"/> </filter> </defs> <image xlink:href="/files/12668/mdn.svg" x="0" y="0" height="200" width="200" style="filter:url(#emboss);" /> </svg> result specifications specification status comment filter effects module level 1the definition of '<feconvolvematrix>' in that specification.

<feDiffuseLighting> - SVG: Scalable Vector Graphics
example the following example show the effect of the <fediffuselighting> element on a circle with each light source available.
...0" pointsaty="80" pointsatz="0"/> </fediffuselighting> <fecomposite in="sourcegraphic" in2="light" operator="arithmetic" k1="1" k2="0" k3="0" k4="0"/> </filter> <circle cx="390" cy="80" r="50" fill="green" filter="url(#lightme3)" /> </svg> expected rendering: live rendering: specifications specification status comment filter effects module level 1the definition of '<fediffuselighting>' in that specification.

<feMerge> - SVG: Scalable Vector Graphics
the <femerge> svg element allows filter effects to be applied concurrently instead of sequentially.
... specifications specification status comment filter effects module level 1the definition of '<femerge>' in that specification.

<feMorphology> - SVG: Scalable Vector Graphics
its usefulness lies especially in fattening or thinning effects.
...dilate"> <femorphology operator="dilate" radius="2"/> </filter> </svg> <p>normal text</p> <p id="thin">thinned text</p> <p id="thick">fattened text</p> css p { margin: 0; font-family: arial, helvetica, sans-serif; font-size: 3em; } #thin { filter: url(#erode); } #thick { filter: url(#dilate); } specifications specification status comment filter effects module level 1the definition of '<femorphology>' in that specification.

<fePointLight> - SVG: Scalable Vector Graphics
the <fepointlight> filter primitive defines a light source which allows to create a point light effect.
...</fespecularlighting> <fecomposite in="sourcegraphic" in2="spotlight" operator="arithmetic" k1="0" k2="1" k3="1" k4="0"/> </filter> </defs> <image xlink:href="/files/6457/mdn_logo_only_color.png" x="10%" y="10%" width="80%" height="80%" style="filter:url(#spotlight);"/> </svg> result specifications specification status comment filter effects module level 1the definition of '<fepointlight>' in that specification.

<feSpotLight> - SVG: Scalable Vector Graphics
the <fespotlight> svg filter primitive defines a light source which allows to create a spotlight effect.
... </fespecularlighting> <fecomposite in="sourcegraphic" in2="spotlight" operator="out" k1="0" k2="1" k3="1" k4="0"/> </filter> </defs> <image xlink:href="/files/6457/mdn_logo_only_color.png" x="10%" y="10%" width="80%" height="80%" style="filter:url(#spotlight);"/> </svg> result specifications specification status comment filter effects module level 1the definition of '<fespotlight>' in that specification.

<feTile> - SVG: Scalable Vector Graphics
the effect is similar to the one of a <pattern>.
..." y="0" width="100%" height="100%"> <fetile in="sourcegraphic" x="50" y="50" width="100" height="100" /> <fetile/> </filter> </defs> <image xlink:href="/files/6457/mdn_logo_only_color.png" x="10%" y="10%" width="80%" height="80%" style="filter:url(#tile);"/> </svg> result specifications specification status comment filter effects module level 1the definition of '<fetile>' in that specification.

<filter> - SVG: Scalable Vector Graphics
the <filter> svg element defines a custom filter effect by grouping atomic filter primitives.
...xample svg <svg width="230" height="120" xmlns="http://www.w3.org/2000/svg"> <filter id="blurme"> <fegaussianblur stddeviation="5"/> </filter> <circle cx="60" cy="60" r="50" fill="green" /> <circle cx="170" cy="60" r="50" fill="green" filter="url(#blurme)" /> </svg> result screenshotlive sample specifications specification status comment filter effects module level 1the definition of '<filter>' in that specification.

<pattern> - SVG: Scalable Vector Graphics
value type: userspaceonuse|objectboundingbox; default value: userspaceonuse; animatable: yes note: this attribute has no effect if a viewbox attribute is specified on the <pattern> element.
...notably: requiredextensions, systemlanguage presentation attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility xlink attributes most notably: xlink:title usage notes categoriescontainer elementpermitted contentany number of the following elements, in any order:animation elementsdescriptive elementsshape elementsstructural elementsgradient elements<a>, <altglyphdef>, <clippath>, <color-profile>, <cursor>, <filter>, <font>, <font-face>, <foreignobject>, <image>, <marker>, <mask>, <pattern>,...

<switch> - SVG: Scalable Vector Graphics
the display and visibility properties have no effect on <switch> element processing.
... in particular, setting display:none on a child has no effect on the true/false testing for <switch> processing.

<textPath> - SVG: Scalable Vector Graphics
if the path attribute is set, href has no effect.
...vent attributes, graphical event attributes presentation attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, a...

Using templates and slots - Web Components
open'}) .appendchild(template.clonenode(true)); } } ); using the <element-details> custom element with named slots now let’s take that <element-details> element and actually use it in our document: <element-details> <span slot="element-name">slot</span> <span slot="description">a placeholder inside a web component that users can fill with their own markup, with the effect of composing different dom trees together.</span> <dl slot="attributes"> <dt>name</dt> <dd>the name of the slot.</dd> </dl> </element-details> <element-details> <span slot="element-name">template</span> <span slot="description">a mechanism for holding client- side content that is not to be rendered when a page is loaded but may subsequently be instantiated during ...
...summary> <div class="attributes"> <h4><span>attributes</span></h4> <slot name="attributes"><p>none</p></slot> </div> </details> <hr> </template> <element-details> <span slot="element-name">slot</span> <span slot="description">a placeholder inside a web component that users can fill with their own markup, with the effect of composing different dom trees together.</span> <dl slot="attributes"> <dt>name</dt> <dd>the name of the slot.</dd> </dl> </element-details> <element-details> <span slot="element-name">template</span> <span slot="description">a mechanism for holding client- side content that is not to be rendered when a page is loaded but ...

Classes and Inheritance - Archive of obsolete content
in effect, initialize specifies the body of the constructor.

Modules - Archive of obsolete content
in effect, any properties defined by the script being loaded on its global object are exported to the loading script.

Private Properties - Archive of obsolete content
keeping the namespace hidden from all functions, except members of point, effectively implements private properties.

addon-page - Archive of obsolete content
note: this module has no effect on fennec.

tabs - Archive of obsolete content
if your add-on does not support private browsing this will have no effect.

windows - Archive of obsolete content
if your add-on does not support private browsing this will have no effect.

/loader - Archive of obsolete content
while reuse may sound like a compelling idea it comes with the side effect of shared state, which can cause problems.

core/namespace - Archive of obsolete content
provides an api for creating namespaces for objects, which effectively may be used for creating fields that are not part of objects public api.

lang/functional - Archive of obsolete content
repeated calls to the modified function will have no effect, returning the value from the original call.

net/xhr - Archive of obsolete content
attenuating access based on a regular expression may be ineffective if it's easy to write a regular expression that looks safe but contains a special character or two that makes it far less secure than it seems at first glance.

window/utils - Archive of obsolete content
the add-on must also have opted into private windows for this to have an effect.

Low-Level APIs - Archive of obsolete content
core/namespace provides an api for creating namespaces for objects, which effectively may be used for creating fields that are not part of objects public api.

Chrome Authority - Archive of obsolete content
this will ensure that reviewers see the same authority restrictions that are enforced upon the running code, increasing the effectiveness of the time spent reviewing the add-on.

Creating Reusable Modules - Archive of obsolete content
once you've done this, you can package the modules and distribute them independently of your add-on, making them available to other add-on developers and effectively extending the sdk itself.

Examples and demos from articles - Archive of obsolete content
[article] typewriter effect [html] the following example will delete and re-type simulating a typewriter all the text content of the nodelist which match a specified group of selectors.

Running applications - Archive of obsolete content
this method has the same effect as if you double-clicked the file, so for executable files—it will just run the file without any parameters.

Extension Versioning, Update and Compatibility - Archive of obsolete content
using it in a minversion usually doesn't produce the effect you want.

Installing Extensions and Themes From Web Pages - Archive of obsolete content
if you omit this step, the user may see two installation dialogs—since you've effectively invoked two install requests, one from the installtrigger, one from trying to load the xpi file directly.

Listening to events in Firefox extensions - Archive of obsolete content
when a user navigates to a cached page, inline scripts and the onload handler do not run (steps 2 and 3), since in most cases, the effects of these scripts have been preserved.

Appendix: What you should know about open-source software licenses - Archive of obsolete content
it is safest to attach them to the start of each source file to most effectively state the exclusion of warranty; and each file should have at least the “copyright” line and a pointer to where the full notice is found.

Chapter 6: Firefox extensions and XUL applications - Archive of obsolete content
i hope you’ll find that this chapter helps make you a more effective extension developer.

Chapter 3: Introduction to XUL—How to build a more intuitive UI - Archive of obsolete content
this has the same effect as setting display: none in css.

Adding Events and Commands - Archive of obsolete content
additional information on custom events and how they can be used to effect communication between web content and xul can be found in the interaction between privileged and non-privileged pages code snippets, which describe and provide examples of this sort of communication.

Adding sidebars - Archive of obsolete content
this kind of positioning can be useful for various artistic effects, as well as some type of desktop-like or dashboard-like interface, where items are located in positions determined by the user, and they can overlap with each other.

Appendix D: Loading Scripts - Archive of obsolete content
these scripts execute with the same privileges and restrictions of the global associated with the target object, and this method can therefore also be used when with sandbox objects with the same effect as evalinsandbox and into content windows with the same effect as injecting script tags into their documents.

Appendix F: Monitoring DOM changes - Archive of obsolete content
unfortunately, adding listeners for any of these events to a document has a highly deleterious effect on performance, an effect which is not mitigated in the slightest by later removing those listeners.

Connecting to Remote Content - Archive of obsolete content
request.onload = function(aevent) { let responsexml = aevent.target.responsexml; let xulnode; // transform the xml document to a xul document xuldocument = xsltprocessor.transformtodocument(responsexml); // append the xul node to a xul element xulnode = document.adoptnode(xuldocument.firstchild); document.getelementbyid("foo").appendchild(xulnode); }; we effectively transformed the xml file into xul and integrated it into the ui.

JavaScript Object Management - Archive of obsolete content
« previousnext » chrome javascript in this section we'll look into how to handle javascript data effectively, beginning with chrome code, in ways which will prevent pollution of shared namespaces and conflicts with other add-ons resulting from such global namespace pollution.

Setting Up a Development Environment - Archive of obsolete content
« previousnext » getting the right tools there are 3 tools that we think are essential for effective add-on development (or any kind of development, really): a source code editor, a source control system, and a build system.

The Box Model - Archive of obsolete content
these attributes won't have any effect on flexible elements.

Search Extension Tutorial (Draft) - Archive of obsolete content
while it is possible to achieve similar effects by changing the keyword.url preference, this method is deprecated and should not be used.

XUL user interfaces - Archive of obsolete content
if there is a rule that you do not understand, comment it out and refresh your browser to see the effect on the document.

Notes on HTML Reflow - Archive of obsolete content
reflow may have the side-effect of creating new continuation frames, for example, for a text frame when the text must be wrapped.

Kill the XUL.mfl file for good - Archive of obsolete content
but creating a subdirectory named xul.mfl in mozilla's profile directory seems to help (mozilla is not smart enough to remove the directory before creating the file, thus the presence of the directory effectively disables this (mis)feature).

Protecting Mozilla's registry.dat file - Archive of obsolete content
in other windows versions, internet explorer (which is hard to kick off completely) likes to install "personnalized settings" when the user logs in for the first time, and this seems to have the interesting "side-effect" of wiping any non-microsoft subfolders from %userprofile%\application data, including mozilla's .

Automatically Handle Failed Asserts in Debug Builds - Archive of obsolete content
if you also had a dword named "3173", it would have no effect here because the handler stops comparing values at the first match.

Enabling the behavior - updating the status bar panel - Archive of obsolete content
in order for loadtinderboxstatus() to have any effect we need to define a matching updatetinderboxstatus() function.

DTrace - Archive of obsolete content
dtrace is sun microsystem's dynamic tracing framework that allows developers to instrument a program with probes that have little to no effect on performance when not in use and very little when active.

Exception logging in JavaScript - Archive of obsolete content
note that the following will have no effect on the ns_nointerface exceptions outlined in rules 3 and 4 above - those exceptions will not be reported in any case.

Block and Line Layout Cheat Sheet - Archive of obsolete content
it may be set as a side-effect of calling nsblockframe::shouldapplytopmargin(); once set, shouldapplytopmargin() uses it as a fast-path way to return whether the top margin should apply.

Content states and the style system - Archive of obsolete content
so the effect will be that of matching a node against the selectors: a a div the code that implements this is in the selectormatches method, which is passed the list of states that changed in the astatemask parameter.

Style System Overview - Archive of obsolete content
dynamic changes to content: optimizations we optimize attribute changes by storing all the attributes that have an effect on which rules match and only doing a reresolvestylecontext if the attribute has an effect.

Java in Firefox Extensions - Archive of obsolete content
note bug 834918 about click-to-play effect on java plugins in chrome and bug 775301.

System - Archive of obsolete content
clipboard interactions with the os clipboard system information get information about the platform on which jetpack is running visual effects os-level visual effects abilities devices methods for accessing and controlling devices (ex.

Menu - Archive of obsolete content
replace jetpack.menu with jetpack.menu.context.page to see the effect on the content context menu.

Measuring add-on startup performance - Archive of obsolete content
the add-on is very lightweight, so it shouldn't have a noticeable negative effect on your baseline and add-on tests.

Microsummary topics - Archive of obsolete content
to mitigate this effect, only return microsummary-specific cache headers in response to microsummary-related requests.

Mozilla Crypto FAQ - Archive of obsolete content
(bernstein's suit was originally directed at the itar and related regulations, since at the time the suit was filed the current export administration regulations were not yet in effect with respect to encryption software.) bernstein claimed that the u.s.

Plug-n-Hack Phase1 - Archive of obsolete content
the user can be given a message to this effect.

Installer - Archive of obsolete content
one interesting side effect is that after this change, you can select a link to a .webapp file in a web page and you get it run by prism - in ie this runs anywhere, but this won't work in firefox unless the webapp is being issued with an appropriate mime type on the server: application/x-webapp works (see an example ).

Remotely debugging Firefox for Metro - Archive of obsolete content
if you're using a version of firefox older than 27, you'll need to restart the browser for the setting to take effect.

Space Manager High Level Design - Archive of obsolete content
thus, space managers are effectively 'nested' during reflow, with each new block introducing its own space manager.

SpiderMonkey coding conventions - Archive of obsolete content
macros are generally all_caps and underscored, to call out potential side effects, multiple uses of a formal argument, etc.

Table Layout Regression Tests - Archive of obsolete content
subject overview changes in layout, parser and content code can have unintended side effects, also known as regressions.

Table Layout Strategy - Archive of obsolete content
so we specify it (this breaks in some other browsers) <col width="0*"><col><tbody></tbody>foobar <table border width="200px"> <col width="0*"><col> <tbody> <tr><td>foo</td><td>bar</td></tr> </tbody> </table> this shrink wrapping width has usually the suffix 0proportional effective columns <tbody></tbody>foobarbazzap <table width="200px" border> <tbody> <tr><td>foo</td><td colspan="2" width="120px">bar</td></tr> <tr><td>baz</td><td>zap</td></tr> </tbody> </table> the colspan here is bogus, so the third column should not get any width.

Using Breakpoints in Venkman - Archive of obsolete content
stop if result is true effectively makes this a conditional breakpoint.

Anonymous Content - Archive of obsolete content
in effect the anonymous content exists in its own insulated pocket within the document.

Binding Attachment and Detachment - Archive of obsolete content
when bindings attached through style are detached because of a style change, they have no effect on any other bindings attached using the dom.

Elements - Archive of obsolete content
(it's the control key on windows and meta on mac.) accesskey - the platform's primary shortcut mnemonic key should be used (the alt key on windows and linux, has no effect on mac).

SVG And Canvas In Mozilla - Archive of obsolete content
this work provides additional benefits to web developers such as the ability to apply svg effects to html content.

XTech 2005 Presentations - Archive of obsolete content
this work provides additional benefits to web developers such as the ability to apply svg effects to html content.

A XUL Bestiary - Archive of obsolete content
an "onload" event handler says, in effect, when this document loads, i want to this to happen.

browser.type - Archive of obsolete content
this boundary has a number of special effects, such as making window.top == window (unless the browser is added to a chrome document), and preventing documents from inheriting the principal of the parent document.

checked - Archive of obsolete content
for buttons, the type attribute must be set to checkbox or radio for this attribute to have any effect.

disablechrome - Archive of obsolete content
note: this has no effect if the tabs on top preference is turned off.

disabled - Archive of obsolete content
using it with an anchor tag (an <a> link) will have no effect.

dlgtype - Archive of obsolete content
using this attribute on a button that is not in a dialog box has no effect.

flex - Archive of obsolete content
specifying a flex value of 0 has the same effect as leaving the flex attribute out entirely.

preference - Archive of obsolete content
this attribute only has any effect when used inside a prefwindow.

substate - Archive of obsolete content
since collapse="both" is a gecko 1.9+ feature, this will have no effect on earlier versions.

textbox.type - Archive of obsolete content
xbl-specific note beware that if you create an xbl binding for a textbox, you need to use the appropriate extends attribute and changing type attribute on the tree won't have effect.

treecol.type - Archive of obsolete content
this style must come before treechildren::-moz-tree-checkbox(checked) otherwise it won't take effect.

wait-cursor - Archive of obsolete content
in order to revert to the normal cursor state call the method removeattribute("wait-cursor") when the process effectively has ended otherwise the wait cursor might never disappear.

close - Archive of obsolete content
example window.addeventlistener("close", function( event ) { // make the close button ineffective event.preventdefault(); }, false); ...

XUL Events - Archive of obsolete content
if you capture this event at the document level, you can be notified of document changes warning: it should be noted that the addition of any mutation event listeners to a document degrades the performance of subsequent dom operations in that document, and that removing the listeners later does not mitigate or reverse the effect.

Reading from Files - Archive of obsolete content
in effect, the above code ends up reading the entire contents of the file into a single string.

Index - Archive of obsolete content
922 attribute substitution xul, xul_template_guide the effect will be that the ?name part of the attribute will be replaced by the value of the variable ?name.

Introduction to XUL - Archive of obsolete content
the effect a widget will have on its application will be defined as a combination of predefined application behaviour and linkage between the widgets.

openPopup - Archive of obsolete content
check positioning of the popup guide for a precise description of the effect of the different values.

ContextMenus - Archive of obsolete content
this has the effect of disabling the context menu.

MenuModification - Archive of obsolete content
the effect is that a submenu with two items is added dynamically to the menu.

Menus - Archive of obsolete content
the example below has the same effect as the previous example, however it uses a command element instead of listening to the command event directly.

MoveResize - Archive of obsolete content
you can see this effect in a xul application by moving a window near the bottom of the screen and clicking a menu or button that has a menu.

Tooltips - Archive of obsolete content
the effect is that the value of the label within the tooltip will change based on the element that the mouse is moved over.

canAdvance - Archive of obsolete content
this has the effect of enabling or disabling the next button, or, on the last page of the wizard, the finish button.

canRewind - Archive of obsolete content
this has the effect of enabling or disabling the back button.

Bindings - Archive of obsolete content
the effect is three matches, only one of which will display a description.

Building Menus With Templates - Archive of obsolete content
the effect is a menu with a submenu.

SQLite Templates - Archive of obsolete content
the effect is a listbox containing the names from the database.

Simple Example - Archive of obsolete content
<query> <content uri="?start"/> <member container="?start" child="?photo"/> <triple subject="?photo" predicate="http://purl.org/dc/elements/1.1/title" object="?title"/> </query> the seed is set in a similar manner as the previous examples, effectively creating a single result with the ?start variable set to the reference resource 'http://www.xulplanet.com/rdf/myphotos'.

Static Content - Archive of obsolete content
note that the workaround of loading the datasource beforehand as mentioned for the last example isn't necessary, as the existence of the static content is another effective workaround.

Template Logging - Archive of obsolete content
this will have no effect so an error is output indicating this.

XML Templates - Archive of obsolete content
the effect is the same, but the data isn't stored in a separate file.

textbox (Toolkit autocomplete) - Archive of obsolete content
using it with an anchor tag (an <a> link) will have no effect.

Textbox (XPFE autocomplete) - Archive of obsolete content
using it with an anchor tag (an <a> link) will have no effect.

Things I've tried to do with XUL - Archive of obsolete content
enn: percentages won't have any effect in these examples though, since the actual height of the container isn't known, and 30% of an unknown number is still an unknown number.

Adding Event Handlers to XBL-defined Elements - Archive of obsolete content
this effectively clears the text in the textbox.

Advanced Rules - Archive of obsolete content
the effect will be to iterate through the list of children of 'http://www.xulplanet.com/rdf/weather/cities'.

Box Objects - Archive of obsolete content
the collapsed attribute will have the same effect to the user element visually, except that it leaves the element on screen and keeps the layout objects intact, but changes the size of the element to 0.

Creating Dialogs - Archive of obsolete content
for example: var fl = window.arguments[0]; document.getelementbyid('thefile').value = fl; this is an effective way to pass values to the new window.

Creating a Window - Archive of obsolete content
to see the effect though, the following will open the bookmarks window: mozilla -chrome chrome://communicator/content/bookmarks/bookmarksmanager.xul if you are using firefox, try below.

Focus and Selection - Archive of obsolete content
finally, the other label which displays the tag name has no control attribute, so clicking it has no effect on the focused element.

Manifest Files - Archive of obsolete content
of course, you will need to restart the browser for the changes to take effect.

Manipulating Lists - Archive of obsolete content
compare the effect of both functions at different scroll positions in this example: example 5 : source view <button label="scrolltoindex" oncommand="document.getelementbyid('thelist').scrolltoindex(4);"/> <button label="ensureindexisvisible" oncommand="document.getelementbyid('thelist').ensureindexisvisible(4);"/> <listbox id="thelist" rows="5"> <listitem label="1"/> <listitem label="2"...

More Event Handlers - Archive of obsolete content
n example which displays the current mouse coordinates: example 4 : source view <script> function updatemousecoordinates(e){ var text = "x:" + e.clientx + " y:" + e.clienty; document.getelementbyid("xy").value = text; } </script> <label id="xy"/> <hbox width="400" height="400" onmousemove="updatemousecoordinates(event);"/> in this example, the size of the box has been set explicitly so the effect is easier to see.

Tabboxes - Archive of obsolete content
note that changing the orientation of the tabpanels element will have no effect, since the tabbed pages are layered on top of each other.

Tree Selection - Archive of obsolete content
naturally, this will only have any effect for trees that use multiple selection.

Trees - Archive of obsolete content
in fact, apart from some tree specific attributes, the only attributes that will have any effect will be the label attribute to set a text label for a cell and the src attribute to set an image.

Trees and Templates - Archive of obsolete content
effectively, the elements outside (or above) the element with the uri attribute are not duplicated whereas the element with the uri attribute and the elements inside it are duplicated for each resource.

XPCOM Interfaces - Archive of obsolete content
this also has the side effect of calling queryinterface(), so afile will be a valid nsilocalfile afterwards.

XUL FAQ - Archive of obsolete content
(the animation effect when you open the preference window will not stop, if a script outside <prefpane> refers any element inside <prefpane>, while initializing the window.

arrowscrollbox - Archive of obsolete content
using it with an anchor tag (an <a> link) will have no effect.

autohide - Archive of obsolete content
this only has an effect on windows and needs to be combined with type="menubar" and a menubar element.

browser - Archive of obsolete content
this boundary has a number of special effects, such as making window.top == window (unless the browser is added to a chrome document), and preventing documents from inheriting the principal of the parent document.