Are you over 18 and want to see adult content?
More Annotations
A complete backup of aviationtoday.ru
Are you over 18 and want to see adult content?
A complete backup of lincolnandrade.com.br
Are you over 18 and want to see adult content?
A complete backup of appraiser1004.com
Are you over 18 and want to see adult content?
Favourite Annotations
Lenti a contatto e accessori online, da te entro 24 ore | Lentiamo.it
Are you over 18 and want to see adult content?
Crime Scene Investigator Network
Are you over 18 and want to see adult content?
Pulsifi | Strategically staff, retain & develop talent using big data & AI.
Are you over 18 and want to see adult content?
Mouvement des Citoyens Malagasy de Paris | Pour une prise de conscience citoyenne des Malagasy
Are you over 18 and want to see adult content?
Text
OF JAVASCRIPT
Tutorials and over 400 free scripts. Also JavaScript objects, properties, and methods reference. ADDING SEARCH FUNCTIONALITY TO YOUR SITE Adding search functionality to your site. As your site grows in pages, so does the time required for visitors to locate specific information on it. While it's obvious to most the benefits of extending a site with search functionality, the ease in which this could be done may not be. Below we examine your options, some as easy to implement as123!
ONLINE WORD COUNT TOOL Words: 15 Chars: 73. Use Online Word Count to check the word count of your essays, headlines, or other text where there is a restriction on the number of words you can have. The handy character count feature helps ensure your headlines conforms to Twitter's 140 character limit for tweets, or a page's meta description, which cuts off at 160 CUT AND PASTE JAVASCRIPT- SCARY VIRUS UPLOADER Click here to get free JavaScripts, hassle free! ACCESSING OBJECTS OF A WINDOW VIA ANOTHER Accessing objects of a window via another. After you open a secondary window, there is a connection between the original window and this newly opened one that allows you to cross-access objects/variables, properties of each window. But before we discuss how this is done, we need to first discuss window names, a very different kind from the UNDERSTANDING JAVASCRIPT'S REQUESTANIMATIONFRAME() METHODUNDERSTANDING JAVASCRIPT'S REQUESTANIMATIONFRAME() METHOD FOR SMOOTH ANIMATIONSUPDATED: NOV 1ST, 2017 THE MODERN WEB OF TODAY IS FILLED WITH SIGHTS TO BEHOLD ON EVERY PAGE, WHERE MENUS SLIDE IN AND OUT, CONTENT GENTLY FADE INT...WHY WE NEED ANOTHER HERO- REQUESTANIMATIONFRAMEFIRST OF ALL, LETS TALK ABOUT REQUESTANIMATIONFRAME() AS AN IDEA AND WHY WE EVEN NEED SUCH A METHOD. TRADITIONALLY TO CREATE AN ANIMATION IN JAVASC...REQUESTANIMATIONFRAME() TO THE RESCUEIT IS FOR THE ABOVE REASONS REQUESTANIMATIONFRAME() WAS INTRODUCED. THE METHOD IN A NUTSHELL ALLOWS YOU TO EXECUTE CODE ON THE NEXT AVAILABLE SCREE...UNDERSTANDING AND USING REQUESTANIMATIONFRAMETHE SYNTAX FOR REQUESTANIMATIONFRAME IS VERY STRAIGHTFORWARD:WE ENTER A CALLBACK FUNCTION CONTAINING THE CODE WE WISH TO RUN, AND REQUESTANIMATIONF...ANIMATION OVER TIME IN REQUESTANIMATIONFRAMESO IT'S SIMPLE ENOUGH TO REPEATEDLY CALL AN ANIMATION FUNCTION USING REQUESTANIMATIONFRAME(), BUT MOST ANIMATIONS ARE MUCH MORE FINICKY, HAVING TO...SLOWING DOWN OR CANCELLING REQUESTANIMATIONFRAMETHE STANDARD REQUESTANIMATIONFRAME RUNS AT AROUND 60FPS UNDER IDEAL CONDITIONS (OR ONCE EVERY 16.7MS), IN SYNC WITH THE REFRESH RATE OFTHE TYPICAL...
Understanding JavaScript's requestAnimationFrame() method for smooth animations. Updated: Nov 1st, 2017. The modern web of today is filled with sights to behold on every page, where menus slide in and out, content gently fade into view, and elements animate around the screen as the user scrolls the page. CREATING CUSTOMIZABLE ALERT BOXES USING VBSCRIPT Alert boxes called using the later language can be customized in ways that the former can only dream of. A basic alert box in VBScript is produced using the following code: ? From this point on, however, things take on a life of its own, thanks to the optional parameters the above method supports. DISPLAYING THE LOCAL TIME OF ANY CITY USING JAVASCRIPT AND The target location's date and time is calculated by adding up the value of the timestamp parameter with the total offset: timestamp + dstOffset + rawOffset. The unit is in milliseconds so that we can directly feed the result into JavaScript's Date () object to get the target date and time as a Date object. CSS MEDIA QUERIES: WIDTH VERSUS DEVICE-WIDTH width versus device-width. In CSS media the difference between width and device-width can be a bit muddled, so lets expound on that a bit. device-width refers to the width of the device itself, in other words, the screen resolution of the device. Lets say your screen's resolution is 1440 x 900. This means the screen is 1440 pixels across, so it has a device-width of 1440px. DETECTING A SWIPE (LEFT, RIGHT, TOP OR DOWN) USING TOUCH Detecting a swipe (left, right, top or down) using touch. Swiping in touch is the act of quickly moving your finger across the touch surface in a certain direction. There is currently no " onswipe " event in JavaScript, which means it's up to us to implement one using the available touch events, plus define just when a swipe is a, well,"swipe".
JAVASCRIPT KIT- YOUR COMPREHENSIVE JAVASCRIPT, DHTML, CSSFREE JAVASCRIPTSTUTORIALSREFERENCESDEVELOPER COURSESTHE ONMOUSEWHEEL EVENTOF JAVASCRIPT
Tutorials and over 400 free scripts. Also JavaScript objects, properties, and methods reference. ADDING SEARCH FUNCTIONALITY TO YOUR SITE Adding search functionality to your site. As your site grows in pages, so does the time required for visitors to locate specific information on it. While it's obvious to most the benefits of extending a site with search functionality, the ease in which this could be done may not be. Below we examine your options, some as easy to implement as123!
ONLINE WORD COUNT TOOL Words: 15 Chars: 73. Use Online Word Count to check the word count of your essays, headlines, or other text where there is a restriction on the number of words you can have. The handy character count feature helps ensure your headlines conforms to Twitter's 140 character limit for tweets, or a page's meta description, which cuts off at 160 CUT AND PASTE JAVASCRIPT- SCARY VIRUS UPLOADER Click here to get free JavaScripts, hassle free! ACCESSING OBJECTS OF A WINDOW VIA ANOTHER Accessing objects of a window via another. After you open a secondary window, there is a connection between the original window and this newly opened one that allows you to cross-access objects/variables, properties of each window. But before we discuss how this is done, we need to first discuss window names, a very different kind from the UNDERSTANDING JAVASCRIPT'S REQUESTANIMATIONFRAME() METHODUNDERSTANDING JAVASCRIPT'S REQUESTANIMATIONFRAME() METHOD FOR SMOOTH ANIMATIONSUPDATED: NOV 1ST, 2017 THE MODERN WEB OF TODAY IS FILLED WITH SIGHTS TO BEHOLD ON EVERY PAGE, WHERE MENUS SLIDE IN AND OUT, CONTENT GENTLY FADE INT...WHY WE NEED ANOTHER HERO- REQUESTANIMATIONFRAMEFIRST OF ALL, LETS TALK ABOUT REQUESTANIMATIONFRAME() AS AN IDEA AND WHY WE EVEN NEED SUCH A METHOD. TRADITIONALLY TO CREATE AN ANIMATION IN JAVASC...REQUESTANIMATIONFRAME() TO THE RESCUEIT IS FOR THE ABOVE REASONS REQUESTANIMATIONFRAME() WAS INTRODUCED. THE METHOD IN A NUTSHELL ALLOWS YOU TO EXECUTE CODE ON THE NEXT AVAILABLE SCREE...UNDERSTANDING AND USING REQUESTANIMATIONFRAMETHE SYNTAX FOR REQUESTANIMATIONFRAME IS VERY STRAIGHTFORWARD:WE ENTER A CALLBACK FUNCTION CONTAINING THE CODE WE WISH TO RUN, AND REQUESTANIMATIONF...ANIMATION OVER TIME IN REQUESTANIMATIONFRAMESO IT'S SIMPLE ENOUGH TO REPEATEDLY CALL AN ANIMATION FUNCTION USING REQUESTANIMATIONFRAME(), BUT MOST ANIMATIONS ARE MUCH MORE FINICKY, HAVING TO...SLOWING DOWN OR CANCELLING REQUESTANIMATIONFRAMETHE STANDARD REQUESTANIMATIONFRAME RUNS AT AROUND 60FPS UNDER IDEAL CONDITIONS (OR ONCE EVERY 16.7MS), IN SYNC WITH THE REFRESH RATE OFTHE TYPICAL...
Understanding JavaScript's requestAnimationFrame() method for smooth animations. Updated: Nov 1st, 2017. The modern web of today is filled with sights to behold on every page, where menus slide in and out, content gently fade into view, and elements animate around the screen as the user scrolls the page. CREATING CUSTOMIZABLE ALERT BOXES USING VBSCRIPT Alert boxes called using the later language can be customized in ways that the former can only dream of. A basic alert box in VBScript is produced using the following code: ? From this point on, however, things take on a life of its own, thanks to the optional parameters the above method supports. DISPLAYING THE LOCAL TIME OF ANY CITY USING JAVASCRIPT AND The target location's date and time is calculated by adding up the value of the timestamp parameter with the total offset: timestamp + dstOffset + rawOffset. The unit is in milliseconds so that we can directly feed the result into JavaScript's Date () object to get the target date and time as a Date object. CSS MEDIA QUERIES: WIDTH VERSUS DEVICE-WIDTH width versus device-width. In CSS media the difference between width and device-width can be a bit muddled, so lets expound on that a bit. device-width refers to the width of the device itself, in other words, the screen resolution of the device. Lets say your screen's resolution is 1440 x 900. This means the screen is 1440 pixels across, so it has a device-width of 1440px. DETECTING A SWIPE (LEFT, RIGHT, TOP OR DOWN) USING TOUCH Detecting a swipe (left, right, top or down) using touch. Swiping in touch is the act of quickly moving your finger across the touch surface in a certain direction. There is currently no " onswipe " event in JavaScript, which means it's up to us to implement one using the available touch events, plus define just when a swipe is a, well,"swipe".
INSTALLING YOUR OWN SEARCH SCRIPT Zoom Search Engine (PHP, commercial $49-$99) Zoom is a robust PHP script for adding powerful custom search engine to your website, intranet, or CD/DVD. Perlfect Search (Perl, free) An integrated, general purpose, site indexer and search engine. It comes as a pair of distinct scripts. The indexer, that automatically, scans and indexes aweb site
CUT & PASTE USE RADIO BUTTONS TO GO TO URLS Home / Free JavaScripts / Menu and redirection / Here. Cut & Paste Using radio buttons to go to different urls Credit: Tim Wallace. Description: The below script will use radio buttons to go to JAVASCRIPT KIT- MESSAGES Morse Code converter. This message script changes any word or phrase into morse code, with dashes represented by underscores and dots represented by full stops. "Help. Help. I'm stuck in cyberworld." Post-it note. This is a cross browser "post-it note" script. Use it CUT & PASTE JAVASCRIPT ALARM CLOCK Click here to get free JavaScripts, hassle free! BEGINNER'S GUIDE TO JAVASCRIPT PROMISES Beginner's Guide to JavaScript promises. Created: Sept 21st, 2015. JavaScript Promises are a new addition to ECMAscript 6 that aims to provide a cleaner, more intuitive way to deal with the completion (or failure) of asynchronous tasks. KEYBOARD AND MOUSE BUTTONS EVENTS Keyboard Event object properties. Below lists the relevant properties within the Event Object that cater to keyboard actions. Recall that in IE, the event object is accessed directly via window.event, while in Firefox and other browsers, it is indirectly passed as the first parameter the callback function associated with this event. MANIPULATING RADIO AND CHECK BOXES IN JAVASSCRIPT Manipulating radio and check boxes in JavaScript. Radio and check boxes are an intergral part of forms that allow a surfer to make a selection with a simple click of the mouse. These form controls are not nearly as commonly manipulated in JavaScript when compared to elements, mainly because a lot of developers aren't aware that radio DETECTING A SWIPE (LEFT, RIGHT, TOP OR DOWN) USING TOUCH Detecting a swipe (left, right, top or down) using touch. Swiping in touch is the act of quickly moving your finger across the touch surface in a certain direction. There is currently no " onswipe " event in JavaScript, which means it's up to us to implement one using the available touch events, plus define just when a swipe is a, well,"swipe".
USING CSS3 ANIMATION TO CREATE A SWINGING IMAGE Using CSS3 keyframe animation to create a swinging image. Created: Jan 4th, 15'. In this short tutorial, we'll see how easy it is to create an image that swings like a pendulum continuously using CSS3 keyframes animation. Such an effect has become popular with signage and "discount" images, drawing subtle attention to them. THE VIEWPORT META TAG- THE KEY TO PREPARING A PAGE FOR The viewport meta tag- the key to preparing a page for mobile devices optimization. If you test out CSS media queries on a mobile device, you most likely won't see the expected media queries applied initially. There's nothing wrong with your syntax, it's just that your mobile browser thinks it's a desktop browser until someone clues itin.
JAVASCRIPT KIT- YOUR COMPREHENSIVE JAVASCRIPT, DHTML, CSSFREE JAVASCRIPTSTUTORIALSREFERENCESDEVELOPER COURSESTHE ONMOUSEWHEEL EVENTOF JAVASCRIPT
Tutorials and over 400 free scripts. Also JavaScript objects, properties, and methods reference. ONLINE WORD COUNT TOOL Words: 15 Chars: 73. Use Online Word Count to check the word count of your essays, headlines, or other text where there is a restriction on the number of words you can have. The handy character count feature helps ensure your headlines conforms to Twitter's 140 character limit for tweets, or a page's meta description, which cuts off at 160 ACCESSING OBJECTS OF A WINDOW VIA ANOTHER Accessing objects of a window via another. After you open a secondary window, there is a connection between the original window and this newly opened one that allows you to cross-access objects/variables, properties of each window. But before we discuss how this is done, we need to first discuss window names, a very different kind from the CUT & PASTE DIVVIEWER IMAGE VIEWER Description: Divviewer Image viewer lets you display images inline- when the user clicks on a link- scaled to fit the dimensions of the page if necessary. This is very handy for very large images which may produce those unsightly browser scrollbars if not scaled. The sleek interface of the viewer can be customized, such as its padding, colors, the text (ie: the "X" button text), and more. CUT & PASTE SEQUENTIAL FLY-IN TEXT SCRIPT The script will then automatically fly each one in in the order they appear on the page. More information on customization. The script asks that you specify the initial horizontal offset of the text via the Style Sheet (ie: -500px), so the text is just beyond the left edge of the browser window, hidden from view. CUT & PASTE COUNT UP FROM ANY DATE There are two areas of the script you'll need to configure. The first is obviously the date you wish the script to count up from. Simply pass in a date, in the form of year, month, and day, into function countup (), located at the last line of the script: countdown ( 1997, 12, 05) The second concerns the text to be displayed for the count-up. CUT & PASTE JAVASCRIPT STORY TELLER Click here to get free JavaScripts, hassle free! HOW DO I GET AWARDS FOR MY WEB SITE? (FOUR PARTS) Well, I hate to break it to you, but in order to get an award, you'll have to first apply for one. The next three pages are a comprehensive list of award giving sites where you can apply for and hopefully receive an award. They are listed in rough order of difficulty to win (in my own opinion, of course). DETECTING A SWIPE (LEFT, RIGHT, TOP OR DOWN) USING TOUCH Detecting a swipe (left, right, top or down) using touch. Swiping in touch is the act of quickly moving your finger across the touch surface in a certain direction. There is currently no " onswipe " event in JavaScript, which means it's up to us to implement one using the available touch events, plus define just when a swipe is a, well,"swipe".
MANIPULATING CSS3 TRANSITIONS USING JQUERY- CREATING ASEE MORE ONJAVASCRIPTKIT.COM
JAVASCRIPT KIT- YOUR COMPREHENSIVE JAVASCRIPT, DHTML, CSSFREE JAVASCRIPTSTUTORIALSREFERENCESDEVELOPER COURSESTHE ONMOUSEWHEEL EVENTOF JAVASCRIPT
Tutorials and over 400 free scripts. Also JavaScript objects, properties, and methods reference. ONLINE WORD COUNT TOOL Words: 15 Chars: 73. Use Online Word Count to check the word count of your essays, headlines, or other text where there is a restriction on the number of words you can have. The handy character count feature helps ensure your headlines conforms to Twitter's 140 character limit for tweets, or a page's meta description, which cuts off at 160 ACCESSING OBJECTS OF A WINDOW VIA ANOTHER Accessing objects of a window via another. After you open a secondary window, there is a connection between the original window and this newly opened one that allows you to cross-access objects/variables, properties of each window. But before we discuss how this is done, we need to first discuss window names, a very different kind from the CUT & PASTE DIVVIEWER IMAGE VIEWER Description: Divviewer Image viewer lets you display images inline- when the user clicks on a link- scaled to fit the dimensions of the page if necessary. This is very handy for very large images which may produce those unsightly browser scrollbars if not scaled. The sleek interface of the viewer can be customized, such as its padding, colors, the text (ie: the "X" button text), and more. CUT & PASTE SEQUENTIAL FLY-IN TEXT SCRIPT The script will then automatically fly each one in in the order they appear on the page. More information on customization. The script asks that you specify the initial horizontal offset of the text via the Style Sheet (ie: -500px), so the text is just beyond the left edge of the browser window, hidden from view. CUT & PASTE COUNT UP FROM ANY DATE There are two areas of the script you'll need to configure. The first is obviously the date you wish the script to count up from. Simply pass in a date, in the form of year, month, and day, into function countup (), located at the last line of the script: countdown ( 1997, 12, 05) The second concerns the text to be displayed for the count-up. CUT & PASTE JAVASCRIPT STORY TELLER Click here to get free JavaScripts, hassle free! HOW DO I GET AWARDS FOR MY WEB SITE? (FOUR PARTS) Well, I hate to break it to you, but in order to get an award, you'll have to first apply for one. The next three pages are a comprehensive list of award giving sites where you can apply for and hopefully receive an award. They are listed in rough order of difficulty to win (in my own opinion, of course). DETECTING A SWIPE (LEFT, RIGHT, TOP OR DOWN) USING TOUCH Detecting a swipe (left, right, top or down) using touch. Swiping in touch is the act of quickly moving your finger across the touch surface in a certain direction. There is currently no " onswipe " event in JavaScript, which means it's up to us to implement one using the available touch events, plus define just when a swipe is a, well,"swipe".
MANIPULATING CSS3 TRANSITIONS USING JQUERY- CREATING ASEE MORE ONJAVASCRIPTKIT.COM
ADDING SEARCH FUNCTIONALITY TO YOUR SITE Adding search functionality to your site. As your site grows in pages, so does the time required for visitors to locate specific information on it. While it's obvious to most the benefits of extending a site with search functionality, the ease in which this could be done may not be. Below we examine your options, some as easy to implement as123!
JAVA APPLETS- FIRE WORKS Cut & Paste Fire Works. Credit: David O'Brien. Step 1: Save the below .class file (s) into your web page directory by either clicking the files with the "shift" key depressed, or simply clicking it for IE users: Rocket.class. Firework.class. fire.au. Step 2: Cut and paste JAVASCRIPT KIT- MESSAGES Morse Code converter. This message script changes any word or phrase into morse code, with dashes represented by underscores and dots represented by full stops. "Help. Help. I'm stuck in cyberworld." Post-it note. This is a cross browser "post-it note" script. Use it CUT & PASTE BREAD CRUMB SCRIPT Description: This script displays on any page a "trail" (aka bread crumb) of where the viewer is currently at in relationship to the rest of the site.It does so by examining the directories that prefix the page, and displaying this containership (using links). If your site pages are organized using folders, this is a simple yet very usefulnavigation aid.
CUT AND PASTE JAVASCRIPT- SCARY VIRUS UPLOADER Click here to get free JavaScripts, hassle free! CUT & PASTE CURSOR TRAIL Cut & Paste Cursor Trail. Credit: Marcin Wojtowicz. Description: Add this classic Windows effect to your website! It renders a trailing cursor whenever the user moves his mouse, and only ONE image is used to create it (sure looks like more than that!). Enjoy this great CUT & PASTE GPA CALCULATION PROGRAM Click here to get free JavaScripts, hassle free! DETECTING A SWIPE (LEFT, RIGHT, TOP OR DOWN) USING TOUCH Detecting a swipe (left, right, top or down) using touch. Swiping in touch is the act of quickly moving your finger across the touch surface in a certain direction. There is currently no " onswipe " event in JavaScript, which means it's up to us to implement one using the available touch events, plus define just when a swipe is a, well,"swipe".
CREATING CUSTOMIZABLE ALERT BOXES USING VBSCRIPT Alert boxes called using the later language can be customized in ways that the former can only dream of. A basic alert box in VBScript is produced using the following code: ? From this point on, however, things take on a life of its own, thanks to the optional parameters the above method supports. UNDERSTANDING THE TAG OF HTML 4.0 Using the button as a form button . Another great use of the new of HTML 4.0 is to use it as a form button. Like the usual form button that existed since the creation of man kind, the new button supports the type= attribute, which defines its role in a form. JAVASCRIPT KIT- YOUR COMPREHENSIVE JAVASCRIPT, DHTML, CSSFREE JAVASCRIPTSTUTORIALSREFERENCESDEVELOPER COURSESTHE ONMOUSEWHEEL EVENTOF JAVASCRIPT
Tutorials and over 400 free scripts. Also JavaScript objects, properties, and methods reference. ONLINE WORD COUNT TOOL Words: 15 Chars: 73. Use Online Word Count to check the word count of your essays, headlines, or other text where there is a restriction on the number of words you can have. The handy character count feature helps ensure your headlines conforms to Twitter's 140 character limit for tweets, or a page's meta description, which cuts off at 160 ACCESSING OBJECTS OF A WINDOW VIA ANOTHER Accessing objects of a window via another. After you open a secondary window, there is a connection between the original window and this newly opened one that allows you to cross-access objects/variables, properties of each window. But before we discuss how this is done, we need to first discuss window names, a very different kind from the CUT & PASTE DIVVIEWER IMAGE VIEWER Description: Divviewer Image viewer lets you display images inline- when the user clicks on a link- scaled to fit the dimensions of the page if necessary. This is very handy for very large images which may produce those unsightly browser scrollbars if not scaled. The sleek interface of the viewer can be customized, such as its padding, colors, the text (ie: the "X" button text), and more. CUT & PASTE SEQUENTIAL FLY-IN TEXT SCRIPT The script will then automatically fly each one in in the order they appear on the page. More information on customization. The script asks that you specify the initial horizontal offset of the text via the Style Sheet (ie: -500px), so the text is just beyond the left edge of the browser window, hidden from view. CUT & PASTE COUNT UP FROM ANY DATE There are two areas of the script you'll need to configure. The first is obviously the date you wish the script to count up from. Simply pass in a date, in the form of year, month, and day, into function countup (), located at the last line of the script: countdown ( 1997, 12, 05) The second concerns the text to be displayed for the count-up. CUT & PASTE JAVASCRIPT STORY TELLER Click here to get free JavaScripts, hassle free! HOW DO I GET AWARDS FOR MY WEB SITE? (FOUR PARTS) Well, I hate to break it to you, but in order to get an award, you'll have to first apply for one. The next three pages are a comprehensive list of award giving sites where you can apply for and hopefully receive an award. They are listed in rough order of difficulty to win (in my own opinion, of course). DETECTING A SWIPE (LEFT, RIGHT, TOP OR DOWN) USING TOUCH Detecting a swipe (left, right, top or down) using touch. Swiping in touch is the act of quickly moving your finger across the touch surface in a certain direction. There is currently no " onswipe " event in JavaScript, which means it's up to us to implement one using the available touch events, plus define just when a swipe is a, well,"swipe".
MANIPULATING CSS3 TRANSITIONS USING JQUERY- CREATING ASEE MORE ONJAVASCRIPTKIT.COM
JAVASCRIPT KIT- YOUR COMPREHENSIVE JAVASCRIPT, DHTML, CSSFREE JAVASCRIPTSTUTORIALSREFERENCESDEVELOPER COURSESTHE ONMOUSEWHEEL EVENTOF JAVASCRIPT
Tutorials and over 400 free scripts. Also JavaScript objects, properties, and methods reference. ONLINE WORD COUNT TOOL Words: 15 Chars: 73. Use Online Word Count to check the word count of your essays, headlines, or other text where there is a restriction on the number of words you can have. The handy character count feature helps ensure your headlines conforms to Twitter's 140 character limit for tweets, or a page's meta description, which cuts off at 160 ACCESSING OBJECTS OF A WINDOW VIA ANOTHER Accessing objects of a window via another. After you open a secondary window, there is a connection between the original window and this newly opened one that allows you to cross-access objects/variables, properties of each window. But before we discuss how this is done, we need to first discuss window names, a very different kind from the CUT & PASTE DIVVIEWER IMAGE VIEWER Description: Divviewer Image viewer lets you display images inline- when the user clicks on a link- scaled to fit the dimensions of the page if necessary. This is very handy for very large images which may produce those unsightly browser scrollbars if not scaled. The sleek interface of the viewer can be customized, such as its padding, colors, the text (ie: the "X" button text), and more. CUT & PASTE SEQUENTIAL FLY-IN TEXT SCRIPT The script will then automatically fly each one in in the order they appear on the page. More information on customization. The script asks that you specify the initial horizontal offset of the text via the Style Sheet (ie: -500px), so the text is just beyond the left edge of the browser window, hidden from view. CUT & PASTE COUNT UP FROM ANY DATE There are two areas of the script you'll need to configure. The first is obviously the date you wish the script to count up from. Simply pass in a date, in the form of year, month, and day, into function countup (), located at the last line of the script: countdown ( 1997, 12, 05) The second concerns the text to be displayed for the count-up. CUT & PASTE JAVASCRIPT STORY TELLER Click here to get free JavaScripts, hassle free! HOW DO I GET AWARDS FOR MY WEB SITE? (FOUR PARTS) Well, I hate to break it to you, but in order to get an award, you'll have to first apply for one. The next three pages are a comprehensive list of award giving sites where you can apply for and hopefully receive an award. They are listed in rough order of difficulty to win (in my own opinion, of course). DETECTING A SWIPE (LEFT, RIGHT, TOP OR DOWN) USING TOUCH Detecting a swipe (left, right, top or down) using touch. Swiping in touch is the act of quickly moving your finger across the touch surface in a certain direction. There is currently no " onswipe " event in JavaScript, which means it's up to us to implement one using the available touch events, plus define just when a swipe is a, well,"swipe".
MANIPULATING CSS3 TRANSITIONS USING JQUERY- CREATING ASEE MORE ONJAVASCRIPTKIT.COM
ADDING SEARCH FUNCTIONALITY TO YOUR SITE Adding search functionality to your site. As your site grows in pages, so does the time required for visitors to locate specific information on it. While it's obvious to most the benefits of extending a site with search functionality, the ease in which this could be done may not be. Below we examine your options, some as easy to implement as123!
JAVA APPLETS- FIRE WORKS Cut & Paste Fire Works. Credit: David O'Brien. Step 1: Save the below .class file (s) into your web page directory by either clicking the files with the "shift" key depressed, or simply clicking it for IE users: Rocket.class. Firework.class. fire.au. Step 2: Cut and paste JAVASCRIPT KIT- MESSAGES Morse Code converter. This message script changes any word or phrase into morse code, with dashes represented by underscores and dots represented by full stops. "Help. Help. I'm stuck in cyberworld." Post-it note. This is a cross browser "post-it note" script. Use it CUT & PASTE BREAD CRUMB SCRIPT Description: This script displays on any page a "trail" (aka bread crumb) of where the viewer is currently at in relationship to the rest of the site.It does so by examining the directories that prefix the page, and displaying this containership (using links). If your site pages are organized using folders, this is a simple yet very usefulnavigation aid.
CUT & PASTE CURSOR TRAIL Cut & Paste Cursor Trail. Credit: Marcin Wojtowicz. Description: Add this classic Windows effect to your website! It renders a trailing cursor whenever the user moves his mouse, and only ONE image is used to create it (sure looks like more than that!). Enjoy this great CUT AND PASTE JAVASCRIPT- SCARY VIRUS UPLOADER Click here to get free JavaScripts, hassle free! CUT & PASTE GPA CALCULATION PROGRAM Click here to get free JavaScripts, hassle free! DETECTING A SWIPE (LEFT, RIGHT, TOP OR DOWN) USING TOUCH Detecting a swipe (left, right, top or down) using touch. Swiping in touch is the act of quickly moving your finger across the touch surface in a certain direction. There is currently no " onswipe " event in JavaScript, which means it's up to us to implement one using the available touch events, plus define just when a swipe is a, well,"swipe".
CREATING CUSTOMIZABLE ALERT BOXES USING VBSCRIPT Alert boxes called using the later language can be customized in ways that the former can only dream of. A basic alert box in VBScript is produced using the following code: ? From this point on, however, things take on a life of its own, thanks to the optional parameters the above method supports. UNDERSTANDING THE TAG OF HTML 4.0 Using the button as a form button . Another great use of the new of HTML 4.0 is to use it as a form button. Like the usual form button that existed since the creation of man kind, the new button supports the type= attribute, which defines its role in a form. JAVASCRIPT KIT- YOUR COMPREHENSIVE JAVASCRIPT, DHTML, CSSFREE JAVASCRIPTSTUTORIALSREFERENCESDEVELOPER COURSESTHE ONMOUSEWHEEL EVENTOF JAVASCRIPT
Tutorials and over 400 free scripts. Also JavaScript objects, properties, and methods reference. ONLINE WORD COUNT TOOL Words: 15 Chars: 73. Use Online Word Count to check the word count of your essays, headlines, or other text where there is a restriction on the number of words you can have. The handy character count feature helps ensure your headlines conforms to Twitter's 140 character limit for tweets, or a page's meta description, which cuts off at 160 JK POP UP WINDOW GENERATOR (VERSION 3.0) Step 2: How do you want the window to pop up? . Pop up automatically Pop under automatically Text link. Step 3: Control the frequency of the window (pick one): 1) Every time page loads: 2) Only ONCE per browser session *: 3) Only ONCE per specified period*: minutes hoursdays.
ACCESSING OBJECTS OF A WINDOW VIA ANOTHER Accessing objects of a window via another. After you open a secondary window, there is a connection between the original window and this newly opened one that allows you to cross-access objects/variables, properties of each window. But before we discuss how this is done, we need to first discuss window names, a very different kind from the CUT AND PASTE JAVASCRIPT- SCARY VIRUS UPLOADER Click here to get free JavaScripts, hassle free! BEGINNER'S GUIDE TO JAVASCRIPT PROMISES Beginner's Guide to JavaScript promises. Created: Sept 21st, 2015. JavaScript Promises are a new addition to ECMAscript 6 that aims to provide a cleaner, more intuitive way to deal with the completion (or failure) of asynchronous tasks. CUT & PASTE DIVVIEWER IMAGE VIEWER Description: Divviewer Image viewer lets you display images inline- when the user clicks on a link- scaled to fit the dimensions of the page if necessary. This is very handy for very large images which may produce those unsightly browser scrollbars if not scaled. The sleek interface of the viewer can be customized, such as its padding, colors, the text (ie: the "X" button text), and more. CUT & PASTE USE RADIO BUTTONS TO GO TO URLS Home / Free JavaScripts / Menu and redirection / Here. Cut & Paste Using radio buttons to go to different urls Credit: Tim Wallace. Description: The below script will use radio buttons to CSS MEDIA QUERIES: WIDTH VERSUS DEVICE-WIDTH width versus device-width. In CSS media the difference between width and device-width can be a bit muddled, so lets expound on that a bit. device-width refers to the width of the device itself, in other words, the screen resolution of the device. Lets say your screen's resolution is 1440 x 900. This means the screen is 1440 pixels across, so it has a device-width of 1440px. HOW DO I GET AWARDS FOR MY WEB SITE? (FOUR PARTS) Well, I hate to break it to you, but in order to get an award, you'll have to first apply for one. The next three pages are a comprehensive list of award giving sites where you can apply for and hopefully receive an award. They are listed in rough order of difficulty to win (in my own opinion, of course). JAVASCRIPT KIT- YOUR COMPREHENSIVE JAVASCRIPT, DHTML, CSSFREE JAVASCRIPTSTUTORIALSREFERENCESDEVELOPER COURSESTHE ONMOUSEWHEEL EVENTOF JAVASCRIPT
Tutorials and over 400 free scripts. Also JavaScript objects, properties, and methods reference. ONLINE WORD COUNT TOOL Words: 15 Chars: 73. Use Online Word Count to check the word count of your essays, headlines, or other text where there is a restriction on the number of words you can have. The handy character count feature helps ensure your headlines conforms to Twitter's 140 character limit for tweets, or a page's meta description, which cuts off at 160 JK POP UP WINDOW GENERATOR (VERSION 3.0) Step 2: How do you want the window to pop up? . Pop up automatically Pop under automatically Text link. Step 3: Control the frequency of the window (pick one): 1) Every time page loads: 2) Only ONCE per browser session *: 3) Only ONCE per specified period*: minutes hoursdays.
ACCESSING OBJECTS OF A WINDOW VIA ANOTHER Accessing objects of a window via another. After you open a secondary window, there is a connection between the original window and this newly opened one that allows you to cross-access objects/variables, properties of each window. But before we discuss how this is done, we need to first discuss window names, a very different kind from the CUT AND PASTE JAVASCRIPT- SCARY VIRUS UPLOADER Click here to get free JavaScripts, hassle free! BEGINNER'S GUIDE TO JAVASCRIPT PROMISES Beginner's Guide to JavaScript promises. Created: Sept 21st, 2015. JavaScript Promises are a new addition to ECMAscript 6 that aims to provide a cleaner, more intuitive way to deal with the completion (or failure) of asynchronous tasks. CUT & PASTE DIVVIEWER IMAGE VIEWER Description: Divviewer Image viewer lets you display images inline- when the user clicks on a link- scaled to fit the dimensions of the page if necessary. This is very handy for very large images which may produce those unsightly browser scrollbars if not scaled. The sleek interface of the viewer can be customized, such as its padding, colors, the text (ie: the "X" button text), and more. CUT & PASTE USE RADIO BUTTONS TO GO TO URLS Home / Free JavaScripts / Menu and redirection / Here. Cut & Paste Using radio buttons to go to different urls Credit: Tim Wallace. Description: The below script will use radio buttons to CSS MEDIA QUERIES: WIDTH VERSUS DEVICE-WIDTH width versus device-width. In CSS media the difference between width and device-width can be a bit muddled, so lets expound on that a bit. device-width refers to the width of the device itself, in other words, the screen resolution of the device. Lets say your screen's resolution is 1440 x 900. This means the screen is 1440 pixels across, so it has a device-width of 1440px. HOW DO I GET AWARDS FOR MY WEB SITE? (FOUR PARTS) Well, I hate to break it to you, but in order to get an award, you'll have to first apply for one. The next three pages are a comprehensive list of award giving sites where you can apply for and hopefully receive an award. They are listed in rough order of difficulty to win (in my own opinion, of course). ADDING SEARCH FUNCTIONALITY TO YOUR SITE Adding search functionality to your site. As your site grows in pages, so does the time required for visitors to locate specific information on it. While it's obvious to most the benefits of extending a site with search functionality, the ease in which this could be done may not be. Below we examine your options, some as easy to implement as123!
JK POP UP WINDOW GENERATOR (VERSION 3.0) Step 2: How do you want the window to pop up? . Pop up automatically Pop under automatically Text link. Step 3: Control the frequency of the window (pick one): 1) Every time page loads: 2) Only ONCE per browser session *: 3) Only ONCE per specified period*: minutes hoursdays.
JAVASCRIPT KIT- SPECIAL EFFECTS WITH DOCUMENT AND BACKGROUND Get into the groove with this disco background effect script! It fades the background color continuously using a variety of colors, as if it were the dance floor! Random background color. This simple script randomizes ths background color of your page each time it's loaded. Specify any number of colors for the script to choose from. JAVASCRIPT KIT- SELECT AND OPTIONS OBJECTS Select and Option objects. Last updated: November 19th, 2008. Form SELECT elements ( ) within your form can be accessed and manipulated in JavaScript via the corresponding Select object. To access a SELECT element in JavaScript, use the syntax: document.myform.selectname //where myform and selectname are names of your form/element. KEYBOARD AND MOUSE BUTTONS EVENTS Keyboard Event object properties. Below lists the relevant properties within the Event Object that cater to keyboard actions. Recall that in IE, the event object is accessed directly via window.event, while in Firefox and other browsers, it is indirectly passed as the first parameter the callback function associated with this event. JAVASCRIPT KIT- TEXT EFFECTS A script that makes any text display backwards. This script adds the ability for your users to toggle your webpage's font size, with persistent cookies then used to remember the setting. The script works unobtrusively and with any webpage, by adding to the page one of several CSS classes that change the page's font size depending on thesetting
REMOTE CONTROL
Step 2: Copy the below code and save it as remote.htm.This is the file you should edit- simply change the URLs in function remote2 below toyour own:
UNDERSTANDING JAVASCRIPT'S REQUESTANIMATIONFRAME() METHOD Understanding JavaScript's requestAnimationFrame() method for smooth animations. Updated: Nov 1st, 2017. The modern web of today is filled with sights to behold on every page, where menus slide in and out, content gently fade into view, and elements animate around the screen as the user scrolls the page. CUT & PASTE CHARACTER COUNT Cut & Paste Character count. Description: Calculate and display the number of characters within a TEXTAREA with this script. Useful, for example, in helping your visitors manually keep their input length in DETECTING A SWIPE (LEFT, RIGHT, TOP OR DOWN) USING TOUCH Detecting a swipe (left, right, top or down) using touch. Swiping in touch is the act of quickly moving your finger across the touch surface in a certain direction. There is currently no " onswipe " event in JavaScript, which means it's up to us to implement one using the available touch events, plus define just when a swipe is a, well,"swipe".
JAVASCRIPT KIT- YOUR COMPREHENSIVE JAVASCRIPT, DHTML, CSSFREE JAVASCRIPTSTUTORIALSREFERENCESDEVELOPER COURSESTHE ONMOUSEWHEEL EVENTOF JAVASCRIPT
Tutorials and over 400 free scripts. Also JavaScript objects, properties, and methods reference. ONLINE WORD COUNT TOOL Words: 15 Chars: 73. Use Online Word Count to check the word count of your essays, headlines, or other text where there is a restriction on the number of words you can have. The handy character count feature helps ensure your headlines conforms to Twitter's 140 character limit for tweets, or a page's meta description, which cuts off at 160 JK POP UP WINDOW GENERATOR (VERSION 3.0) Step 2: How do you want the window to pop up? . Pop up automatically Pop under automatically Text link. Step 3: Control the frequency of the window (pick one): 1) Every time page loads: 2) Only ONCE per browser session *: 3) Only ONCE per specified period*: minutes hoursdays.
ACCESSING OBJECTS OF A WINDOW VIA ANOTHER Accessing objects of a window via another. After you open a secondary window, there is a connection between the original window and this newly opened one that allows you to cross-access objects/variables, properties of each window. But before we discuss how this is done, we need to first discuss window names, a very different kind from the CUT AND PASTE JAVASCRIPT- SCARY VIRUS UPLOADER Click here to get free JavaScripts, hassle free! BEGINNER'S GUIDE TO JAVASCRIPT PROMISES Beginner's Guide to JavaScript promises. Created: Sept 21st, 2015. JavaScript Promises are a new addition to ECMAscript 6 that aims to provide a cleaner, more intuitive way to deal with the completion (or failure) of asynchronous tasks. CUT & PASTE DIVVIEWER IMAGE VIEWER Description: Divviewer Image viewer lets you display images inline- when the user clicks on a link- scaled to fit the dimensions of the page if necessary. This is very handy for very large images which may produce those unsightly browser scrollbars if not scaled. The sleek interface of the viewer can be customized, such as its padding, colors, the text (ie: the "X" button text), and more. CUT & PASTE USE RADIO BUTTONS TO GO TO URLS Home / Free JavaScripts / Menu and redirection / Here. Cut & Paste Using radio buttons to go to different urls Credit: Tim Wallace. Description: The below script will use radio buttons to CSS MEDIA QUERIES: WIDTH VERSUS DEVICE-WIDTH width versus device-width. In CSS media the difference between width and device-width can be a bit muddled, so lets expound on that a bit. device-width refers to the width of the device itself, in other words, the screen resolution of the device. Lets say your screen's resolution is 1440 x 900. This means the screen is 1440 pixels across, so it has a device-width of 1440px. HOW DO I GET AWARDS FOR MY WEB SITE? (FOUR PARTS) Well, I hate to break it to you, but in order to get an award, you'll have to first apply for one. The next three pages are a comprehensive list of award giving sites where you can apply for and hopefully receive an award. They are listed in rough order of difficulty to win (in my own opinion, of course). JAVASCRIPT KIT- YOUR COMPREHENSIVE JAVASCRIPT, DHTML, CSSFREE JAVASCRIPTSTUTORIALSREFERENCESDEVELOPER COURSESTHE ONMOUSEWHEEL EVENTOF JAVASCRIPT
Tutorials and over 400 free scripts. Also JavaScript objects, properties, and methods reference. ONLINE WORD COUNT TOOL Words: 15 Chars: 73. Use Online Word Count to check the word count of your essays, headlines, or other text where there is a restriction on the number of words you can have. The handy character count feature helps ensure your headlines conforms to Twitter's 140 character limit for tweets, or a page's meta description, which cuts off at 160 JK POP UP WINDOW GENERATOR (VERSION 3.0) Step 2: How do you want the window to pop up? . Pop up automatically Pop under automatically Text link. Step 3: Control the frequency of the window (pick one): 1) Every time page loads: 2) Only ONCE per browser session *: 3) Only ONCE per specified period*: minutes hoursdays.
ACCESSING OBJECTS OF A WINDOW VIA ANOTHER Accessing objects of a window via another. After you open a secondary window, there is a connection between the original window and this newly opened one that allows you to cross-access objects/variables, properties of each window. But before we discuss how this is done, we need to first discuss window names, a very different kind from the CUT AND PASTE JAVASCRIPT- SCARY VIRUS UPLOADER Click here to get free JavaScripts, hassle free! BEGINNER'S GUIDE TO JAVASCRIPT PROMISES Beginner's Guide to JavaScript promises. Created: Sept 21st, 2015. JavaScript Promises are a new addition to ECMAscript 6 that aims to provide a cleaner, more intuitive way to deal with the completion (or failure) of asynchronous tasks. CUT & PASTE DIVVIEWER IMAGE VIEWER Description: Divviewer Image viewer lets you display images inline- when the user clicks on a link- scaled to fit the dimensions of the page if necessary. This is very handy for very large images which may produce those unsightly browser scrollbars if not scaled. The sleek interface of the viewer can be customized, such as its padding, colors, the text (ie: the "X" button text), and more. CUT & PASTE USE RADIO BUTTONS TO GO TO URLS Home / Free JavaScripts / Menu and redirection / Here. Cut & Paste Using radio buttons to go to different urls Credit: Tim Wallace. Description: The below script will use radio buttons to CSS MEDIA QUERIES: WIDTH VERSUS DEVICE-WIDTH width versus device-width. In CSS media the difference between width and device-width can be a bit muddled, so lets expound on that a bit. device-width refers to the width of the device itself, in other words, the screen resolution of the device. Lets say your screen's resolution is 1440 x 900. This means the screen is 1440 pixels across, so it has a device-width of 1440px. HOW DO I GET AWARDS FOR MY WEB SITE? (FOUR PARTS) Well, I hate to break it to you, but in order to get an award, you'll have to first apply for one. The next three pages are a comprehensive list of award giving sites where you can apply for and hopefully receive an award. They are listed in rough order of difficulty to win (in my own opinion, of course). ADDING SEARCH FUNCTIONALITY TO YOUR SITE Adding search functionality to your site. As your site grows in pages, so does the time required for visitors to locate specific information on it. While it's obvious to most the benefits of extending a site with search functionality, the ease in which this could be done may not be. Below we examine your options, some as easy to implement as123!
JK POP UP WINDOW GENERATOR (VERSION 3.0) Step 2: How do you want the window to pop up? . Pop up automatically Pop under automatically Text link. Step 3: Control the frequency of the window (pick one): 1) Every time page loads: 2) Only ONCE per browser session *: 3) Only ONCE per specified period*: minutes hoursdays.
JAVASCRIPT KIT- SPECIAL EFFECTS WITH DOCUMENT AND BACKGROUND Get into the groove with this disco background effect script! It fades the background color continuously using a variety of colors, as if it were the dance floor! Random background color. This simple script randomizes ths background color of your page each time it's loaded. Specify any number of colors for the script to choose from. JAVASCRIPT KIT- SELECT AND OPTIONS OBJECTS Select and Option objects. Last updated: November 19th, 2008. Form SELECT elements ( ) within your form can be accessed and manipulated in JavaScript via the corresponding Select object. To access a SELECT element in JavaScript, use the syntax: document.myform.selectname //where myform and selectname are names of your form/element. KEYBOARD AND MOUSE BUTTONS EVENTS Keyboard Event object properties. Below lists the relevant properties within the Event Object that cater to keyboard actions. Recall that in IE, the event object is accessed directly via window.event, while in Firefox and other browsers, it is indirectly passed as the first parameter the callback function associated with this event. JAVASCRIPT KIT- TEXT EFFECTS A script that makes any text display backwards. This script adds the ability for your users to toggle your webpage's font size, with persistent cookies then used to remember the setting. The script works unobtrusively and with any webpage, by adding to the page one of several CSS classes that change the page's font size depending on thesetting
REMOTE CONTROL
Step 2: Copy the below code and save it as remote.htm.This is the file you should edit- simply change the URLs in function remote2 below toyour own:
UNDERSTANDING JAVASCRIPT'S REQUESTANIMATIONFRAME() METHOD Understanding JavaScript's requestAnimationFrame() method for smooth animations. Updated: Nov 1st, 2017. The modern web of today is filled with sights to behold on every page, where menus slide in and out, content gently fade into view, and elements animate around the screen as the user scrolls the page. CUT & PASTE CHARACTER COUNT Cut & Paste Character count. Description: Calculate and display the number of characters within a TEXTAREA with this script. Useful, for example, in helping your visitors manually keep their input length in DETECTING A SWIPE (LEFT, RIGHT, TOP OR DOWN) USING TOUCH Detecting a swipe (left, right, top or down) using touch. Swiping in touch is the act of quickly moving your finger across the touch surface in a certain direction. There is currently no " onswipe " event in JavaScript, which means it's up to us to implement one using the available touch events, plus define just when a swipe is a, well,"swipe".
tag on every page of your site. --> CATEGORIES: All Free JS/ Applets Tutorials References* Home
* Free JavaScripts
* Tutorials ▼
* References ▼
* Developer Courses
* CSS Examples
JavaScript Tutorials DHTML/ CSS Web BuildingTutorials
JS Reference DOM ReferenceCSS Reference
MAIN CONTENT AREAS:
* Free JavaScripts
* JavaScript Tutorials * Developer/ CSS Tutorials * Web Design Tutorials * JavaScript Reference* DOM Reference
* Web Developer Courses* Free Java Applets
Welcome to JavaScript Kit, a comprehensive resource for JavaScript tutorials, scripts, and more. JAVASCRIPT KIT- WHAT'S NEW? BEST DEVELOPER FRONTEND COURSES See the best, most relevant frontend courses online to take to succeed as a frontend developer in 2019 and beyond. CREATING A CLEAN CSS COMPARISON TABLE WITH CSS FLEXBOX In this tutorial I'll show you how to create a responsive CSS comparison table using nothing but UL lists and CSS flexbox. SMOOTH SCROLLING HTML BOOKMARKS USING JAVASCRIPT (NATIVELY OR JQUERY) See how to use native JavaScript to create smooth scrolling HTML bookmark links inside the page, and for those that need legacy browser support, using jQuery instead. This promises to be one smoothtutorial!
CREATING AN EQUAL HEIGHT PRICING TABLE USING CSS FLEXBOX In my opinion, pricing tables are the effective way to quickly capture and convey to potential customers your services and the benefits at a glance. See how easy it is to create an equal heights, responsive CSS pricing table using the power of CSS Flexbox. WEB ANIMATION API- UNLEASHING THE POWER OF CSS KEYFRAMES IN JAVASCRIPT Animate elements in JavaScript using the power of CSS keyframes animation with the Web Animation API! In this tutorial, I'll introduce you to WAAPI, browser support and polyfill, and how to start using this awesome API today. TOP FIVE FEATURES IN JAVASCRIPT ES6 WORTH MASTERING JavaScript ES6 adds a slew of new features to the JavaScript language, some more groundbreaking and widely applicable than others. In this article I list the top 5 JavaScript ES6 features I find mostindispensable.
UNDERSTANDING LET AND CONST IN JAVASCRIPT ES6 Get to know all about "let" and "const" in JavaScript ES6, and how it differs from the age old "var" keyword in defining variables. DISPLAYING CONTENT IN FULL SCREEN USING THE FULLSCREEN API INJAVASCRIPT
See how to open up any content on your page in full screen mode with just a few lines of JavaScript using the Full Screen API. LOWERCASE, TITLE AND SENTENCE CASE CONVERTER TOOL This is a simple online JavaScript tool to easily convert a string to lowercase, uppercase, title, capital, or sentence case, depending onyour needs.
INTRODUCTION TO JAVASCRIPT ASYNC FUNCTIONS- PROMISES SIMPLIFIED See how to use JavaScript async functions with JavaScript Promises to further simplify asynchronous operations in JavaScript, and produce code that's easier to read and debug to boot. INTRODUCTION TO CSS VARIABLES A comprehensive introduction to CSS Variables, which is a new browser feature that lets you store and reuse CSS values in your CSS. Unlike variables in CSS Preprocessors, CSS variables are live, and accessibleusing JavaScript.
CREATING A SLICK, ANIMATED FULL SCREEN SEARCH FORM WITH CSS3 ANDJAVASCRIPT
The trend for search boxes these days has been bigger and bolder. This tutorial shows how to create a slick, well engineered full screen search form that works beautifully across all modern browsers anddevices.
FOUR ESSENTIAL JAVASCRIPT FUNCTIONS TO TAME CSS3 TRANSITIONS ANDANIMATIONS
See four JavaScript functions that help you unlock the full potential of CSS Transitions and Animations, by pausing them, detecting when they've finished playing, and more. DISPLAYING THE LOCAL TIME OF ANY CITY USING JAVASCRIPT AND GOOGLE TIMEZONE API
This tutorial looks at how to use Google Time Zone API to reliably display the local time of any city or location in JavaScript. CREATING A SIMPLE PAGE TRANSITION USING CSS AND JAVASCRIPT See how to build a simple but sleek page transition using CSS3 transitions and animation that appears while a page is loading. 4 NOVEL WAYS TO DEAL WITH STICKY :HOVER EFFECT ON MOBILE DEVICES CSS's venerable :hover pseudo class presents a bit of a conundrum on touch screen devices, where the :hover style stays with the element the user just tapped on until he/she taps again elsewhere in the document. This tutorial looks at 4 creative ways to deal with "sticky hover" effects on mobile devices. CSS FLEXBOX 101- INTRODUCTION AND SAMPLE PATTERNS In this tutorial, I'll go over the key elements that make up CSS Flexbox, plus show you some common Flexbox patterns to validate its usefulness. After this leisurely read you'll wonder how you ever went by so long without flexing. YOUTUBE PLAYER API AND CREATING A SIMPLE YOUTUBE LIGHTBOX See how to create a simple Youtube video lightbox, by first creating a responsive and vertically centered Youtube iframe, then using Youtube URL parameters and the Youtube Player API to control it. UNDERSTANDING JAVASCRIPT'S REQUESTANIMATIONFRAME() METHOD FOR SMOOTHANIMATIONS
requestAnimationFrame() is a JavaScript method for creating smoother, less resource intensive JavaScript animations. See how to take advantage of this method in this comprehensive tutorial. DETERMINING HOW MUCH THE USER HAS SCROLLED THE PAGE USING JAVASCRIPTOR JQUERY
Learn how to detect the amount the user has scrolled the page using JavaScript or jQuery, in either pixels travelled or as a percentage ofthe whole page.
USING CSS3 KEYFRAME ANIMATION TO CREATE A SWINGING IMAGE In this short tutorial, we'll see how easy it is to create an image that swings like a pendulum continuously using CSS3 keyframesanimation.
DISPLAYING RSS FEEDS USING YQL, A GOOGLE FEED API ALTERNATIVE This tutorial looks at how to use Yahoo's YQL service as an alternative to the now defunct Google Feed API to quickly display RSS feeds from external sources using JavaScript only. READING AND COPYING SELECTED TEXT TO CLIPBOARD USING JAVASCRIPT In this tutorial, we'll see how to read the textual contents of a user selection, dynamically select some text on the page, and last but not least, copy whatever is selected to clipboard, all using just JavaScript. It's certified Flash free! BEGINNER'S GUIDE TO JAVASCRIPT PROMISES JavaScript Promises are a new addition to ECMAscript 6 that aims to provide a cleaner, more intuitive way to deal with the completion (or failure) of asynchronous tasks. In this tutorial we'll deliver the promise of JavaScript Promises to the uninitiated!More Additions
CREATING A STICKY HEADER BAR USING JQUERY AND CSS A hot trend in web design these days is the use of sticky headers, where the header becomes temporarily fixed on the page whenever the user starts to scroll past it, keeping the element in view. In this tutorial we'll dissect the making of a well engineered sticky header using jQuery and CSS. CREATING AN OFF-CANVAS SIDE MENU USING CSS3 (AND A TOUCH OFJAVASCRIPT)
In this tutorial, we'll see how to create the iconic off-canvas side menu from scratch using CSS3 only, and with the help of a little JavaScript, polish it off so it's fully ready for real world use. FIXING MOBILE USABILITY ISSUES TO COMPLY WITH GOOGLE- A QUICK STARTGUIDE
A site's mobile usability will now play an important role in how well your site ranks on Google for mobile searches. In this quick start guide we show you how to quickly address the key mobile issues that result in a failing grade for Google, and also, tips on taking your site a step further to become fully responsive. MATCHING MULTIPLE CSS MEDIA QUERIES USING WINDOW.MATCHMEDIA() A common question that gets asked is how to use JavaScript's window.matchMedia() method to react to multiple CSS media queries. In this tutorial we explore how. A PURE CSS BEFORE AND AFTER IMAGE EFFECT In this tutorial we'll see how some careful stacking of two images in CSS can make way for a quick "before" and "after" image effect, whereby moving the mouse over the image container peels back one imageto reveal another.
CREATING A BASIC PARALLAX SCROLLING EFFECT USING CSS AND JAVASCRIPT Parallax scrolling is a visual technique where elements on the page move or animate at different speeds as the user scrolls the page, creating depth and visual intrigue. This tutorial walks you through how to create a simple parallax scrolling effect using CSS andJavaScript.
CREATING A LIVE CSS CLOCK USING CSS3 AND REQUESTANIMATIONFRAME() Pure CSS only interfaces are all the rage these days, so lets explore that concept with our very own CSS3 clock, then see it come to life using some JavaScript. MANIPULATING CSS3 TRANSITIONS USING JQUERY In this tutorial we look at how to use jQuery to dynamically modify CSS3 properties and react to when a transition has completed. It's the key to injecting logic to your transitions! INTRODUCTION TO TOUCH EVENTS IN JAVASCRIPT In this tutorial lets get touchy feely with JavaScript, by examining its touch related events and how they are used to detect and respond to touch and swipe events. INTRODUCTION TO CSS MEDIA QUERIES With today's challenge of building webpages that look right in the myriad of different devices comes CSS media queries, a nifty CSS feature that builds upon CSS Media types of CSS 2.1 to help you easily cater your page based on the aforementioned factor and more.Features
"LEARNING JQUERY (PACKT PUBLISHING)" BOOK REVIEW We review "Learning jQuery", a book aimed at introducing new comers to the jQuery framework.Features
PLUS SIZE IMAGE VIEWER This script automatically adds a caption beneath the images of your choice that when clicked on launches a "plus size" version of theimage.
Scripts/ Tutorials
* Free JavaScripts
* JavaScript Tutorials* DHTML Tutorials
* Web Design Tutorials* Java Applets
References
* JavaScript Reference* DOM Reference
* IE Filters/ Transitions ReferenceJavaScript Tools:
* Try it Code Editor* LowerCase Convert
* Password generator * Popup Window generator * onMouseover whipper* Combo box whipper
* HTML Validation ToolSite Info
* Advertising Info
* Submit a script
* FREE Newsletter
* Email Us
* Privacy Statement
* Follow Us
* Facebook Fan Page
ads by BSA
CopyRight (c) 2018 JavaScript Kit . NO PART may be reproduced without author's permission. Contact InfoDetails
Copyright © 2024 ArchiveBay.com. All rights reserved. Terms of Use | Privacy Policy | DMCA | 2021 | Feedback | Advertising | RSS 2.0