webappers.com - Archives (décembre 2013)

Hunting the Best Open Source Resources for Web Developers

Handsome Bootstrap Themes Free for Download

Le: 31 12 2013 à 09:17 Auteur: Ray Cheung

Advertise here via BSA

Carlos works as a freelance theme crafter. He loves bootstrap & free stuff, that’s why he created BlackTie.co. There are some free handsome Bootstrap themes for everyone, and “free” doesn’t always mean crappy. If you need a good looking theme for your project, and have no money to afford a premium one, you came to [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Add Content Management Functionality to Any Sites

Le: 30 12 2013 à 08:03 Auteur: Ray Cheung

Advertise here via BSA

Cockpit was born out of the need of building a simple dynamic site. Sure, WordPress, Joomla, Drupal and all the other full-stack content management systems are possible solutions for that task, but if you just want to manage a simple site, they are just too bloated and too time consuming to setup and maintain. Cockpits [...]

Sponsors

Professional Web Icons for Your Websites and Applications

How to Create Beautiful Photosets with jQuery & CSS

Le: 27 12 2013 à 08:01 Auteur: Ray Cheung

Advertise here via BSA

Terry Mun has shared an tutorial for Creating Beautiful Photosets with jQuery and CSS. It fits into a fluid width layout. It is fully customisable, such that one can dictate the layout as desired, preferably in a straight forward, fuss-free manner. All images fit snugly into a single row, but their widths are adjusted accordingly [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Simple Loading Spinners Animated with CSS

Le: 26 12 2013 à 08:05 Auteur: Ray Cheung

Advertise here via BSA

SpinKit contains some simple but awesome loading spinners animated with CSS. They use CSS animations to create smooth and easily customizable animations. The goal is not to offer a solution that works in every browser. If you’re building a site with users running IE9 and below, you’ll want to detect support for the CSS animation [...]

Sponsors

Professional Web Icons for Your Websites and Applications

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

Le: 26 12 2013 à 08:01 Auteur: Ray Cheung

Advertise here via BSA

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 [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Myth – Pure CSS with Variables and Math Functions

Le: 25 12 2013 à 09:29 Auteur: Ray Cheung

Advertise here via BSA

Myth is a preprocess that lets you write pure CSS without having to worry about slow browser support, or even slow spec approval. It’s a like CSS polyfill. Myth lets you write pure CSS while still giving you the benefits of tools like LESS and Sass. You can still use variables and math functions, just [...]

Sponsors

Professional Web Icons for Your Websites and Applications

How to Add Interactive Snow Animation to Your Website

Le: 24 12 2013 à 10:46 Auteur: Ray Cheung

Advertise here via BSA

Would you like to add a beautiful interactive snow animation to your website? OXP created a plugin which helps you create and control festive snow on your website using HTML5 Canvas. There is an abstract interface to let you control how the snow behaves without diving into the source code. They have also added a [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Koa – Expressive Middleware for Node.js

Le: 24 12 2013 à 08:03 Auteur: Ray Cheung

Advertise here via BSA

Koa is a new web framework designed by the team behind Express, which aims to be a smaller, more expressive, and more robust foundation for web applications and APIs. Through leveraging generators Koa allows you to ditch callbacks and greatly increase error-handling. Koa does not bundle any middleware within core, and provides an elegant suite [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Free Templates for Social Networks Photoshop Plugin

Le: 23 12 2013 à 08:01 Auteur: Ray Cheung

Advertise here via BSA

Social Kit is fully sliced and customizable templates for your Facebook, Twitter, Google and YouTube channel. It includes cover images, profile pictures and ad banners in a free Photoshop plugin. Automatically updated upon every major or minor change of social site design. You can see your design changes right when you make them. The look [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Free Download: 471 Premium Design Resources

Le: 20 12 2013 à 08:50 Auteur: Ray Cheung

Advertise here via BSA

Inky Deals is one of the leading deals websites in the design community, with an extended family of more than 300,000 design enthusiasts. It?s the place to go if you want to buy premium resources at unbeatable prices, whether you?re a graphic or web designer, developer, or business owner looking to improve yourself and your [...]

Sponsors

Professional Web Icons for Your Websites and Applications

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

Le: 20 12 2013 à 08:33 Auteur: Ray Cheung

Advertise here via BSA

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 [...]

Sponsors

Professional Web Icons for Your Websites and Applications

How to Create a Justified Gallery with jQuery

Le: 19 12 2013 à 08:20 Auteur: Ray Cheung

Advertise here via BSA

Justified Gallery is a jQuery plugin that allows you to create a high quality justified gallery of images. Fill all the spaces. It automatically align images to a justified gallery keeping their original aspect ratio. The plugin is based on the concept that you have various thumbnails for a single image. In fact, you can [...]

Sponsors

Professional Web Icons for Your Websites and Applications

A Powerful, Scalable, Sass-based CSS Framework

Le: 18 12 2013 à 08:05 Auteur: Ray Cheung

Advertise here via BSA

inuit.css is a powerful, scalable CSS framework. It is a Sass based, Object Oriented framework that is full of objects and abstractions. inuit.css provides little-to-no design which means no undoing things, no deleting CSS and no adhering to other peoples’ design decisions. inuit.css is built on a BEM-style naming convention. It is ideally suited to [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Deal of the Week: 7 Fantastic Christmas Vector Deals

Le: 18 12 2013 à 08:03 Auteur: Ray Cheung

Advertise here via BSA

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 [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Share Designs & Work Together with Pixelapse

Le: 17 12 2013 à 09:34 Auteur: Ray Cheung

Advertise here via BSA

Pixelapse is the best place to share designs and work together. They build tools to improve the design process and make collaboration easier. Pixelapse simplifies version control and makes it accessible for designers to share and discuss their work with their friends, colleagues and the world. Every design iteration is automatically backed up as you [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Ultimate Xmas Gifts for Web Developers and Designers

Le: 17 12 2013 à 09:14 Auteur: Ray Cheung

Advertise here via BSA

A human is a creative creature. However, in most cases this creativity needs some tools to be implemented. This principle has a long history: some theories claim that in fact tools made apes evolve into human beings. Now the sticks and stones are exchanged by more refined instruments. Nevertheless, we still need them to develop [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Adaptive Backgrounds jQuery Plugin

Le: 16 12 2013 à 08:56 Auteur: Ray Cheung

Advertise here via BSA

Adaptive Backgrounds is a jQuery plugin for extracting dominant colors from images and applying it to its parent element. This plugin utlizes the <canvas> element and the ImageData object, and due to cross-site security limitations, the script will fail if one tries to extract the colors from an image not hosted on the current domain,unless the image allows for Cross Origin Resource [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Apply CSS Based on the Text Rasterizer and Antialiasing

Le: 16 12 2013 à 08:42 Auteur: Ray Cheung

Advertise here via BSA

Type Rendering Mix detects your browser’s text rasterizer and antialiasing method by parsing the user agent string. It will then add two classes to your HTML element. One class will describe the text rasterizer and the other is antialiasing method. Type Rendering Mix is useful in many situations. Let’s say you are using Proxima Nova [...]

Sponsors

Professional Web Icons for Your Websites and Applications

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

Le: 14 12 2013 à 16:35 Auteur: Ray Cheung

Advertise here via BSA

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 [...]

Sponsors

Professional Web Icons for Your Websites and Applications

A Set of Flat & 3D Progress Button Styles

Le: 13 12 2013 à 08:30 Auteur: Ray Cheung

Advertise here via BSA

Progress Button Styles is a set of flat and 3D progress button styles where the button itself serves as a progress indicator. 3D styles are used for showing the progress indication on one side of the button while rotating the button in perspective. Please note that they are using transitions on pseudo-elements which are still [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Dynatable: Interactive Table Plugin with jQuery & HTML5

Le: 13 12 2013 à 08:18 Auteur: Ray Cheung

Advertise here via BSA

Dynatable is a funner, semantic, interactive table plugin using jQuery, HTML5, and JSON. And it’s not just for tables. The purpose of Dynatable is to provide a simple, extensible API, which makes viewing and interacting with larger datasets easy. Dynatable provides a framework for implementing the most common elements out of the box, including sorting, [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Label Your Form Inputs with jQuery Label Better

Le: 12 12 2013 à 09:05 Auteur: Ray Cheung

Advertise here via BSA

jQuery Label Better helps you label your form input like a boss with beautiful animation and without taking up space. The uniqueness about this plugin is that all you have to do is add a placeholder text, and we will show the label only when the user needs it. To add this to your website, [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Plates – The Native PHP Template System that’s Fast

Le: 12 12 2013 à 08:55 Auteur: Ray Cheung

Advertise here via BSA

Plates is a native PHP template system that’s fast, easy to use and easy to extend. It’s inspired by the excellent Twig template engine and tries to bring modern template language functionality to native PHP templates. Plates is designed for developers who prefer to use native PHP templates over compiled templates, such as Twig or [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Feathers JS – Data Driven Services with Express

Le: 11 12 2013 à 08:18 Auteur: Ray Cheung

Advertise here via BSA

Feathers is a light weight web application framework that rides on top of Express, one of the most popular web frameworks for NodeJS. It makes it easy to create RESTful web services and real-time applications using socket.io. The core focus of Feathers is your data. They believe that ultimately your app’s purpose is to manage [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Free Download: 100 Christmas Vector Icons

Le: 11 12 2013 à 08:15 Auteur: Ray Cheung

Advertise here via BSA

Christmas is getting close. Christmas Day is celebrated as a major festival and public holiday in countries around the world, including many whose populations are mostly non-Christian. Many of you might be in the middle of the last minute Christmas newsletter design. Today, we have 100 beautiful Christmas vector icons for you. Christmas Vector icon [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Headroom.js Allows You to React to the User’s Scroll

Le: 10 12 2013 à 08:05 Auteur: Ray Cheung

Advertise here via BSA

Headroom.js is a lightweight, high-performance JS widget (with no dependencies!) that allows you to react to the user’s scroll. The header slides out of view when scrolling down and slides back in when scrolling up. Headroom.js allows you to bring elements into view when appropriate, and give focus to your content the rest of the [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Deal of the Week: 2,000+ Exclusive Unique Fonts

Le: 10 12 2013 à 08:03 Auteur: Ray Cheung

Advertise here via BSA

Tired of the same old looking fonts? Need to change up the text style in a presentation, print project or a graphic design project? Thanks to this 2,000 Exclusive Unique Fonts from MigthyDeals. That’s two Font Family bundles in one ginormous collection. There are more than 2,000 different fonts. Over 300 unique Font Families. The [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Effeckt.css: UI-less, Fast Transitions & Animations

Le: 09 12 2013 à 08:05 Auteur: Ray Cheung

Advertise here via BSA

Designing and developing UIs for the mobile web is tricky, but it’s extremely difficult to do that while delivering something that performs at 60fps. The best opportunities to getting jank-free transitions on phones/tablets are CSS transition and keyframe animation based, especially tapping into hardware-accelerated transforms and opacity changes. Effeckt.css is a collection of  fantastic experiments [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Node.app – Node.js for iOS Native Apps

Le: 09 12 2013 à 08:03 Auteur: Ray Cheung

Advertise here via BSA

Node.app is Node.js for iOS. It enables maximum code reuse and rapid innovation using this low-footprint, Node.js-compatible JavaScript API for your mobile apps. Your customers won’t even notice you aren’t developing native, unless you tell them. With Node.app you are using the same fast system functions just as with normal iOS code. In tens of [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Skytte – An Impressive HTML5 Shoot ‘em Up Game

Le: 06 12 2013 à 08:05 Auteur: Ray Cheung

Advertise here via BSA

Skytte is a 2D shooter game right in your browser. Implemented using the Canvas element and a ton of JavaScript. Skytte was created with our ever-lasting love for open-source and modern front-end technologies. It is classic, fast-paced horizontal scrolling shoot ‘em up developed in HTML5/Canvas and Vanilla JS. The idea was to explore new HTML5/Canvas capabilities [...]

Sponsors

Professional Web Icons for Your Websites and Applications

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

Le: 06 12 2013 à 08:03 Auteur: Ray Cheung

Advertise here via BSA

In the previous tutorial,learning how to write a 3D soft engine in C#, TS or JS – loading meshes exported from Blender, we’ve loaded a JSON file where our meshes were serialized from Blender. Up to now, our render function was drawing the meshes with only a simple wireframe rendering. We’re now going to see [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Flatastic Mobile UI Kit with Lots of Mobile UI Elements

Le: 05 12 2013 à 08:05 Auteur: Ray Cheung

Advertise here via BSA

Designers of mobile interfaces are becoming more prominent in today’s faced-paced web space. App designers are in high demand now particularly in user interface. UI design focuses on user experience and interaction, and while being easy-to-use is important for a successful mobile app. Flatastic Mobile UI Kit is a large user interface kit containing hundreds [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Design & Visual Culture for the Web Generation

Le: 05 12 2013 à 08:03 Auteur: Ray Cheung

Advertise here via BSA

Every designer needs inspiration once in a while, however finding inspiration is not always as simple as it sounds. The web is a wonderful thing, literally brimming with resources for people interested in the art and design. But, sometimes, too much choice can be confusing. We need the best one instead. I would like to [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Touch Gesture Icons v2 Released

Le: 04 12 2013 à 08:22 Auteur: Ray Cheung

Advertise here via BSA

Touch Gesture Icons v2 has just released with more new awesome gesture icons. Using Gesture icons is a wise way to guide your users through your applications. With the help of a nice set of gesture icons, you can design a professional tour guide for your applications easily. However, it is difficult to look for [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Examples of Image Caption Animations with CSS3

Le: 04 12 2013 à 08:13 Auteur: Ray Cheung

Advertise here via BSA

Here we have some exmaples of Image Caption Animations with CSS3 Transitions and Transforms. There is no Javascript used so it will work on modern browsers where CSS3 animations are supported. You can check the source code of the page to understand how the animation is working. Requirements: CSS3 Demo: http://hasinhayder.github.io/ImageCaptionHoverAnimation/ License: License Free

Sponsors

Professional Web Icons for Your Websites and Applications

Typepick – An Online Order Page Builder

Le: 03 12 2013 à 08:04 Auteur: Ray Cheung

Advertise here via BSA

Typepick is a simple a webpage builder that you can use to create an online order page for your products or services. You can provide a questionnaire for customers to tell you exactly what they need. You can also set up a product customization wizard and online survey. At any time you can click the [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Deal of the Week: 850+ Vector Icons with Web Fonts

Le: 02 12 2013 à 12:28 Auteur: Ray Cheung

Advertise here via BSA

PictoFoundry Elite Pro gets you all 852 premium icon fonts in one epic pack. The master vector files are include in .AI + .EPS + .PDF formats. Neatly layered, Infinitely scalable. This icon set is also a collection of web fonts, so you can simply use basic CSS to control how they look on your [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Echo.js – Simple JavaScript Image Lazy Loading Plugin

Le: 02 12 2013 à 08:03 Auteur: Ray Cheung

Advertise here via BSA

Echo is a standalone JavaScript lazy-loading image tool. Echo is fast and uses HTML5 data-* attributes. Echo works in IE8+. Echo.js is probably as simple as image lazy loading gets, it’s less than 1KB minified and is library agnostic (no jQuery/Zepto/other). Lazy-loading works by only loading the assets needed when the elements ‘would’ be in [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Flux (rss): http://feeds.feedburner.com/Webappers?format=xml