CSS BITE
-
Content Strategy: Optimizing Your Efforts For Success
Content strategy is a beast with many heads, names and trajectories. To approach it is to be sucked in full force. Even so, as crucial as content strategy is,…
-
How To Build A Media Site On WordPress (Part 1)
WordPress is amazing. With its growing popularity and continual development, it is becoming the tool of choice for many designers and developers. WordPress…
-
It’s not often that designers get to share their thoughts with other designers outside of an academic setting. Not too long ago our friends Anthony Harmon, Stephen Walker, Jennifer Cirpici, and Maebh Costello sat down to discuss their experiences within the design industry. They fielded a series of questions from Twitter users and recorded their discussion; shedding light on subjects including the best career advice they’ve received, where they draw their inspiration, their greatest personal and professional challenges, and less serious topics like their favorite films and whether being attractive helps build your career. This 40-minute discussion was the first time any of them had spoken to one another, but their mutual love for art and design made the conversation sound like they were old friends. Sit back, relax, and get a glimpse into the minds of these four up and coming creatives.
-
21 Examples of Parallax Scrolling in Web Design
Parallax is a difference in the in the apparent position of an object viewed along different lines of sight. The term derives from the Greek word parallaxis, meaning alteration. In web design, the parallax effect is a relatively new trend. The effect itself has been around for a while, but lately is becoming more used and talked about.
The Parallax effect or parallax scrolling in web design is the technique that features layered images that move around the website in different speeds/perspectives creating a nice and interesting 3D illusion. We gathered some examples of websites using the parallax effect to inspire you. This effect certainly makes scrolling around websites an interesting experience.
cultural solutions uk
Campaign Monitor is Hiring
-
Improving Usability with Fitts’ Law
Back in 1954, psychologist Paul Fitts published an article the detailed his theory on human mechanics as it pertained to aimed movement. It was Fitts’ observation that the action of pointing to or tapping an target object could be measured and predicted mathematically.
Fitts stated that the size of the target object along with its distance from the starting location could be directly measured, allowing him to model the ease at which a person could perform the same action with a different target object.
In 1954, this theory had no application for computers yet; however, it shouldn’t take a modern designer long to discover the powerful meaning this formula has in the context of user interfaces.
Because of this, Fitts’ law has become a staple in the field of human-computer interaction (HCI), and has become one of the most accepted guidelines in the industry.
Fitts’ law, at its simplest form, is common sense. The bigger an object and the closer it is to us, the easier it is to move to.
Fitts’ law is a model that can help designers make educated decisions in user interfaces and web page layouts. It can be used in conjunction with design theories such as visual weight to give user interface items proper hierarchy and placement.
Consider the potential financial gain generated by the proper design and placement of interactive buttons on e-commerce websites (such as add-to-cart buttons). For example, a study conducted on an e-commerce site showed a 34% increase in conversions simply by relocating the site’s add-to-cart button to the left navigation menu. Fitts’ law can be used as an aid to make educated decisions on the size and placement of user interface elements.
-
HTML5-Powered Web Applications: 19 Early Adopters
HTML5, rumored as Flash killer, is a brand new web technology that raises a revolution lead by Apple in web application development. It contains canvas element for images and animation drawings, support video and audio embedding, and includes storage database for offline web applications. Most important of all, you don’t need a plugin to get all these features, your latest browser supports that.
Sounds pretty cool, but what HTML5 can do actually? Well, this post is going to satisfy your curiosity about the power of HTML5 by showing you a series of practical HTML5-powered web applications such as drawing application, chart creating application and time management application. So there’s no technical document anymore, let your eyes witness the true potential of HTML5!
-
7 Ways Designers & Developers Can Optimize Sites for Search Engines
Web designers and developers have many responsibilities when it comes to building websites. From creating a solid layout for the front-end, to writing clean code so that the site runs bug free – there’s a lot involved. However, one thing that is often neglected and should fall on both the designer and developer is search engine optimization. Here are seven ways designers and developers can practice better SEO.
(Source: webdesignledger.com)
-
Free HTML Email Newsletter Templates with PSDs
A collection of stunning free html email newsletter templates with psd source files fromCampaignMonitor designed by world class famous designers like Veerle Pieters, Simon Collison, Mike Kus, Meagan Fisher and Elliot Jay Stocks.Every template has been thoroughly tested in more than 20 of the most popular email clients like Outlook 2010, Gmail, Lotus Notes, Apple Mail, the iPhone, and more. They’re ready to roll and are completely free; also include in each template a layered PSD source file.
Download all templates in one zip package or each separated, click here
-
35 Awesome CSS3 Examples And Helpful Resources For Web Designers
CSS3 is most likely the hottest trend in web designs right now, permit designers and developers the prospect to employ a many possibilities into their projects. The CSS3 has been designed to facilitate the web designer with tools to make the website visually more appealing and incorporate it with structurally more complex elements.
In this collection, we’ve collect awesome examples of CSS3, jQuery works from various designers portfolio with some helpful resources that are HTML5, CSS3 and jQuery tutorialsand techniques.
