Become a better front-end developer with our ridiculously clear content and friendly community! https://www.kirupa.com/ Using plain vanilla-flavored JavaScript, create a simple (and awesome) audio player. https://www.kirupa.com/html5/playing_sound_audio_element.htm Learn how to use a handful of CSS transform and offset tricks to animate items around a point. https://www.kirupa.com/animations/rotating_items_around_a_point.htm If you ever wake up thinking it is a good idea to animate the size of text, go back to sleep. It's a bad idea, and this article explains why. https://www.kirupa.com/animations/bad_idea_animating_text_size_scale.htm Let's look at some of the top features the Chrome Dev Tools have for making frontend development easier. https://www.kirupa.com/hodgepodge/chrome_dev_tools_for_frontend_developers.htm Get an introduction to the three popular ways we have for storing data on the client and when to use the appropriate one. https://www.kirupa.com/hodgepodge/cookies_local_session_storage.htm A valiant array exists both as an Array as well as an Object. That can't be good, right? Read on to find out! https://www.kirupa.com/javascript/arrays_and_objects.htm When it comes to dealing with a list of data, arrays have you covered. Get an introduction to them here. https://www.kirupa.com/javascript/visual_guide_arrays.htm Use the radial-gradient CSS function to create circles that show up in an element's background. https:/www./kirupa.com/css/circles_radial_gradient.htm Get an introduction to Fetch and XMLHttpRequest to make sending and receiving data a breeze! https://www.kirupa.com/html5/making_http_requests_js.htm How does our code makes its way into something that does something on our computer/phone/smart device? Find out how! https://www.kirupa.com/hodgepodge/compiling_transpiling.htm Learn a whole bunch of useful techniques that you can use to create a fully functional (and good looking!) analog clock. https://www.kirupa.com/html5/totally_awesome_analog_clock.htm JavaScript has evolved in leaps and bounds over the years. Given that, does learning TypeScript today seem like a good use of time? https://www.kirupa.com/hodgepodge/learning_typescript.htm React isn't the easiest cup of tea to sip and swallow. This article dives into what skills you will need to make it more appetizing. https://www.kirupa.com/react/how_much_to_know_prior_learning_react.htm Why is sound such an underused (and underappreciated) part of our web apps/sites? https://www.kirupa.com/ux/sound_ux.htm Learn more about these popular browser-created creatures and the several ways we have to bring them to life. https://www.kirupa.com/html5/dynamic_elements.htm Up your cool game by learning all about our base-16 friend, the hexadecimal number. https://www.kirupa.com/hodgepodge/counting_hexadecimal.htm Learn how to implement some sweet downsampling techniques to ensure what we create on the canvas looks sharp and crisp even on high-DPI screens. https://www.kirupa.com/canvas/canvas_high_dpi_retina.htm Learn the math and related code that allows the equilateral triangle to do all the things it equilaterally does. https://www.kirupa.com/math/equilateral_triangles.htm Test your knowledge of timers, arrays, and keyboard inputs by implementing the infamous Konami Code in JavaScript. https://www.kirupa.com/html5/konami_code.htm A Content Delivery Network (CDN) can greatly speed up the communication between your site and your visitors. Learn how they do that...and more! https://www.kirupa.com/apps/cdn.htm Learn how to work with the Object object, use Object.create, understand inheritance, and befriend the prototype. https://www.kirupa.com/html5/a_deeper_look_at_objects_in_javascript.htm Learning about the variety of built-in values in JavaScript that you can use is an important part of being awesome. You want to be awesome, don't you? https://www.kirupa.com/html5/of_pizza_types_primitives_and_objects.htm As application frameworks go, nothing is quite as loved or dreaded like Electron. Why is that? Find out more in this article. https://www.kirupa.com/apps/what_is_electron.htm When building cross-platform apps, do you go the React Native route or the PWA route? https://www.kirupa.com/apps/pwa_vs_react_native.htm Learn about the many MANY ways we have for getting an SVG to display in our web pages. https://www.kirupa.com/tricks/billion_ways_display_svg.htm WebViews allow you to display web content inside a native app, but they hide more tricks than just that. Find out what those tricks are! https://www.kirupa.com/apps/webview.htm Nobody likes seeing permission prompts. Given that, learn how to make a lousy experience less lousy. https://www.kirupa.com/tricks/good_permission_ux.htm Learn how to create a scrolling effect that gives the illusion of an infinite number of items! https://www.kirupa.com/animations/infinite_sliding_animation.htm There is a new image format in town, and this one doesn't take names. It just displays crisp pixels at all sizes all the time. https://www.kirupa.com/tricks/svg_101.htm Learn some of the tricks you can use to provide a dark mode friendly version of your site or app! https://www.kirupa.com/tricks/dealing_with_dark_mode.htm Take full control over your animations by learning how to create them entirely in JavaScript. https://www.kirupa.com/learn/animating_in_code_using_javascript.htm