Group items tagged

Responsive Web design has been around for some years now, and it was a hot topic in 2012. Many well-known people such as Brad Frost and Luke Wroblewski have a lot of experience with it and have helped us make huge improvements in the field. But there's still a whole lot to do.

CSS background animation has been a hot topic for a long time, mostly because they look pretty sweet and don't require additional elements. I was recently asked if it was possible to have multiple background animations on a given element and the answer is yes...with concessions. Let's take a look at how it's done!

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.

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.

With WordPress powered website, it is possible you can instantly transform your site into a powerful learning management system with different WordPress Plugins and Themes. With a click of a button you can create and sell courses, set-up quizzes, automatically award certificates, and download robust user activity reports. In the following list you will find WordPress Plugins and Themes to run your own LMS on your own.

WordPress themes have become popular across the world, as it is best suited for building websites with attractive themes and templates. To make WordPress even more lucrative and user friendly, Bootstrap framework is utilized which helps in developing innovative and creative applications and websites. With different bootstrap frameworks, it has become easy to create a website, which is responsive and comprehensive in every manner. Amidst different bootstrap frameworks, twitter bootstrap framework has become quite popular.

The trend of blogging is at its peak, these days' people are establishing blogs for personal and professional reasons. Individuals create blog to share information, to communicate with the users and to have an online presence as compare to that professional organization set up blog to interact with their customers and share latest news about the company, so everyone has its own reasons. WordPress is the most powerful blogging tool so far, it offers variety of features to support bloggers. It is an open source CMS developed in PHP and has the largest community online.

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.

When you work on your freelance jobs each day, you would go to your work station and see the usual place which you consider your own spot. But is your working environment healthy and positive? Does it affect your work performance? Well, we only hear of working environment if we speak of office work where co-workers exist and the bosses are there. You could picture a scene where everyone are in business suit and are working on their own cubicles or tables. In a big office, work environment would include good relationship with co-workers and a happy environment no matter how busy each one is. It also includes respect to each member of the company.

Whenever I have to develop a specific and focused library like this, I like to start with the outcome of, how do I want this to work? So, we can begin by writing down some of the features that we'd like it to have: The ability to load different pages according to the URI Reading parameters from the URI (placeholders) Keeping the pages dynamic as per the Meteor standard That looks pretty good. Now after looking over these features, you may think they are pretty similar to a 'router' type of library and I agree. So, let's take a look at how our 'router' library would work in action:

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).

There's a debate over which technique of creating mobile-ready websites is the best. Google advocates creating responsive web designs, while Jakob Nielsen, a renowned usability consultant, endorses the creation of dedicated mobile sites (but he was subsequently slammed by some web designers).

In this video post I will guide you through the whole process of how to create a responsive WordPress site without you touching a single code. Well, at least for the first part. The first video focuses on how to setup a responsive WordPress site using Bluehost as your host, and along with it is a special discount for 1WD readers.

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.

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.

There are 20 important parts one needs to take into account when designing a custom WordPress theme. This guide will introduce you to different areas of theme development. Let's get started.

Adobe InDesign is a desktop publishing program that can be used to create works of all kinds - books, newspapers, magazines, flyers, brochures, posters and more. Used with another Adobe product, Digital Publishing Suite, it can also be utilized for publishing content adopted for tablet devices. In certain respects, however, it is not the best of its kind: Each of the ten applications described below is superior to it in one way or another.