WebAppers

/ best free open source web resources /

Graphic Resources

Add Special Effects to Your GIFs with GIF Editor

Posted · Category: License Free, Tools

GIF Editor lets you add animated stickers, fun filters, and captions to your GIFs. Simply choose a GIF to get started by entering a GIF URL or any GIPHY link or by dragging and dropping your image files. On the Stickers tab, search our entire sticker collection to add funny or weird GIF stickers to your GIF. Just type in your search term or click on our suggested searches, and click on the sticker you want to add to your GIF. You can add as many stickers as you want!

Click the Filters tab, choose a filter, and decide whether to apply it to the whole background or the entire GIF. Click the Caption tab, then type your witty, relevant, or irrelevant caption text into the Caption field. You can share your GIF on Facebook, Twitter, Instagram, Pinterest, Tumblr, Reddit, text message, email, and everywhere!

giphy

Requirements: –
Demo: http://giphy.com/create/gifeditor
License: License Free

Privacy – Gives You a New Card No. for Every Transaction

Posted · Category: License Free, Tools

Privacy gives you a new card number for every transaction. This protects you from card fraud, data breaches, and identity theft. Privacy is the first payments product that keeps your personal information private. And the best thing is, it’s even easier than using your regular credit card online. Privacy Visa Cards may be used everywhere Visa debit cards are accepted. Their mission is to build elegant, usable software that protects your privacy and security. You deserve the best. Protect yourself online without sacrificing convenience and ease of use.

privacy

Requirements: –
Demo: https://privacy.com/
License: License Free

14 Freebies Experts Think Designers Should Have

Posted · Category: Best Collections

A lot of new designers always fumble with basic designing questions. And one such popular question is ‘How much should I charge?’ There isn’t a fixed rate to be honest, designers charge as per their skills and experience. But one thing to keep in mind is, charge as per the value you provide instead of quoting what other designers do or how much hours you put in. And while we attempt to provide as many tips as we can, we also scour the web regularly to provide you with the best resources designers have needed.

Here are 14 such freebies that experts recommend for designers:

15 Seamless Icon Patterns & Seamless Wood Patterns

2

Patterns immediately add zing to your web work. Whether you need one for his backdrop of your web page, or you want to include this in a post, these icon and wood patterns would take your work several notches higher.

Use them for a quirky element on your posters and invites or just enhance the look of an image by putting a wood pattern in the background. The rustic feel complements a lot of country-specific wedding invites and website backgrounds too.

Including them in headers and footers too is a good way to put in something extra without a lot of efforts.

10 Colorful Grunge Textures

3

Grunge elements instantly elevate the complete look of any design but if you want to do it from scratch, be prepared to put in a lot of time and effort. Or you can go down the smarter route and choose grunge textures that do the work beautifully well, and in a jiffy.

From giving a realistic grungy feel to your work to providing depth and texture, this set of 10 grunge textures is a great resource to own. Use these varied colored textures for a diffused look or play around with soft light. Don’t like certain elements of the texture? Mask it to make it work the way you want it to.

Read the rest of this entry »

Ink Bleed Transition Effect Powered by CSS Animations

Posted · Category: License Free, Popup

By using a PNG sprite and the steps() timing function in CSS, Codrops taught us how to create video effects and use them as transitions! In the resource, they used this technique to fire a modal window, but you can use it to transition between two different pages as well. First, you need a video with a filling effect and a transparent area. Then you need to export this video as a PNG sequence. You can read the full tutorial on the site.

ink-effect

Requirements: –
Demo: https://codyhouse.co/demo/ink-transition-effect/index.html
License: License Free

Easter Sale: 6,000 Web Icons – 65% OFF

Posted · Category: Icons

Are you a Webmaster, Web Designer? This is the ONLY ICON PACK You will ever need. Awesome Icons Bundle with 6,000 icons is now available for the astonishing LOW price. This Bundles includes Flat Icons, Outline Icons, Glyphs Icons.

Squid.ink has every website icon you can imagine – all perfectly scalable, in the vector format, with multiple varieties to fit your every project. 6,000 icons are bundled together in our set – ideally suited for any website, web application, or wireframe creation. They’re very professional. Very modern. And very handy to have at your fingertips – all in ONE Awesome Icons Bundle!

bundle.124330
Now is the time to “stock up” on these great icons. You might never see such a great deal again. Once you have this bundle in your tool kit, you won’t need anything else. Act now… before the price goes back up!

Get the Deal now.

Easter Sale (65% OFF): $68 for 3 Days. (Original Price: $195)

Quickly Create Responsive HTML Emails with Foundation

Posted · Category: License Free, Webmail

We know building HTML emails is hard, especially responsive emails. That’s why ZURB created Foundation for Emails. Get away from complex table markup and inconsistent results. Use Foundation for Emails to spend less time coding emails, and more time on other things, like building amazing products.

Making a marketing or promotional email? Drip campaign? Transactional email? Foundation for Emails is the framework that can help you easily build emails for any use case. Choose from 10 responsive HTML templates to start from that are tested on mobile and desktop versions of Outlook, Gmail, Apple Mail and more.

