Neede.co Design Resources
with No Comments

Neede is a curated collection of some of the best online design resources. Colors: palettes and tools to create them, collections of color code, encyclopedias of colors, gradients, applications, etc. Community: links to different design communities to show your work, … Read More

Nativescript: Create Native iOS and Android Apps With JavaScript
with No Comments

Open source framework for building truly native mobile apps with Angular, Vue.js, TypeScript, or JavaScript.   Link: https://www.nativescript.org/

How to use Chrome DevTools like a Pro
with No Comments

As the name implies Chrome Developer Tools is a tool that allows web developers to interfere and manipulate applications via the browser. With this tool you can: Manage interface problems Debug Javascript Code with using breakpoints Optimize your code To … Read More

Native app social interactions on mobile and tablet web
with No Comments

The goal of this document is to describe the current availability of native app social interactions on major mobile operating systems and social media apps. You can use this information to determine which URLs your mobile/tablet website should use for … Read More

What Are Progressive Web Apps and Why Should You Care?
with No Comments

It’s spring of 2018. This is the year where progressive web apps are expected to finally establish themselves. If you have yet to look into the topic, it’s about time you do so. We’ll help you with that. Article: https://www.noupe.com/design/what-are-progressive-web-apps.html

Building Mobile Apps Using React Native And WordPress
with No Comments

As web developers, you might have thought that mobile app development calls for a fresh learning curve with another programming language. Perhaps Java and Swift need to be added to your skill set to hit the ground running with both … Read More

How To Create A Custom Preloading Screen
with No Comments

In this tutorial we will add a CSS3 transitions to a CSS3 preloader. Once the content of the page is loaded, we’ll animate the preloading screen away from the viewport with a nice transition.   Source: https://ihatetomatoes.net/create-custom-preloading-screen/

How To Create And Customize A WordPress Child Theme
with No Comments

The biggest disadvantage is that any modifications made to the theme in this way will be lost once the theme is updated by the developer. As a consequence, users either won’t be able to keep their theme up to date … Read More

Common WordPress Errors & How to Fix Them
with No Comments

WordPress is an amazingly stable platform thanks to the dedication and talent of the hundreds of professionals contributing to it, and the strict code standards they follow. Even so, the huge variety of themes, plugins and server environments out there … Read More

Elementor WordPress Page Builder
with No Comments

Elementor: This WordPress Page Builder is Your New Design Tool   Source: https://www.noupe.com/wordpress/elementor-wordpress-page-builder-design-tool.html

Two (or more) instances of Firefox running at the same time
with No Comments

When Firefox is running and you try to open another Firefox process, a new window is opened instead, in the already running process. You can use the -no-remote command line option to start a new Firefox process that is invisible … Read More

What can be done with 1k of CSS?
with No Comments

The Beauty in CSS Design A demonstration of what can be accomplished with only 1 K (Kibibyte) of CSS. Select any design from the list to load it into this page. You can also navigate back and forth by using … Read More

WordPress shortcode ultimate
with No Comments

Shortcodes Ultimate is WordPress plugin that provides mega pack of shortcodes. This is really premium plugin that you can get absolutely for free! With this plugin you can easily create tabs, buttons, boxes, different sliders, responsive videos and much, much … Read More

The Best Messenger Plugins For WordPress in 2017
with No Comments

The Best Messenger Plugins For WordPress in 2017 Source: https://www.icegram.com/wordpress-plugins/the-best-messenger-plugins-for-wordpress-in-2016/

SQLizer convert Excel to SQL
with No Comments

Upload your Excel file, choose the worksheet with the data, select the cell range, and hit convert. We’ll convert your file into a MySQL script with a table definition and multiple INSERT statements. Source: https://sqlizer.io/

Brackets text editor
with No Comments

A modern, open source text editor that understands web design. Source: http://brackets.io/

HTML5 Datalist: What You Need To Know
with No Comments

Autocompletion is a pattern that all web users are familiar with. When you do a search, your search engine suggests terms. When you type a new email message, your mail client suggest recipients. This functionality, however, has not been available … Read More

Wordfence for WordPress
with No Comments

The Wordfence WordPress security plugin provides free enterprise-class WordPress security, protecting your website from hacks and malware. Source: https://www.wordfence.com/

Footer always bottom not fixed
with No Comments

Sometimes designing a website, the footer should rest at the bottom of the page, even if the content is too short to push it to the bottom of the display window naturally. So I can use this trick. Source: https://codepen.io/cbracco/pen/zekgx

Create Automatic MySQL Backups (Windows)
with No Comments

MySQL is one of the most popular open source database management systems for the development of interactive websites. Like all other popular database management systems, MySQL offers several methods of backing up your important data. If your site stores your … Read More

How to Add Scripts to WordPress Properly
with No Comments

How to Add Scripts to WordPress Properly Source: http://www.mundowordpress.net/como-anadir-scripts-en-wordpress-adecuadamente/  

Mastering Color Theory For Web Design
with No Comments

Mastering Color Theory For Web Design Source: https://www.designmantic.com/blog/infographics/color-theory-for-web-design/

Form Builder and Generator for Bootstrap
with No Comments

Form Builder and Generator for Bootstrap Source: http://bootsnipp.com/forms

Runway is the solution for making WordPress themes, fast!
with No Comments

Runway is the solution for making WordPress themes, fast! Source: http://runwaywp.com/

10 Ways to Automatically & Manually Backup MySQL Database
with No Comments

10 Ways to Automatically & Manually Backup MySQL Database Source: http://www.noupe.com/development/10-ways-to-automatically-manually-backup-mysql-database.html

Email Before Download
with No Comments

Email Before Download presents your users with a form where they submit information, like their name and email address, prior to receiving a download Source: https://srd.wordpress.org/plugins/email-before-download/

How to duplicate dashboards in Google Analytics
with No Comments

Have you ever created an amazing dashboard in Google Analytics, only to find that you can’t duplicate it? Finally, there is a way you can easily copy a dashboard from one profile to another! Source: http://designpieces.com/2013/04/how-to-duplicate-dashboards-in-google-analytics/

WordPress Backup: The Right Strategy
with No Comments

How to backup your WordPress site, the correct way. Source: http://www.noupe.com/wordpress/wordpress-backup-98318.html

Ultimate CSS Gradient Generator
with No Comments

Ultimate CSS Gradient Generator Source: http://www.colorzilla.com/gradient-editor/

Search for text within multiple files (UBUNTU)
with No Comments

Gnome-search-tool, this tool allows you to search text inside files. Source: https://www.atareao.es/ubuntu/busquedas-en-archivos-en-ubuntu-con-gnome-search-tool/

OnLine Font Generator
with No Comments

Three online font generators: Option1: Font Squirrel https://www.fontsquirrel.com/tools/webfont-generator Option2: Fontie https://fontie.flowyapps.com/home Option3: Transfonter http://transfonter.org/   Via Noupe: http://www.noupe.com/essentials/online-webfont-generators-98169.html

Website Downloader – Download complete website
with No Comments

Website Downloader Download all the source code and assets of any website Source: https://websitedownloader.io/

Elementor Live Page Builder For WordPress
with No Comments

Live Page Builder For WordPress Source: https://elementor.com/

Pixelsquid Easily introduce 3D into your design workflow.
with No Comments

Easily introduce 3D into your design workflow. Our 3D image library was built to be used by 2D designers. Download each image as a PNG with transparency or a PSD with powerful layers. Source: https://www.pixelsquid.com/

Checkbox CSS
with No Comments

Tiny set of CSS3 animations for your checkboxes. Source: https://720kb.github.io/checkbox.css/

Real Time Users. Add a real time user counter to your site in 60 seconds.
with No Comments

Real Time Users Add a real time user counter to your site in 60 seconds. Source: https://realtimeusers.bycontrast.co/

Fontastic: Add Vector Icons to Your Website
with No Comments

Easily create custom icon fonts with Fontastic! Your icons can be modified on the fly via CSS. Rescale, change colour, add a shadow and more in just a jiffy.   Source: http://fontastic.me/

Discover Typography A new way to discover typography
with No Comments

A new way to discover typography Source: http://discover.typography.com/

Multi-Layer Page Reveal Effects
with No Comments

A tutorial on how to create multi-layer page reveal effects with a couple of ideas for inspiration. Source: http://tympanus.net/codrops/2016/06/01/multi-layer-page-reveal-effects/

Fast and Easy: How to Optimize Your WordPress Site’s Speed
with No Comments

Fast and Easy: How to Optimize Your WordPress Site’s Speed   Source: http://www.noupe.com/wordpress/optimize-wordpress-sites-speed-97928.html

Paletton
with No Comments

A designer tool for creating color combinations that work together well.   Source: http://paletton.com/

UI Iterations
with No Comments

The best UI Interactions for your inspiration, every day. Source: https://uiinteractions.com/

Transparent Textures
with No Comments

Textures with color choice for websites.     Source: http://www.transparenttextures.com/

atrament.js
with No Comments

Tiny JS library for beautiful drawing and handwriting on the HTML Canvas.   Source: http://fiala.uk/atrament.js/demo/ https://github.com/jakubfiala/atrament.js

SeenJS
with No Comments

Render 3D scenes into SVG or HTML5 Canvas   Source: http://seenjs.io/

Carrd
with No Comments

Carrd. Simple, free, fully responsive one-page sites for pretty much anything.     Source: https://carrd.co/

Chart JS
with No Comments

Simple yet flexible JavaScript charting for designers & developers   Source: http://www.chartjs.org/

Icon Archive
with No Comments

Search through more than 590000 free icons. Browse icons by category, artist, popularity, date. Organize and share your favorites. Source: http://www.iconarchive.com/

Gravit design tool
with No Comments

Use the world’s most advanced design tool for designers and non-designers. Easily create beautiful logos, business cards, websites, flyers and social media covers to impress your customers, family and friends.   source: https://www.gravit.io/

EnjoyCSS
with No Comments

EnjoyCSS is an advanced CSS3 generator that allows you to get rid of routine coding. Its handy and easy-to-use UI allows you to adjust rich graphical styles quickly and without coding. The main features: 2D and 3D transforms multiple complex … Read More

qtip2 Framework
with No Comments

Building on 1.0’s user friendly, yet feature rich base, qTip2 provides you with tonnes of features like speech bubble tips and imagemap support, and best of all… it’s completely free under the MIT/GPLv2 licenses!   Source: http://qtip2.com/

Uber Suggest
with No Comments

Use Übersuggest to quickly find new keywords not available in the Google Keyword Planner. Take your keyword research to the next level with tons of keyword ideas for SEO, PPC and your next content marketing campaign.   Source: https://ubersuggest.io/

XML-Sitemap
with No Comments

Offers a sitemap generator that creates XML and HTML variants. Free up to a maximum of 500 pages.     Source: https://www.xml-sitemaps.com/

HTML Table Generator
with No Comments

Free and easy to use online HTML Tables generator — enter the table data and just copy and paste the generated table code into your website.   Source: http://www.tablesgenerator.com/

Subtle Patterns
with No Comments

Subtle Patterns is created and curated by, Atle Mo. His goal is to be a high quality resource for anyone in need of tilable textured patterns, free to use.     Source: http://subtlepatterns.com/

From Blogger to WordPress
with No Comments

How to Switch from Blogger to WordPress without Losing Google Rankings     Source: http://www.wpbeginner.com/wp-tutorials/how-to-switch-from-blogger-to-wordpress-without-losing-google-rankings/

WhatTheFont
with No Comments

This tool identifies the typeface family that is in an image.     Source: https://www.myfonts.com/WhatTheFont/

Yast: Easy time tracking for freelancers & teams
with No Comments

Easy time tracking to increase productivity, billing rate and staff performance Source: https://www.yast.com/

Contact form without captchas
with No Comments

This article looks at how to use some simple HTML, CSS, & Javascript to protect your private information without making your guests jump through hoops. Source: http://nfriedly.com/techblog/2009/11/how-to-build-a-spam-free-contact-forms-without-captchas/

16 Fresh Free eBooks for Designers and Developers
with No Comments

Being a designer or developer means that you’ll never be able to stop learning. Learning is like your second leg. You can still move with only one but won’t win any contests any longer. Free eBooks are perfect in helping … Read More

WordPress Easy Coming Soon plugin
with No Comments

Easy coming Soon plugin allows you to quickly create a launch / under construction page for your website. The Easy Coming Soon plugin allows you quckly create a Launch page / Coming Soon page for your WordPress website. Simply activate … Read More

