Articles Archive

amp-lede

Why I Love Ampersands & You Should Too

ampersands

Without a doubt, the most beautiful character in the English language is the ampersand. The single character comes in so many fashions – from the simple & to the casual E- to t-style representations.

But where did this character come from? What does it mean? And most importantly how can you take advantage of using it in your design projects? Here we will take a look at my favorite character from its history to uses and a gallery of great ampersands to inspire you.

February 10th, 2014 Posted in Typography
wid-feb7

This Week in Design: Feb. 7, 2014

week in design

Nothing tends to create more buzz than a popular website undergoing a redesign or design tweak. And that’s just what happened with Twitter earlier this week as the major news in the world of design. So much so that Twitter is still dominating many design conversations around the globe.

Every week, we plan to a look at major product releases and upgrades, tools and tricks and even some of the most popular things you are talking about on social media. And we’d love to hear what’s going on in your world as well. Have we missed anything? Drop me a line at carrie@designshack.net.

February 7th, 2014 Posted in This Week in Design
ghosttemplates

30+ Free & Premium Ghost Themes & Templates

ghosttemplates

The Ghost platform is growing quickly, and shaping up to be a fantastic blogging platform for designers and developers alike. It’s built on a powerful framework, and we’re starting to see a wonderful array of Ghost themes and templates cropping up from dozens of designers.

Today we’ve rounded up a collection of over 30 of our favourite Ghost themes, designs, and templates for you to browse through. Some of these are free, and some are commercial (but all under $25, which is something of a steal!). We hope you find something that fits what you’re looking for!

February 6th, 2014 Posted in Inspiration
featured-vcard-tutorial-preview

Coding a Responsive Mini vCard Webpage

tutorial screenshot vcard portfolio layout preview

The use of online portfolios has become a popular choice by many digital artists. The goal would be showcasing yourself and your skills to anyone curious, maybe hiring companies or potential clients. Another simpler way to accomplish this task is to create your own digital vCard page. It’s usually a single page containing a brief resume, your work experience, and some interesting tidbits about yourself.

In this tutorial I want to demonstrate how to build a simple tabbed webpage layout in the style of a simplistic portfolio. We can incorporate jQuery fade effects to switch between the tabs, sticking to a formal responsive design. Take a peek at my live sample demo to see what the final product looks like.

February 5th, 2014 Posted in CSS
long-shadow

10 Design Trends I Don’t Want to See in 2014

not trends

We talk a lot about emerging trends and how to make them work in a variety of design projects. But there are some design techniques that I am, quite frankly, sick of seeing. They are overused, overdone and just not effective anymore. (And if you use them, you risk having a design that looks like a lot of other stuff out there.)

Today, we’re going to take a look at 10 design trends that have outlasted their time. Do yourself a favor and really think about removing each of these tricks from your 2014 projects.

February 3rd, 2014 Posted in Layouts
wid-jan31

This Week in Design: Jan. 31, 2014

week in design

This week the talk in the design world has hopped around from everything to a new logo-making tool, to the announcement of this year’s Smashing Conference, to the breakup of a pair of typography icons. And we even found a few great design deals to share as well.

Every week, we plan to a look at major product releases and upgrades, tools and tricks and even some of the most popular things you are talking about on social media. And we’d love to hear what’s going on in your world as well. Have we missed anything? Drop me a line at carrie@designshack.net.

January 31st, 2014 Posted in This Week in Design
greenman

Optimising Front End Performance for Mobile Devices

greenman

Most front-end developers will be familiar with at least some of the options available to them when it comes to enhancing front end performance. Performance in this sense is not referring to the speed at which a given page loads, but instead how smooth and responsive it feels when a user interacts with it. A specific example would be the frame rate a user experiences when scrolling down your home page; if it’s consistently high, then performance is considered good.

There is a chance you may not have experienced a need to address performance issues before. Maybe you haven’t worked on a site that has suffered from such issues, or maybe removing that small bit of lag or recovering those dropped frames just isn’t at the top of your priorities. Either way, with the increasing amount of animation and complex styles being built into modern websites coupled with the adaptation of responsive design, there is a high chance you’ll run into sluggish mobile performance at some point. This article will suggest a few things to consider when working on websites and web apps that need to balance complexity and performance when running on less powerful mobile devices.

January 29th, 2014 Posted in Accessibility
copyright-lede

Understanding Design Copyrights and Trademarks

copyright

Not that long ago we entertained a discussion about design plagiarism here on Design Shack, but what does it mean if your work is stolen? How do you even know if your work is protected? And moreover, what can you do about it?

That’s where the protection of copyrights and trademarks come in. But what are they? And how do they apply to your designed work? Let’s take a look.

January 27th, 2014 Posted in Business
week-in-design-1

This Week in Design: Jan. 24, 2014

week in design

Today, we are starting a new feature at Design Shack and plan to bring you a roundup of everything new, cool and fun in the creative sphere each week. We’ll take a look at major product releases and upgrades, tools and tricks and even some of the most popular things you are talking about on social media.

And we’d love to hear what’s going on in your world as well. Have we missed anything? Drop me a line at carrie@designshack.net.

January 24th, 2014 Posted in This Week in Design
mailchimp-custom-form-tutorial-preview

Customize Your Own MailChimp E-Mail Newsletter Signup Form

tutorial screenshot mailchimp customize css howto optin form

If you’ve ever signed up for an email subscription you should know about MailChimp. It’s a company which helps webmasters and marketers deliver newsletters and other similar campaigns. They provide some HTML templates to use for signup forms and confirmation pages, but these are so generic that most subscribers are bored of this same interface.

I’d like to demonstrate how to customize the MailChimp signup form into something more unique. Everything is based off the original MailChimp HTML/CSS code and the form submission will use Ajax. It sounds complicated but the whole process is simpler than you might expect. Take a look at my sample demo to get an idea of the full tutorial.

January 22nd, 2014 Posted in CSS
Subscribe
Membership