WebAppers

/ best free open source web resources /

Shopify

Free Resources for which Designers will Come Running

Posted · Category: Information, License Free

You wouldn’t want to say ‘no’ to anything that can elevate the appeal of your web projects, right? Catching the eye of a potential customer is never easy. If you want to build an impressive business online, avail some of the best aids to enhance the functionality and beauty of your web projects. We have some amazing free resources from DealFuel for your next web project, to take your online business to the next level.

Christmas Graphic Design Pack

The year is ending and it is festival time. It’s time to rejoice, give and receive gifts, spend time with family to celebrate the passing year and to welcome a new year. Choose amazing graphic designs that resonate with holiday sentiments. Decorate your online business projects with these wonderfully festive Christmas graphic designs. They are specially crafted to impress and woo your customers. Read the rest of this entry »

Deal of the Week: Creative Market Big Bundle III

Posted · Category: Information, PS Tutorials, Stock Photos

Creative Market Big Bundle III has just released. They’ve handpicked 75 top products from the marketplace for this very special bundle. You can download and use your products right away and access them any time via your Creative Market account. The Creative Market Bundle is valued at $1,092, but you can pick it up today for just $39. That’s 96% off.

creative-bundle

Buy it Now

Design Process of New UI for Google News

Posted · Category: Information

Like most of the services from Google, Google News is a great tool to work with while searching for news, which offers unique opportunities. Google developed a unique algorithm, which allows reading the news on the same topic from different sources. They have just redesigned Google News from the ground up. Take a look at the design process.

google-news

Source: http://googlenews.gkvasnikov.com/

Not Having These Free Stuff Can Make You a Rookie

Posted · Category: Information

Let’s say you are about to create a personal website. It might be a simple portfolio or a complex one depicting your interests or pertaining to a topic. During the development process, you need to make sure that the programming of the website is top-notch, so that it is responsive and works seamlessly over all mobile devices and browsers.

When you are under such intense pressure of shaping your website, it is always great to take help of some already available templates and tools from the internet. These tools and packages comes with ready-made designs, functionalities and all you need to do is simply incorporate them in your website. Thus you don’t have to develop every single detail right from the scratch. Now, if you are excited to get hands on these, guess what, all the following utilities can be availed for free. So let’s find out more about these freebies and how then can be helpful for your website.

1. 59 Web Marketing Tools

Once you have developed your website, it’s time to market it. There are a number of marketing strategies which are practiced by successful marketers, that you are unheard of. This free pdf, consists of the list of top 59 web marketing tools and sites, that can help you to market your website. Also it enlists whether these tools are paid or can be availed for free. Using this tool you can get important guidelines about how to market your website and what are the additional perks of marketing your website.

2. Stylish and sizzling free vector pack

Designing a brand new icon or logo is a tedious and time consuming process. But you still need brand new icons, to set you apart from the rest of the icons present on other websites. This is when these free vector pack comes handy. These freebies consists of a bunch of stickers, themes and design which can be easily included in your website. Also as these are vector graphics, they are suitable on devices having a spectrum of variable resolutions. Read the rest of this entry »

Deal of the Week: Artistic Photoshop Actions Bundle

Posted · Category: Information

Looking to do something different with your photos? How about converting them into beautiful watercolor paintings? Or making your best friend into a cartoon? With these 4 Photoshop Actions to Convert Photos to Painted Art, you can do it all with ease. There’s no need to worry about not understanding how to use any of these actions either. That’s because they all come with access to a robust knowledge base full of loads of detailed information on how to best use each one.

This Mighty Deal from OzonoStudio features 4 incredible Photoshop actions to turn your average images into artistic masterpieces. This collection of Photoshop actions normally sells for $24, but for a limited time only, you can get all 4 amazing actions for just $12! That’s a 50% savings off the regular price.

photoshop-actions-bundle

The Ultimate Guide To iPhone Resolutions

Posted · Category: Information

Few days ago, Apple introduced iPhone 6 Plus. The new iPhone substantially changes the way graphics are rendered on screen. paintCode made an infographic: The Ultimate Guide To iPhone Resolutions to demystify this. The PPI number tells you how many pixels fit into one inch and thus how large the pixels appear in the real world.

guide-to-iphone-resolutions

Source: http://www.paintcodeapp.com/news/ultimate-guide-to-iphone

Get Started & Introductory Guide to DPI for Designer

Posted · Category: Information

Designer’s Guide to DPI is designed as a “get started” or introductory read for the starting to intermediate designer who wants to learn or get more knowledge about cross-DPI and cross-platform design from the very beginning.

DPI or Dots Per Inch is a measure of spatial dot density initially used in print. It’s the number of ink drops your printer can put in an inch . A smaller DPI yields a less-detailed image. No complex math and un-parsable graph, just straight forward explanations ordered in short sections for you to understand and apply directly to your design process.

designer-guide-to-dpi

Requirements: -
Demo: http://sebastien-gabriel.com/designers-guide-to-dpi/
License: License Free

Solid PHP Packages with Modern Coding Standards

Posted · Category: Code, Information

The League of Extraordinary Packages is a group of developers who have banded together to build solid, well tested PHP packages using modern coding standards. They comply to the standards of the PHP-FIG. They adhere to the best-practices put forward by PHP The “Right” Way. They distribute code via Packagist and Composer.

Ask 100 developers what defines an awesome PHP package and you’ll get a lot of different answers. That also sounds like a really long and boring task, so they have come up with a list of rules that we think make a package awesome.

php-packages

Source: http://thephpleague.com/

How to Create Preloading Effect with CSS, SVG and JS

Posted · Category: Information, License Free

Codrops has showed us how to create a very simple page preloading effect with CSS animations, SVG and JavaScript. For websites, where it’s crucial to load all or part of the assets, these kind of preloader screens can be a creative way to make waiting a bit less boring for the visitor. The idea for this tutorial is to create a beautiful preloading effect.

Initially, the logo and a circular progress element slide up and when the loader finishes its progress animation, i.e. the page assets are loaded, the whole “header” moves up while the page elements are revealed with yet another animation. The sliding logo with its color change makes the icing on the cake.

preloading-effect

Requirements: JavaScript Framework
Demo: http://tympanus.net/Tutorials/PagePreloadingEffect/
License: License Free

Beginner’s Guide Into Responsive Web Design

Posted · Category: Information

If you’re reading this blog post probably you’re the last person in the world who decided to learn responsive web design. Well it’s never too late to learn. Here you will learn the bare essentials of RWD, and after reaching the end you will know where to start and what you need to do. So let’s scroll.

To understand the principles of responsive design you need to know three things that make the basis of this design principle. The first thing is the “viewport” tag.

Meta Tag Viewport

Most mobile browsers scale the HTML page so that it will fit on the width of the full-screen devices. Using the tag “viewport” you can eliminate such behavior of browsers. Meta tag “viewport” with values listed below tells the browser to use the width of the window unit and disable the initial scaling. Include this meta tag into the <head>.


There have always been certain troubles with Internet Explorer browsers. So when it comes to RWS once again you will understand why everyone hates so much IE. IE8 and older versions do not support media queries. You can use a specially designed java-script or media-queries.js respond.js to add media query support in IE. To make this work you need to use conditional comments, as shown below: Read the rest of this entry »

Page 1 of 34123456789»...
Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons