Category: Mobile Web Development
-
Optimize Scrolling Performance: How to Debounce Scroll Events for Faster, Smoother Pages
Learn how to optimize scrolling performance by debouncing scroll events, improving responsiveness and reducing lag on mobile devices and parallax sites.
-
How to Build a Full-Screen Mobile Web App for Android Chrome: A Complete Tutorial
Learn how to build a full-screen mobile web app for Android Chrome using Progressive Web App (PWA) principles. Create an immersive, fast, and reliable experience with full-screen mode, service workers, and offline support.
-
Build Fast HTML5 App With Navigation Timing API
HTML5 Navigation Timing API provides accurate insights for web developers to locate, identify & optimize web app’s performance for better user experience.
-
Build Responsive Image Gallery Using CSS Calc()
In this tutorial, we will learn to leverage CSS Calc() function to fit 3 images relatively in a row with 10 pixels margin between them.
-
jQuery UI Autocomplete Hover Issue Hacks For iOS
Find out the tricks to fix the jQuery UI Autocomplete Hover Issue For iOS devices.
-
Optimize HTML5 Web App’s jQuery Performance
You are losing users and probably money if your website & web app doesn’t quick enough. Website / web app should run & perform faster on any devices either on desktop or smartphone. We should always follow the industry’s approach when we building website & web app.
-
Optimizing Full Screen Mobile Web App for iOS
Browsing on mobile devices has been growing dramatically in the past few years. By applying the optimization techniques you’ve learned in this article you can ensure that you’re delivering the best mobile web experience to your mobile users.
-
Increase Mobile Sales with Responsive or Dynamic Serving
Slow mobile page could potentially cost you million in lost sales every year, so you must learn to make your mobile site loads faster to your potential customer!
-
iOS Mobile Web: Disable Spell-Checking On HTML Input Field
Adding Autocomplete, Autocorrect and Autocapitalize attributes on a given input field or textarea to prevent the given corrective features.
-
Replacing jQuery Animation With CSS Hardware Accelerated
We’ll discuss the techniques here,: replacing JQuery animation / transition with CSS Hardware Accelerated transition.
-
Launch Native iOS Google Maps Via Your Web App
Have you ever think of improving your web app’s user experience (UX) by enabling your users to easily search and get directions of your business? Yes! Here is a good news for you to allow your web app users to navigate your business direction using their native iOS Google Maps instead of web version of Google Maps.
-
Speed Up Page Loads Time Using Prefetch / Prerender
Optimising your website’s loading speed is really one of the way to improve user experiences, especially on mobile, due to its limited processing power, slow internet connection, and unreliable bandwidth. There is a new way for web developers to keep their website loads fast, using "HTML5 Prefetch".
-
Testing & Troubleshooting Retina Display Content Without Actual Device
You can emulate a high resolution display on a standard resolution display, for instance – PC with Firefox 21 installed.
-
JQuery Mobile for Absolute Beginners – Part 4
The Full Series Part 1: Introduction to jQuery Mobile & Page Structure Part 2: Buttons, List Views, Dialogs & Transitions Part 3: Form Elements Part 4: Touch Events Hi guys! Welcome to the part 4 of jQuery Mobile for Absolute Beginners. In this lesson,you will learn to create a simple interactive page using Touch Event […]
-
Handling Long Page Title of Mobile Web With Little-Known CSS Tricks
Here is a solution to handle long page title of mobile web with little-known CSS tricks.
Latest updates: New tricks!