Screen Shot 2016-03-25 at 3.14.11 pm

Requirements: –
Demo: http://foundation.zurb.com/emails.html
License: License Free

Looking to Code Your Designs? 9 Hand-Picked Services

Posted · Category: Best Collections

Most website designers leave the coding to professional developers; since they have neither the time, the inclination, nor the necessary skills to do so themselves. Even designers who are proficient in coding, often prefer to leave the work up to professionals who they know will get the job done right.

If you’re still fairly new to the game, you may not have a clue as to which developer to choose that will indeed get the job done right. There are many good ones; some are better than others; and a select few are best of all in terms of workmanship, speed of delivery, customer service, and affordability.

We know who the top coders, slicers, and developers are. We’ve checked them out carefully, hand-picked 9, and listed them here. Each one will be an excellent choice, but as you go down the list, you will no doubt find the one that best suits your purposes.   

Sketch to HTML by Xfive.co

1

If Sketch is your design tool of choice, but you would prefer to leave conversion to someone else, you won’t find a better partner than Sketch to HTML by Xfive.co. The Xfive team will not only make certain that the conversion looks like your sketch design, but they will also advise you of any changes or enhancements that might make your website even better. The finished product will be fast loading, and cross-browser compatible.

Their code is W3C compliant, and depending on your needs or preferences, they will convert your design to HTML/CSS/JS pages, WordPress, Joomla!, WooCommerce, or one of the other content management systems. If you would like some modern animations to make your site’s UX more attractive, let the team know; they will be happy to comply. If your design files are in the .PSD, .INDD or .AI formats, they can help you with that too.

Xfive is a full stack development agency. They are based in Australia, but their operations and development team are conveniently located in Europe. Xfive fully deserves a position at the top of our best coding services list.

PSDgator

2

PSDgator is a small team that is capable of doing big things in theme design and development, PSD Conversion to HTML/CSS, jQuery, or various WordPress solutions. Send them your work in any of the common file formats, and they will get right on it. They will look over your project, and give you a free review and consultation before proceeding.

If it’s simply PSD to HTML you want, they will turn your design into hand-coded, pixel-perfect, W3C compliant code. If you want mobile responsive design they will give you a solution that will ensure your end users will get the most from your site. The green gator also loves providing WordPress solutions, working on Ecommerce designs, and converting PSD to Email templates.

Read the rest of this entry »

Make 2D and 3D Games with Superpowers & HTML5

Posted · Category: Tools

Superpowers is an HTML5 development environment for making 2D and 3D games. It can be extended with plugins and lets you collaborate in real-time. Superpowers is a downloadable HTML5 app. You can use it solo like a regular offline game maker, or setup a password and let friends join in on your project through their Web browser. It’s great for working together over long periods of time, for jamming over a weekend, or just for helping each other out with debugging!

687474703a2f2f692e696d6775722e636f6d2f6734694e6c456e2e706e67

Requirements: HTML5 Support Browser
Demo: http://superpowers-html5.com/index.en.html
License: ISC License

Streamlined Image Resizing for Social Media with Landscape

Posted · Category: Social, Tools

Landscape is a powerful image resizing tool designed to help social media marketers, content creators and business owners develop a standout presence in an increasingly visual social world. Their tool offers social media professionals an efficient way to produce multiple image sizes optimized for social media profiles, messages and campaigns – ultimately giving them more time to focus on what matters most: fostering engagement and authentic conversations through social.

landscape

Requirements: –
Demo: http://sproutsocial.com/landscape
License: License Free

Business Websites Examples and Tips – Where User Experience and Conversion Rate Optimization Meet

Posted · Category: Best Collections

Small business owners are not always savvy as how best to present their products or services online. The result, is too many business websites that look like most other websites, or websites which contain the right information, but it is not presented in a way that will attract and engage a visitor.

Professional web designers like you should do more than graphics and layout design, or create websites that function as expected.

You should create websites that foster excellent user experiences, and websites that are designed to optimize, and where possible, maximize, conversion rates.

In order to do this, you and your clients, have to know a website’s audience, and they have to know how to market products and services instead of merely showing or describing them.

Web Designers Should Be There to Help

1

You need to be aware of the fact that not all of your clients understand, or are prepared to handle, online marketing decisions. While these same clients want their businesses to be user centric, they do not always know how to make that happen in an online environment.

  • Web design needs to revolve around the user, rather than the website owner, and everyone on the design team needs to understand and buy into this concept.
  • Every business niche has its own set of rules. There is no such thing as a “one size fits all” business website. The basic UX rules are designed to draw in and engage visitors.
  • Certain commonplace rules, e.g., menu location, or shopping cart location, should be respected. Flashy design is rarely appropriate, as it tends to drive away more visitors than it attracts.
  • Content is still king, but only if used wisely. Content should never confuse the viewer. Instead, it should clearly demonstrate a business’s uniqueness.

Read the rest of this entry »

Page 1 of 212»
Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons