/ best free open source web resources /


Deal of the Week: Ultimate WordPress Theme Builder

Posted · Category: Information

Sure you’ve got the ideas, but you don’t have any programming experience, and you do not know how to setup a basic blog on WordPress. Now you can now get yourself up and running quickly thanks to Ultimatum. This robust drag-and-drop template builder works with WordPress to create limitless layouts for your site. No need to ever hunt down another template again. With Ultimatum you can easily just create a new one.

The Ultimatum Developer’s Edition gives you everything you need to make your mark on the Internet. Besides a true drag-and-drop layout builder, you’ll be able to use unlimited templates on your sites, access a powerful Style Editor for countless CSS options, as well as integrate unlimited fonts, forms, slideshows and SEO throughout all of your sites.

Best of all? You can grab the full featured Ultimatum Developer’s Edition for just $57 right now! That’s more than 50% off the standard price of $125, or if you’re just looking for a more basic Starter License for a single site, it’ll run you just $35, instead of the normal $65.

CSS3 Selectors: Structural Pseudo-Classes Part 1

Posted · Category: Information

Today’s front-end developers don’t just need to understand how to write CSS, we need to know how to write it efficiently. And what “efficiently” means can depend on your project and environment. Perhaps you have a team with several members working in the CSS and you need an efficient way to work together. Or maybe you have a huge enterprise site and you need your CSS optimized for speed. You could even be working with a legacy system that restricts access to HTML, which means you need efficient selectors to effectively style elements without ids or classes. You might even face all these situations and more.

Whatever your goals for CSS are, the best way to reach them is to know your options, and that means understanding all the selectors available to you. Most of us are already familiar with id and class selectors, and I introduced you to the beauty of attribute selectors in “Understanding CSS Selectors.” But there’s so much more.

In this two-part series, I’ll look at the new selectors in CSS3, starting with structural pseudo-classes.

What’s a Pseudo-Class?

CSS pseudo-classes target elements that can’t be targeted with combinators or simple selectors like id or class. You use pseudo-classes to select elements based on their attributes, states, and relative position. For example, you are probably already familiar with pseudo-classes for link states: Read the rest of this entry »

Fabric.js: A Powerful & Simple JavaScript Canvas Library

Posted · Category: Information

In this article, I’ll introduce you to Fabric.js—a powerful JavaScript library that makes working with the HTML5 canvas element a breeze. Fabric provides a missing object model for canvas, as well as an SVG parser, a layer of interactivity, and a whole suite of other indispensable tools. It is a fully open-source project, licensed under MIT, with many contributions over the years.

I started developing with Fabric three years ago after discovering the pains of working with the native canvas API. I was creating an interactive design editor for printio.ru—my startup that allows users to design their own apparel. The kind of interactivity I wanted existed only in Flash apps in those days. Now, very few libraries come close to what is possible with Fabric, so let’s take a closer look.

Why Fabric?

Canvas allows you to create some absolutely amazing graphics on the Web these days, but the API it provides is disappointingly low level. It’s one thing if you simply want to draw a few basic shapes on a canvas and forget about them. If you need any kind of interaction, to change a picture at any point, or to draw more complex shapes, the situation changes dramatically. Fabric aims to solve this problem.


Native canvas methods allow you only to fire off simple graphic commands, blindly modifying the entire canvas bitmap. Do you want to draw a rectangle? Use fillRect(left, top, width, height). Want to draw a line? Use a combination of moveTo(left, top) and lineTo(x, y). It’s as if you’re painting a canvas with a brush, layering more and more oil or acrylic on top, with very little control. Read the rest of this entry »

Deal of the Week: 17 Awesome WordPress Themes

Posted · Category: Information

Whether you’re starting a number of websites yourself or you’re a Web Designer constantly creating new websites for clients, if you use WordPress, you know there are countless themes available. While WordPress themes are always quite customizable, it’s so much easier to just find what you’re looking for somewhere else. But it can be quite time consuming if you have a particular need outside of a generic theme.

That’s why this Mighty Deal from DXThemes is perfect for you as it contains 17 different WordPress themes covering a wide range of categories. Save yourself time and especially money by just grabbing this bundle and getting your themes up and running in a matter of minutes.


This massive collection of high-quality WordPress themes normally costs $289, but for a limited time only, you can get all 17 premium themes included in this bundle for just $17. That’s over 90% off the regular price and works out to just $1 per theme.

The Foundation for Responsive Design – Flexibility

Posted · Category: Information

If you haven’t been living under a rock for the past year or so, you know that responsive Web design is one of the biggest trends these days. Introduced by Ethan Marcotte, the concept is simple: develop a site using methods that enable it to adapt and respond to different devices and resolutions.

When I first learned of this, I was instantly intrigued — particularly with the notion of using media queries, which I immediately applied to my own freelance site. I even wrote an article about the process: “Respond to Different Devices with CSS3 Media Queries.” (I strongly encourage you to read that article before delving further into this one. Go ahead. I’ll wait.)

As a result of my first media queries endeavor, I quickly realized I was missing a key part of the responsive design equation: flexibility.

Challenges with Fixed Widths

My freelance site is a fixed-width design, meaning all the width, margin and padding settings are specified in pixels. Traditionally, this has been my preference when building sites because it’s easier and faster for me.

