Group items tagged

Transitions (basic animations) are one of the most popular additions in CSS3, and one of the easiest to implement for big gains on your site. A transition is simply an animation from one set of CSS properties to another. So for example; whilst before you may have had links with blue text, which suddenly turned orange when you hovered on them, you would now replace that sudden jump with a more graceful animation.

The very first version of WordPress was released 10 years ago today, and there are meetups happening all over the world to celebrate, probably even one in your area! Here on Wptuts+, I'd also like to take a look at how far WordPress has come since its initial release.

Have you ever wondered what it takes to power your favorite websites? In this inforgraphic we take a look at some datacenter history, today's largest datacenteres, and some of today's greenest datacenters. A datacenter is a facility that is designed and built specifically to house computers, storage arrays, and telecommunications (networking) systems. Some datacenters have incredible security measures to protect what is inside, and the largest datacenters are known to use more electricity than entire towns. Exact locations of datacenters are generally kept secret for security, but here are some interesting facts about them.

The thing about design patterns is that there is a wide variety of them and it would be near impossible to do justice to each of the patterns in a series here on the blog. Nonetheless, hopefully taking a look at these three have helped kickstart your interest in using design patterns in your work.

Semi Permanent was started in Sydney in 2003 by Australians Andrew Johnstone and Murray Bell and has since become an international annual conference, spanning across 5 counties and 9 cities including London, Los Angeles and Stockholm. Semi Permanent is now synonymous with assembling industry leaders from all creative fields to present their work, inspirations, processes, insights and to simply share their creative journey with fellow peers over two jam-packed days. As always, there was an impressive showcase of amazing work that spanned across Graphic Design, Film, Animation, Motion Graphics, Architecture and Visual Effects. Illustration, Photography and Graffiti. Photographer Max Doyle showcased his diverse talent by entertaining us with a live jam of one of his songs. And of course it wouldn't be a design conference without the guys from Stab Magazine firing t-shirts into the crowd from a canon.

Want to remove the background from an image and just focus on the subject? That's easy, just Photoshop it. Don't know Photoshop? Well, that's a problem now, isn't it? Not with Clipping Magic, it's not. In fact, by the end of this post, some of us who know Photoshop may even opt to use Clipping Magic instead.

MadL toys are one type of vinyl toys where its design can be customized according to the taste of its designer. It has a square shaped head and a semicircular ears on both sides. It can be bought in different sizes depending on how big or small you want it. For this post, we will be featuring 30 Cool MadL Toy Designs for Inspiration. This includes some of the coolest designs made by different talented artists. With the of skill, talent, and playful imagination, they were able to create their own awesome designs they could be proud of. So come, take a peek, and enjoy.

Playground is a Prague-based production studio that often mixes 3D renders, photography, and concept art to create really amazing composite images. In this article, we will show a few of our favorite works from their portfolio, as well as a few progress images for some of the pieces.

Here is a tool that is all about making it easier for developers and website owners to have email integrated into their websites. PostMark is a web app which removes the headaches of delivering and parsing transactional email for web apps, all with minimal setup time and zero maintenance. It is designed for web developers to integrate quality email functionality into their web apps easily without having to setup an SMTP server from nearly scratch. Let's take a look at the features of PostMark, how to use it, the advantages and disadvantages of PostMark.

Here is a tool that is all about making it easier for developers and website owners to have email integrated into their websites. PostMark is a web app which removes the headaches of delivering and parsing transactional email for web apps, all with minimal setup time and zero maintenance. It is designed for web developers to integrate quality email functionality into their web apps easily without having to setup an SMTP server from nearly scratch. Let's take a look at the features of PostMark, how to use it, the advantages and disadvantages of PostMark.

I do a lot of things, but I'm guessing you want to know more about my professional life. I mostly keep myself busy designing interactive and digital stuff, and I've been doing that for about 6 years. I also like to look over other people's shoulders and tell them they need to align something or make something or other red. Aside from that I like to do explorations with abstract geometry, patterns and typography. Some call it art, or at least want to put it on their walls or albums covers. It' s a lot of fun, and it gives some variety to my usual work of designing menus and layouts.

In this tutorial we will take a close look at the technique of creating blend objects that will help us to create smooth color transitions. We'll also talk about the problems you may encounter and about the technique that will allow you to avoid unpleasant artifacts. Using the Blend Tool (W), we can obtain smooth transitions between colors, obtaining the shadows, glares, or simply color spots. Artworks below are examples in which blend objects were mostly used. Source: http://designmodo.com/color-transition-blend-tool/#ixzz2VR9hJtOF

When I started writing this, the idea of a skyscraper construction project came to mind. I thought of a huge skyscraper with restaurants, retail stores, offices, gyms, and residential spaces - a large self-contained, compact community all by itself.

PowerShell is Microsoft's task automation framework, consisting of a command-line shell, an integrated scripting environment (ISE), a scripting language built on .NET Framework, an API allowing you to host PowerShell in your .NET applications, and it is a distributed automation platform. PowerShell provides full access to COM and WMI, enabling you to perform tasks on both local and remote Windows systems. PowerShell is a new breed platform for automation, in that it solves administration and adaptability challenges by seamlessly integrating the .NET Framework. It's good for developers, administrators, testers and more. Based on .NET, the tool drives down costs, while providing developers and administrators a simple and enterprise-ready way to automate, measure and improve all of their processes.

Make Colloidal Silver for pennies per gallon. Premium Quality! With wearable gadgets like Google Glass and Memoto, taking firsthand videos or snapshots of what you are doing is real easy these days. But today we are going to show you a mind-boggling new way of taking videos, 360 degrees wide. Check out this video (if you want to skip to the gist, go to 0:35).

Over the last three years, responsive web design has been gaining popularity and is now considered to be one of the best ways to design websites that look great on any device: from smartphones to smart TVs. In this hand-picked collection, you'll find dozens of beautiful responsive sites in every category, and I hope you'll find them as inspiring as our team does. The screenshots on the left were taken on a tablet and the ones on the right were taken on a smartphone.

The World Wide Web gives anyone the chance to reach a truly global audience. But there's a lot more to successfully doing so than simply setting up a single English language site and hoping for the best. English is still the most commonly used language on the internet. An analysis of the technologies used in website construction suggests that over half of all sites on the web today are in English. If we take a look at the languages used by surfers however, English still comes out on top but only marginally. Around 27% of internet users speak English compared to 25% who speak Chinese, while Arabic, Portuguese and Spanish are all experiencing rapid growth. This is due largely to increasing internet penetration rates in developing countries (with Latin America accounting for the large rise in Spanish and Portuguese).

Responsive web design is undoubtedly a rapidly growing trend right now, the increasing tablet and mobile device usage has definitely been an ingredient in the success of web responsiveness. It would not be surprising to see the majority of popular websites adapt responsive web designs in the near future.

The pseudo-classes are used to target elements without having to add extra classes, attributes or ID; that is why it is called in that way, pseudo-class. Throughout our previous posts, we have covered a few new CSS3 pseudo-classes, including :not, :before and :after, :first-of-type and we also use pseudo-classes in ...

Adaptive design has evolved from being a strong trend to become a reality of the web today. In a world that has been conquered by mobile devices over the past two decades, no one now understands a website that cannot be viewed on different screen resolutions, or at the very least the minimum provided on smartphones and tablets.

PSD Mockup Designs Boost Your Productivity For most designers, the effort of creating great work comes in the form of working in 2D for hours or days within Photoshop. Brand designs for beverage cans, books, cereal, brochures and even software are painstakingly crafted with excruciating detail.