Category: HTML/javascript
-
Master Coding Skills by Gaming | Learn Programming
Unlock the fun of coding! With our approach, you’ll learn programming by playing and gain essential skills through interactive games. Dive in now!
-
Efficient JavaScript One-Liners to Elevate Your Code
Discover how JavaScript One-Liners can transform your coding with concise, powerful snippets that boost productivity and code quality.
-
The best Front-End frameworks 2022
It’s 2022, and it’s that question again which frontend framework to use? Are they maintained, production-ready, good learning curve vs benefit balance and active community? Let’s do a quick recap for the best of the best out there. Reacthttps://reactjs.org/https://nextjs.org/https://reactnative.dev/ I will put React in the number 1. The best of the best, and there are…
-
TypeScript 4.0 is here!
Microsoft continues to make developers feel great using new technologies. Now they announced the availability of TypeScript 4.0! It’s better in all areas – productivity, stability, and scalability. Developers love to work with clean, well structured, readable, and functional code. This is exactly what TypeScript is for. Together with their IDE Visual Code it’s a…
-
Do something when user click somewhere outside of wrapper
To close or do something when users clicks outside of some element following few lines of code can be helpful. $(document).click(function(event) { if ($(event.target).parents().index($(‘#first_wrapper’)) == -1 && $(event.target).parents().index($(‘.second_wrapper’)) == -1) { // Run something } });
-
Most promising mobile UI frameworks
Simple list of some well known mobile UI frameworks you may want to use on your next mobile web project. jQuery Mobile Touch-Optimized Web Framework for Smartphones & Tablets jQTouch A jQuery plugin for mobile web development on the iPhone, Android, iPod Touch, and other forward-thinking devices Sencha Touch The First HTML5 Mobile Web App Framework…
-
Scroll to an anchor
Smooth javascript scrolling. <script type=”text/javascript”>// <![CDATA[ function goToByScroll(id){ $(‘html,body’).animate({scrollTop: $(“#”+id).offset().top},’slow’); } // ]]></script> <a onclick=”goToByScroll(‘1’)” href=”javascript:void(0)”>Go to anchor 1</a> <div id=”1″>content</div>