WebAppers

/ best free open source web resources /

Shopify

Deal of the Week: Gesture Icon Set

Posted · Category: Information

Gesture icons are created to aid in the design and promotion of multi-touch interfaces. With the help of a nice set of gesture icons, you can design a professional tour guide for your applications easily.

There are total 70 vector icons in 64, 128, 256, 512px size. They come in AI, PSD & PNG format. Gesture Vector Icon Set includes common touchscreen interactions such as Tap, Double Tap, Drag, Slide, Hold/Pres, Swipe, Rotate, Press and Drag, Pinch, Spread. The Original price is $25. Opening Sale $9 for a limited time only.

gesture-f (1)

Modern.IE – Testing Tools for Web Developers

Posted · Category: Information

Microsoft has recently launched Modern.IE, aimed at simplifying the sometimes arduous process of getting websites to work in older versions of the company’s Internet Explorer web browser.

There is a site scanner that will look at your code and detect potential problems for older versions of IE. And there is a cross-browser testing tool and a set of guidelines for building sites with web standards. And there are other useful tools for web developers available too.

I do recommend checking out article: Cross Browser Development Standards & Interoperability Best Practices. That is a list of our 20 top coding patterns and practices that they’ve picked-up from attending endless conference sessions and reading hundreds of tutorials. Hope they’ll save you some time as you build.

modern-ie

Make Beautiful Websites with Startup Design Framework

Posted · Category: Information

Startup Design Framework contains components and complex blocks which can easily be integrated into almost any design. All of these components are made in the same style, and can easily be integrated into projects, allowing you to create hundreds of solutions for your future projects.

All components are responsive design with full mobile support. It works fine on devices supporting Retina Display as well. Best of all, each component is already coded for you with HTML5, CSS and LESS. The only thing you need to do is to pick your favorite components and then build them like Lego blocks. It’s fun and super easy.

startup

You can check out their demo version with some great examples of how you can build your website easily with Startup Design Framework. Read the rest of this entry »

The Best Fonts of 2013

Posted · Category: Information

A Best-Of list is just like a football team. You shouldn’t only take into account the best players as individuals, but the best team; the players that harmonize best. In the list of The Best Fonts of 2013, Typefacts have taken this into stride and tried to compile a well-balanced, harmonic yet diversified overview.

best-fonts-2013

Source: http://typefacts.com/news/die-besten-fonts-2013

100 Most Popular Code Pens of 2013

Posted · Category: Information

CodePen is a playground for the front end side of the web. It’s all about inspiration, education, and sharing. Need to build a reduced test case to demonstrate and figure out a bug? CodePen is great for that. Want to show off your latest creation and get feedback from your peers? CodePen is great for that.

These are The Most Popular Pens of 2013, as decided by their super fancy algorithm modified without the age penalty. All of them are very impressive, and I am sure you can learn something from them.

codepen

Source: http://codepen.io/2013/popular/

How to Use IndexedDB to Handle 3D WebGL Assets

Posted · Category: Information

In this article, I’d like to share everything I’ve been learning while developing the support for IndexedDB inside our 3D WebGL Babylon.JS game engine. Indeed, since 1.4.x, we’re now supporting storing & loading the JSON scenes containing our 3d meshes and their .PNG or .JPG textures as blobs from IndexedDB.

This article is built around my own experience on this topic. It’s based on the way I’ve solved the various issues I have encountered while working with IDB. You’ll then find some explanations & tips on what you must pay attention to when you’ll work with IndexedDB. I will also share how and why we’re using it inside our 3d WebGL engine. Still, this article may be helpful for anybody looking at IndexedDB in general. 3d gaming will just serve as an illustration of its usage.

Read the rest of this entry »

How to Write a 3D Soft Engine from Scratch – Part VI

Posted · Category: Information

Here is the final tutorial of this long series. We’re going to see how to apply a texture to a mesh by using mapping coordinates exported from Blender. If you’ve managed to understand the previous tutorials, it will just be some piece of cake to apply some textures. The main concept is once again to interpolate some data between each vertex. In the second part of this tutorial, we’ll see how to boost the performance of our rendering algorithm. For that, we’re going to only display visible faces by using a back-face culling approach. But to go even further, we will use our last secret weapon: the GPU.

You will then understand why OpenGL/WebGL and DirectX technologies are so important to make realtime 3D games. They help to use the GPU instead of the CPU to render our 3D objects. To really see the differences, we will load the exact same JSON file inside a WebGL 3D engine named Babylon.JS. The rendering will be far better and the FPS will be without any comparison, especially on low-end devices!

At the end of this tutorial, you will have this final rendering inside our CPU-based 3D software engine:

Read the rest of this entry »

How to Write a 3D Soft Engine from Scratch – Part V

Posted · Category: Information

We’re now going to discover probably the best part of the series: how to handle lightning! In the previous, we’ve fixed a random color per face to be able to see the mesh. We’re now going to change that to compute the angle between a light and each face to have a better illumination. The first algorithm reviewed is named the Flat Shading. It’s using per face normals. We will still see the polygons using this approach. But thanks to Gouraud Shading, we will go one step further. This one uses per vertex normals. It will then interpolate the color per pixel using 3 normals.

At the end of this tutorial, you should have this very cool rendering:

image

Read the rest of this entry »

Deal of the Week: 7 Fantastic Christmas Vector Deals

Posted · Category: Information

Christmas is getting close. If you’re looking to spread some Christmas cheer around, either through holiday cards, flyers, T-shirts, ads or various websites, then you’ll want to jingle all the way with this sensational offer. This Mighty Deal is a collection of 7 fantastic Christmas Vector Deals in one! In fact, you’re not just getting a ton of Christmas-themed resources at once, you’re also getting $880-worth of awesomeness for a mere $19.

It contains 10 colorful designs features gorgeous typography in an artistic style to help you easily get anyone into the Christmas spirit. An adorable collection of 20 colorful and cartoony Christmas-themed designs and icons. This professional set of hand-drawn Christmas greetings covers the holiday’s biggest characters and a lot of awesome design resources for Christmas.

christmas-bundle

How to Write a 3D Soft Engine from Scratch – Part IV B

Posted · Category: Information

In the previous tutorial, learning how to write a 3D software engine in C#, TS or JS – Rasterization & Z-Buffering, we’ve learned how to fill our triangles. As we’re CPU based with our 3D software engine, it really starts to cost a lot of CPU time. The good news is that today’s CPUs are multi-cores. We could then imagine using parallelism to boost the performance. We’re going to do that in C# only and I’ll explain why we won’t do it in HTML5. We’re also going to see some simple tips that could boost the performance in such rendering loop code. Indeed, we’re going to move from 5 FPS to 50 FPS, a 10X performance boost!

This tutorial is part of the following series:

1 – Writing the core logic for camera, mesh & device object
2 – Drawing lines and triangles to obtain a wireframe rendering
3 – Loading meshes exported from Blender in a JSON format
4 – Filling the triangle with rasterization and using a Z-Buffer
4b – Bonus: using tips & parallelism to boost the performance
5 – Handling light with Flat Shading & Gouraud Shading
6 – Applying textures, back-face culling and WebGL

In this tutorial, you will learn how to draw lines, what a face is and how cool is the Bresenham algorithm to draw some triangles. Read the rest of this entry »

Page 6 of 35«2345678910»...
Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons