Images have always been the heaviest component of websites. Even if high-speed Internet access gets cheaper and more widely available, websites will get heavier more quickly. If you really care about your visitors, then spend some time deciding between good-quality images that are bigger in size and poorer-quality images that download more quickly.
In this Psd Premium tutorial, author Ed Lopez will demonstrate how to create an earthy 3D typographic piece using Photoshop’s 3D tools.
Let’s have some fun with CSS selectors, properties, and values. All the rule sets shown here contain valid CSS that represent things in real life.
A few sensitive subjects represented here, but they’re not meant to cause offence. Just some CSS silliness. Enjoy.
Read MorePhotoshop is great because it allows us to create scenes that wouldn’t otherwise be possible in real life. In this tutorial we will combine several stock images to create a floating over-grown tree house in Photoshop.
Read MoreShortcodes are real time-savers for all WordPress users. They allow you to do complex tasks easily, just by inserting the shortcode in your post editor. Today, I’m glad to show you 10 new and super useful WordPress shortcodes to boost your productivity!
Today we want to share a simple circular content carousel with you. The idea is to have some content boxes that we can slide infinitely (circular). When clicking on the “more” link, the respective item moves to the left and a content area will slide out. Now we can navigate through the carousel where each step will reveal the next or previous content box with its expanded content. Clicking on the closing cross will slide the expanded content area back in and animate the item to its original position.
By now, we all know that we should be using HTML5 to build websites. The discussion now is moving on to how to use HTML5 correctly. One important part of HTML5 that is still not widely understood is sectioning content: section, article, aside and nav. To understand sectioning content, we need to grasp the document outlining algorithm.
Photography is one of your most powerful resources as a designer. Here we’ll take a look at some clever and unique ways to create photo-centric designs using multiple images. It’s always nice to keep your content to a minimum in order to maintain a clean, easy to scan page. Using one primary image with some accompanying text is a simple model that works for a lot of purposes, but when you’re designing for real world clients you often have an entire folder full of resources that you’re expected to use.
A short time ago Louis Lazaris wrote an article that broke down the syntax for coding CSS3 linear gradients from scratch. Once you get the hang of them, linear gradients are pretty simple to code. Radial gradients, on the other hand, are a little more complex.
So let’s finish off what he started in that earlier post and go through the syntax for radial gradients.
Read More