Sign in

Whether you are new to the world of web development or an accomplished developer, you might have come across CodePen.

CodePen is an online community for testing and showcasing user-created HTML, CSS and JavaScript code snippets. It functions as an online code editor and open-source learning environment, where developers can create code snippets, called “pens,” and test them.

People use codepen for multiple purposes; to prototype new ideas, share their code snippets and above all to learn from each other and find inspiration.

Below is a collection of some beautiful pens create by codepen members.

Hope you will love it!

The augmented reality technology is here to stay and it changes the way we interact with the environment that surrounds us.

Adding digitally generated objects to the real-life environment via smart devices can potentially transform every industry, from education and healthcare to entertainment and gaming.

Hence, if you are working on joining the hype, you should need to know the resources you need to make it happen. That is why we have prepared an overview of the best tools for augmented reality development.

Without further ado, enjoy!

Popular Tools:

  • Daqri — delivers professional-grade augmented reality for the workforce by overlaying digital information…

A great real estate landing page design will set you apart from your competition and allow you to promote your services. This will help you sell more properties and book more house tours.

In this post, we’ve rounded up the best real estate landing page designs for your inspiration, so you can create or redesign the website for your real estate agency.

The pages below have mastered their messaging, value propositions, and general product descriptions such that these sites resonate with their unique buyer persona.

Hope you will Enjoy!

The title says it all. Here putting together an all encompassing collection of plugins related to WordPress which will help you in your next project.

After thorough research, we’ve gathered the best WordPress plugins in the industry. The Plugins which are cited below cover various features and uses, scroll down a bit in order to search and find what you’re looking for.


  • Jetpack Galleries — With Tiled Galleries you can display your image galleries in three new styles: a rectangular mosaic, a square mosaic, and a circular grid.
  • NextGen Gallery — NextGEN Gallery plugin is one of the most popular…

User research helps you understand user behaviors, needs, and motivations through various qualitative and quantitative methods such as interviews, observation, forms, etc. Hence, to carry out user research you need user research tools.

There are a lot of user research tools out there. A LOT. It is nice to have multiple options, but it can also be a pain when it comes to choosing one for your project. Hence we have curated for you some of the very best tools that made it to our list: — a web-based scheduling tool that helps to schedule meetings quickly through the…

Mobile app designers are always looking for the right tool that will make their designs worthwhile for the end user experience. Developing a valuable mobile app requires top notch skill, creativity, and of course the right tools.

But with so many design tools everywhere, it can be challenging to choose the best tool for your particular type of app. Good news is, I’ve distilled the 25 best tools for mobile app designers prefer to use. I’m confident that you’ll find the right tool with the functionality you need from this list.

  • Sketch is a lightweight MacBook based UI/UX design tool…

In statistics, a z-score tells us how many standard deviations away a value is from the mean. It can be used to find the outliers in your data.

Z score is an important concept in statistics. Z score is also called standard score. This score helps to understand if a data value is greater or smaller than mean and how far away it is from the mean. More specifically, Z score tells how many standard deviations away a data point is from the mean.

z = (X — μ) / σ


  • X is a single raw data value
  • μ…

When it comes to designing a digital agency website, you should focus on showing your best work as you want to prove your digital knowledge to your clients. Which is why we have curated the best of digital agency websites, check out these beautiful digital agency websites for ideas and inspiration.

Believe it or not, not all of the most captivating design agency websites have enterprise-level programming behind them. …

Woocommerce is increasingly becoming a popular choice as an eCommerce platform for many WordPress based websites. Hence, as developers you need to be on top of your game to modify the existing theme.

Declare WooCommerce support in third party theme

A very important snippet that you can use to add WooCommerce support to any WordPress theme:

function mytheme_add_woocommerce_support() {
add_theme_support( 'woocommerce' );
add_theme_support( 'wc-product-gallery-zoom' );
add_theme_support( 'wc-product-gallery-lightbox' );
add_theme_support( 'wc-product-gallery-slider' );
add_action( 'after_setup_theme', 'mytheme_add_woocommerce_support' );

Adding Custom Currency to WooCommerce

WooCommerce by default To add a custom currency in WooCommerce 2.0+, copy and paste this code in your theme functions.php file and swap out the currency code and symbol with your own. After saving changes, it should be available from your WooCommerce settings.

add_filter( ‘woocommerce_currencies’, ‘add_my_currency’ ); 
function add_my_currency( $currencies ) {
$currencies[‘ABC’] = __( ‘Currency name’, ‘woocommerce’ );
return $currencies;
add_filter(‘woocommerce_currency_symbol’, ‘add_my_currency_symbol’…

S. Khan

Coder, Data Geek & a Product Designer.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store