HTML to WordPress
with No Comments

HTML to WordPress makes it easy to convert an HTML website design into a WordPress theme. Just locate the folder you want to convert, drop it onto the website, and it will convert it for just $9/page. Source: http://htmltowordpress.io/ http://www.webdesignerdepot.com/2015/12/whats-new-for-designers-december-2015/

Dewdrop.io send files in real-time for free
with No Comments

Dewdrop.io lets you send files in real-time for free. Just drag and drop a file to share it with anyone.   Sources: http://dewdrop.io/ http://www.webdesignerdepot.com/2015/12/whats-new-for-designers-december-2015/  

Some Inspiration for Pricing Tables
with No Comments

A couple of styles and inspiration for responsive, flexbox-based HTML pricing tables. Source: http://tympanus.net/codrops/2015/11/19/some-inspiration-for-pricing-tables/

59 Times Color palette generator
with No Comments

Tool for generating complementary colour palettes. Also creates Opacity and Saturation palettes. RGB,HSL,Web Colour,Color,Complementary colours,Complementary colors,opacity,saturation,palettes. Source: http://www.59times.com/legacy/color-palette-generator/color-palette-generator.aspx  

CSSgram: Instagram Image Effects in Plain CSS
with No Comments

CSSgram is a tiny CSS library that allows you to apply 15 filters that you already know from Instagram to any image you want. If you like this type of image modification, you can grab it without hesitating. Using neat … Read More

Swiss Style color picker
with No Comments

Are you one of those who choose random colors from the color wheel looking for the right combination? Do not waste time, this tool will help you in the search.

Fast and Free: How to Create Images for Social Media
with No Comments

Small helpers that allow you to create social media images fast and easy are in high demand. Very recently, we introduced you to a lot of these tools. Of course, Pablo, developed by Buffer, was on that list as well. … Read More

Simple Mobile URL Redirect
with No Comments

A simple mobile redirect plugin for those who use a separate website URL for their mobile content. Simply put in the full path URL and you are ready to send users to your mobile-only content.   Source:  https://wordpress.org/plugins/simple-mobile-url-redirect/

Maps Generator: Google maps generator for web sites
with No Comments

Add Google Maps to Your Website How often have you looked up the nearest gym, pizza joint or maybe your closest mobile vendor on Google? The Google map application is one of the most widely used online mapping service available … Read More

Search Replace DB: database search and replace script
with No Comments

Search Replace DB version 3.1.0 allows you to carry out database wide search/replace actions that don’t damage PHP serialized strings or objects with a user friendly interface and experience.   Source: https://interconnectit.com/products/search-and-replace-for-wordpress-databases/

Invision – Prototyping tool
with No Comments

If you need a better way to present your ideas and design work to clients, one that goes beyond just static images of interface designs, then Invision may be exactly what you need. This prototyping tool allows you to turn … Read More

Animate.css
with No Comments

A cross-browser library of CSS animations. As easy to use as an easy thing.   https://daneden.github.io/animate.css/

Image Tilt Effect
with No Comments

A subtle tilt effect for images. The idea is to move and rotate semi-transparent copies with the same background image in order to create a subtle motion or depth effect.   http://tympanus.net/codrops/2015/05/28/image-tilt-effect/

Tiny PNG compress web images
with No Comments

Make your website faster and save bandwidth. TinyPNG optimizes your PNG images by 50-80% while preserving full transparency! https://tinypng.com/  

Pexels videos
with No Comments

Pexels Videos offers completely free videos. All videos are licensed under the Creative Commons Zero (CC0) license. This means you can edit or change the videos and use them free for personal and even for commercial projects. All without asking … Read More

Pexels Free stock photos
with No Comments

Best free stock photos in one place. It’s hard to understand complex licenses that is why all photos on Pexels are licensed under the Creative Commons Zero (CC0) license. This means you can copy, modify, distribute and perform the photos. … Read More

Hover.css v2
with No Comments

I was looking for some mouse hover animations and I found this collection. It’s pretty simple to use and compiles all basic hover effects animations, and it’s CSS3 powered! Site: Hover.css v2

Font Awesome
with No Comments

Font Awesome – The iconic font and CSS toolkit Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS. Site: fontawesome.io