Profile cover photo
Profile photo
Connect with onlyWebPro
129 followers -
A technical blog for web designers and web developers
A technical blog for web designers and web developers

129 followers
About
Posts

Post has attachment
Learn some of the advanced JSX knowledge and common errors to avoid when you’re writing your first React Component!

#React #ReactJs #JSX #Front-end #webdev

http://www.onlywebpro.com/2017/08/05/react-for-absolute-beginners-part-3/
Add a comment...

Post has attachment

Post has attachment

Post has attachment
Sometimes you may need to generate a unique key id at client side for your web application.

Following JavaScript snippet allows you to generate unique key randomly (look like GUID).

http://www.onlywebpro.com/2017/06/12/javascript-random-unique-key-generator/
Add a comment...

Post has attachment
HTML5 game showcase: Farmer vs Groundhog

#html5game #html5 #webgame #mobilegame
Add a comment...

Post has attachment
A complete set of modern gamification icon pack for you to use in your creative business projects, for instance – web application, business site, mobile application and games.

Simple to work with and highly customizable, it can be easily adjusted to fit your needs.

Features:

25 Gamification UI Icons
Theme Concept: RISE OF DARKNESS
- Includes vector file in .AI, .EPS + .PNG files with transparent background in high resolution
- Fully layered and fully editable
- Easy to change colors and adjustable to any size

#gamification #icon
Add a comment...

Post has attachment
Everyone is using CSS animation in their mobile web app these days, many are not doing properly and cause the performance issues that negatively impact user experiences.

#css #cssanimation #webanimation #animation

http://www.onlywebpro.com/2017/04/15/high-performance-css-animation/
Add a comment...

Post has attachment
Whenever you scroll a page the browser will need to go through a tedious process:- calculation, rendering, painting & compositing.

If your event handler does a bunch of work (like heavy calculations and other DOM manipulation), you may see performance issues (jank).

To improve the scrolling performance, you have to limit down the rate of scroll event being fired.

http://www.onlywebpro.com/2017/03/25/optimize-scrolling-performance-by-debouncing-scroll-event-calls/

#javascript #mobileweb #jQuery #scroll #performance #jank
Add a comment...

Post has attachment
Learn to build a Google’s Material Design progress bar for your web app using SVG & CSS!

#css3 #css #svg #webdev #materialdesign
Add a comment...

Post has attachment
Some marketers or people without adequate knowledge of web development may face some problem when they’ve to inject third party JavaScript and send over the data to the third party service such as Google Tag Manager.

In this article, will show you how to inject external JavaScript after page load and detect when it has loaded.

http://www.onlywebpro.com/2016/11/12/inject-external-javascript-detect-when-it-has-loaded/

#javascript #webdev
Add a comment...
Wait while more posts are being loaded