Skip to main content

Creative and Development Inspiration 8

This week I have pulled together 6 pieces from across the design interwebs to showcase some of the best articles, code snippets and a little bit of inspiration to get you started.

 

User Experience Matters to Marketing

User Experience (UX) can effect your marketing, if users view it positively. This post looks at the various elements that great UX includes and how UX impacts your marketing goals and strategies.

It even uses big pictures, for those of you who hate reading.

https://www.webpagefx.com/blog/marketing/user-experience-matters-marketing/

 

Web Design Trends for 2018

Every year these articles come out by storm. Now I am not agreeing with every point on the list, but it is a good idea to keep on top of what seems to be big currently. At least someone else did the work to put them into a list for us 😉

http://www.creativebloq.com/features/the-5-biggest-web-design-trends-of-2017-so-far

 

Speckyboys 50 Top CSS Libaries, Frameworks and Tools from 2017

I am a big fan of Speckyboy, and this is one of the reasons why. They have brought together their top CSS pieces from 2017 into one place. Some brilliant ones on here. Great for speeding up dev, or just for being plain old helpful.

https://speckyboy.com/top-50-css-2018/

 

Codester

A brand new, fast growing market place for code snippets, great if you want to sell, or buy. They launch a weekly flash sale where selected items are 50% off, a nice concept.

https://www.codester.com?ref=Robert27

 

How to set up Webpack for any Project.

I am yet to start using Webpack, I am a Gulp man personally. I am putting this on the list so I can come back to it. Webpack is great for JaveScript projects, and configuration based which makes the whole process extremely simple.

https://scotch.io/tutorials/setting-up-webpack-for-any-project

 

Animated SVG Strokes

This one is for those of you who love a good animation. Code Drops looks after us once again with a beautiful SVG bike animation. Really clever, really sleak.

https://tympanus.net/Development/AnimatedStrokes/

 

If you have any great articles, code snippets or just interesting links stick them in the comments below!

Creative and Development Inspiration 7

This week I have brought together 6 links that cover design, code and process. Some great pieces of inspiration as well as some hopefully useful snippets to enhance your work.

 

Website Design Example

A brief look at the new website for Heydays from Oslo. Its nice. Its simple. I like it. Also, its pretty on mobile (because responsive). I like posts like this, great for inspiration.

https://formfiftyfive.com/showcase/heydays-new-website-2

 

Minify PNGs with UPNG

According to this site, they are significatly better than TinyPNG. I bring you UPNG. Either way, here are links for two brilliant sites to minify your images.

http://upng.photopea.com/

 

Animate Plus

This JavaScript animation libary is centered around performance and flexibility. Built to work with mobile, and only 2KB when minified and gzipped. From the examples it seems like a winner!
https://github.com/bendc/animateplus

 

Designers should move slowly

A great article on why design should be thoughtly thought-out, and focused on user-first. It links through to some other very interesting articles as well!

https://www.fastcodesign.com/90152218/designers-its-time-to-move-slowly-and-fix-things

 

One for the Photoshoppers

This new Photoshop CC tool lets users detect objects with one click. No more lasso tool! (Although I’m dubious it will work every time)

http://www.creativebloq.com/news/smart-new-photoshop-cc-tool-detects-objects-with-one-click

 

Design Better: The Design System Handbook

A comprehensive design system template to reduce design debt and accelerate the design process. It walks through each stage of the system and provides some brilliant resources. A great finisher for this weeks roundup!

https://www.designbetter.co/design-systems-handbook

 

If you have an examples of great work, resources or snippets let me know in the comments so I can add them to next weeks Inspiration.