Tag Archive: tutorials


Techsnoop is always looking to expand her skills. If you are interested in making your own multimedia for your website or for customers, take a look at Adobe After Effects. There are many simple animations and transitions that can be accomplished with minimal skill. In addition, if you have a Creative Cloud membership, After Effects plays well with Photoshop and Illustrator. So you can create assets in your favorite program and pull them into After Effects to animate. Take a look at this video from Terry White, our favorite Adobe Guru and jump into something new this summer.

 

Send us a link to your masterpiece in the comments.

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.

Here are some  great tutorials for maximizing the photo retouch tools in Photoshop.  It can be very frustrating to try to get rid of distracting objects in photos only to have the photo look smeared.

The first video shows how a little attention to set up and use of multiple tools can eliminate blurs and hard transitions.  Our second video is more advanced on skin softening and retaining details.

So, get out your preferred caffeine fix and let’s get learning!

[youtube http://www.youtube.com/watch?v=7Xtl7rrQV_w?rel=0]

[youtube http://www.youtube.com/watch?v=PNmP9s_A8VI?rel=0]

Thank you to envatopsd and Lightenupandshoot.

Balita

(Credit: Smashing Mag)

Welcome to Techsnoop Designs, your resource site for free design resources from around the web.  Techsnoop Designs is the official design blog of DKemp Designs.  All free resources formerly found on Techsnoop’s Helper will now be posted here.  Techsnoop’s Helper will focus on games, gadgets, sci-fi, Social Media and the occasional miscellaneous fun post.

Here on Techsnoop Designs, you will be able to find templates, brushes, PSDs, patterns, icons and tutorials, all free, all the time.  At the time of posting, all resources listed are 100% free.  However, some items may only be offered for a short time so be sure to sign up to get an e-mail whenever new items are posted.

First up from one of our favorite sites, Smashing Magazine, a free e-commerce WordPress template, Balita.  The theme is geared for selling children’s items and is completely free to use and customize.  It even includes the e-commerce plug-in for generating your sales pages.  Download here and let Smashing Magazine know you appreciate the help.

If you need specific resources, let us know in the comments and we will try to find them for you.

Thanks for joining us, Techsnoop