But when writing the media queries for my fixed-width site, those easier and faster aspects rapidly disappeared. Why? Because with a fixed-width design, I found that I needed extremely detailed and verbose media queries to adjust for every single pixel value in my CSS. I was basically creating an entirely new layout for every potential resolution. Not easy. Not fast. Not fun.

Then I had the pleasure of listening to Mr. Marcotte speak at In Control 2011. He discussed responsive design as a theory and then dove into practicalities, like the fluid grid. Read the rest of this entry »

Getting More Visibility of Your Site in Windows 8

Posted · Category: Information

The Windows 8 Start screen is the best place to find and stay connected to all your favorite apps and content. App tiles are alive with activity and show you fresh and tailored content so you know what’s new in your world.

We’ve written about the Internet Explorer 10 browsing experience on Windows 8. This articles shows you how to put your site logo right next to apps on the Windows 8 Start Screen—complete with site-centric visuals and badge notifications to let you know there is new content. I’ll also walk through the few lines of code you need take your site from looking like the left tile…to the right tile here:

Pinned Sites – More than Favorites

Consumers on Windows spend most of their time on the Web and we know from Windows opt-in telemetry (officially, the Microsoft Customer Experience Improvement Program), that they go back to the same set of sites time and again. Pinned sites on Windows 8 make it fast and easy to immediately get to your sites. With badge notifications, site tiles come alive with up-to-date information and help you know when new content is available. Read the rest of this entry »

Deal of the Week: Verb Font Family with 18 Fonts

Posted · Category: Information

Fonts. Most people probably don’t give them a second thought. But if you’re a designer, you pretty much view the world through font-colored glasses.

Graphic artists know that the right font can elicit the perfect mood from your users. Finding the right one, however, can sometimes be tricky. If you’re looking for something new, it can be an exhausting hunt. Luckily, you’ve got us on your side! And with this action-packed Mighty Deal from Yellow Design Studio, you can get your designing mitts on the custom-made Verb Font Family, and save money too.

The Verb font family normally sells for $270 (Desktop or Web Font versions), but for a limited time only, you can grab either the Desktop or Web font version of Verb for just $9!. That’s an insane 97% off the regular price.


Infographic: Are You a Geek or a Hipster?

Posted · Category: Information

Geeks and Hipsters: mortal enemies locked in an eternal struggle over irony versus earnestness. But, how different are they?

Geeks are obsessive and their love is genuine. Geeks love their franchises not because of how ironically fashionable they are but because of the subjective impression they left on the individual. A geek’s love is genuine while a hipster’s is trendy.

Hipsters are dismissive. They sort through the detritus of pop culture, appropriate what they find appealing in its quirkiness, cultivating an aesthetic that considers all but allows surprisingly little. They are ironic and thrive in their vintage lifestyles. Because of hipsters, the geek culture is returning to the mainstream but for different reasons.

Click to Enlarge


Source: http://www.becomecareer.com/geeks-hipsters/

Exploring Device Orientation and Motion API

Posted · Category: Information

Web standards are always changing. Like WebSockets, yesterday’s prototypes become tomorrow’s mature standards. One of the latest prototypes that’s gaining momentum in standards bodies is the implementation of the W3C DeviceOrientation Event Specification draft on HTML5Labs.com. This specification defines new DOM events that provide information about the physical orientation and motion of a device. Such APIs will let Web developers easily deliver advanced Web user experiences leveraging modern devices’ sensors.

With the Device Orientation API, developers can explore new input mechanisms for games, new gestures for apps (such as “shake to clear the screen” or “tilt to zoom”) or even augmented reality experiences. The prototype’s installation includes a sample game to get you started in understanding the API.

How This Works

The Device Orientation API exposes two different types of sensor data: orientation and motion.

When the physical orientation of the device is changed (e.g. the user tilts or rotates it), the deviceorientation event is fired at the window and supplies the alpha, beta, and gamma angles of rotation (expressed in degrees):

Read the rest of this entry »

Interview with Davin Wilfrid of Future Insights

Posted · Category: Information

Davin Wilfrid – Product Director/Community Manager, Future Insights

As community manager and event emcee, Davin is in charge of keeping the party going by bringing all the cool content from Future Insights conferences to the Future Insights site.

1. How did Future Insights get its start?

Future Insights started as Carsonified conferences. The founder of Carsonified, Ryan Carson, sold his conference business to focus full time on Treehouse, a fantastic service that teaches you to code through interactive tutorials. Carsonified had produced tech conferences for years, so we’ve still got a ton of institutional memory and the great conference producers who made the Future of Web Design, Future of Web Apps, Future of Mobile, and Future Insights Live conferences a success.

2. How do you differentiate Future Insights and other similar events and conferences?

There are a few ways. First, all we do is produce tech conferences, so we spend 100% of our time researching the right content, finding the best speakers available, and planning things to ensure people get every dime of value for the price of their ticket. Second, the scope of our events tends to be larger than others. Instead of sticking people in one room for two days, we usually plan out two or three (or five, in the case of Future Insights Live) different tracks in different rooms. This gives people more options on site. Third, we professionally record every session at our events, and make them available to attendees after the fact. This way you never really miss a thing.


Read the rest of this entry »

Page 17 of 37...«131415161718192021»...
Supported By


Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons