Category: Web Design


Speed Up Your Website with CSS

With more customers using mobile to access your sites, it just makes sense to make sure you have blazing fast load times. Customers on mobile will click off after just 2 seconds if your site does not load.

One of the things you can do to have faster load times is to minimize the amount of JavaScript or jQuery used. So how do you balance the awesome effects leveraged with these tools against the needed load time? Use more CSS transitions and animations in your site.

CSS has really expanded the range of effects possible without additional load on end users. One very popular effect for responsive design is the slide out menu. This effect allows users to have instant access to the menu with one hand and no fumbling!

This excellent video courtesy of Codecourse shows how to create a great slide out menu with only CSS and HTML. No snippets, no JavaScript at all. This video rocks and will take you to the next level as a designer. And if you want a great mobile website with this effect, contact DKemp Designs, we’ll be happy to help.

The website BerArt posted an infographic showing 50 of the things we don’t do that used to be daily habits. Many of these innovations came not just from the technology that made it possible, but from the design of devices that made it convenient.

Design affects so many of our activities and choices it should not be taken for granted. So if you are a business owner, be sure you utilize a solid designer like DKemp Designs, for marketing and web design. Stand out from the pack and get your customers in the door with design that reflects your business and goals. Make sure all your marketing is mobile ready and check out the infographic below and see how many of these things you still do on a regular basis.

 

DKemp Designs technology

Credit: BerArt

A Special Valentine

Techsnoop knows that not everyone has a “Plus One” for the Valentine’s Day festivities. So here is a special animated shout out to everyone still looking for that special person who understands design is a lifestyle not a job. And if you want regular design news, updates and freebies, sign up for our bi-monthly newsletter. Techsnoop does not share, sell or promote your email to anyone. Our newsletter is just for news and free goodies. In March we will have a random drawing for a design package.

And feel free to share this Valentine on Pinterest and other platforms, just please credit DKemp Designs.

Happy Valentine’s Day!

Techsnoop Valentine

 

Design is the most wonderful job on the planet. The process of creatively solving client challenges with elegance is satisfying on many levels. Unfortunately, the down side is that many clients do not understand the process or the end product. This makes the process way more difficult than it should be. Techsnoop is sharing a cute video courtesy of Go Media that highlights the dark side of design.

Comment below if you enjoy this and can relate.

 

If you are a designer, you know responsive is the keyword of the decade. When designing for yourself or clients, everything must incorporate responsive design. With email marketing at an all time high, and 50% or more of customers viewing and opening emails on tablets and phones, responsive emails are a critical tool to master.

Techsnoop has rounded up some FREE templates to make the whole responsive email thing easier. Use these tools to quickly spice up your own or customer email campaigns.

Zurb

A great collection of templates for all types of newsletters. The basic layouts are created and you add colors, images and fun.

EMail on Acid

There is only one template here, (see above) but it offers many options for customization.

If these are helpful to you, send us a link to your web version so we can see.

Update 5/3/2017; Email on Acid has requested that the link to their site be removed. We have complied.

 

 

 

 

 

Save

Free Fonts

Happy Freebie Friday everyone.  Techsnoop has rounded up some great looking script fonts to spice up your website, print projects or headlines.  They all have open, rounded shapes and are easy to read at all sizes.  Best of all, they are free.  A big thank you to the creators for providing excellent design resources.

Windsong

Windsong font

Simply Glamorous

Simply Glamorous font

Jenna Sue

Jenna Sue font

 

As with all free resources, be sure to read the license information.  These fonts are all free for personal use, but some may charge for commercial use.  Let us know in the comments how you used these fonts.  And come back next week for a great tutorial.

Happy Designing!

Credit: Mashable

Credit: Mashable

Web and Graphic Designers almost always work in teams.  From creating layouts and user interfaces to elaborate games and app development, the designer needs to collaborate frequently.  E-mail tag just doesn’t cut it as a method for rapid feedback and updates.

Thankfully, there are many tools to make collaboration easier and many are FREE!  Mashable.com has been kind enough to round up 14 free tools that are easy to use and free of charge.  From Red Pen to Redmark, these tools have robust features that let you share work, take notes, save client notes and reiterate.  Take a tour and find the one that works best for your needs.

Let us know in the comments if your favorite tool isn’t listed and we’ll take it on a test drive.

DKemp DesignsGreat design requires commitment and continuous education on trends and techniques.  Alone, it is an impossible task to keep current and revelant in this business.  Fortunately, the Web Design community is the most generous industry ever.  There is no shortage of professionals and geeks sharing their answers on time saving techniques.  DKemp Designs uses many sites and tools to meet customer needs.

Techsnoop has rounded up some great free resources available;

Give n GoGive ‘n’ Go

A wonderful site with great resources like animated menus, CSS animations, glowing buttons, all reworked from shots on Dribble.com.  Copy the HTML, CSS, javascript and you’re ready to go!

SVGenerator

This site generates SVG background code to create effects without large background images.  There are subtle patterns, stripes, even gradients and a starfield.  So, select one you like and edit the settings and colors.  Then download the code and paste into your site.  Easy just got a new home.

CSS3 Animation Cheat Sheet

Looking to spice up your site with some fast loading animations?  This is the site for you.

Select the animation effect you want, download the code, add to your project and away you go.  There are helpful hints to incorporating the effects into your code and any jQuery needed is posted with instructions.

So now you can concentrate on designing the fun elements and animate away.

Just For Fun

If you have been pondering whether to use parallax in a project, check out Cyclemon a site with a great example of parallax effect being used well, with purpose and not annoying.  The site states you are what you ride and shows each type of cycle in a great graphic with catagories like “Night Rider” and “Hipster” among others.  If the graphics appeal to you, they are available for purchase.