background preloader


Facebook Twitter

Colin Grist — Website Designer & Developer. Grit & Wit. The Portfolio of Ryan Johnson. Marketing Lessons from Google. Portfolio. Hi.


I'm Joni. I'm a web designer. I live in Seattle, WA. I prefer cloudy days. I love to knit. I make pickles. I draw pigs all day. Articles A Look at SVG Light Source FiltersSeptember 16, 2014 - CSS-Tricks"Some of the more fantastic features of SVG filtering revolve around the light source. Getting Started with SVG GradientsJune 3, 2014 - SitePoint"Using SVG gradients allows us to almost effortlessly fill in a complex shape with custom gradients and has the advantage over CSS gradients of living in the DOM. ... " Animating SVG GradientsJune 4, 2014 - Designmodo"Within SVG linear and radial gradient ...

How to Use steps() in CSS AnimationsMarch 31, 2014 - Designmodo"... steps() is a timing function that allows us to break an animation or transition into segments, rather than one continuous transition from one state to another. ... " More at SitePointMore at Designmodo Books and Blog Posts See more blog posts Graphic Design Illustrations. Inspiration for Article Intro Effects. Some inspiration for effects applied to title headers of articles with a fullscreen image.

Inspiration for Article Intro Effects

The idea is to show some creative transition when continuing to the article body. View demo Download source Today we want to share some inspiration for article intro effects with you. You have surely seen some interesting article headers, usually containing a fullscreen image, that have some sort of intro effect, i.e. where some creative transition happens when scrolling or when clicking on a button to continue. We wanted to explore the effect possibilities with fullscreen images and making something happen when continuing to the article body. One really nice effect that we tried to imitate, is the one seen on Jam3 when choosing a project. Most of the effects we tried are highly experimental; animating large images can become a bit sluggish, also because a couple of transitions happening at the same time. The forth effect cuts away the image and pushes the title to the side. Foodsters Restaurant Delivery. If there's ever been an over-clichéd piece of advice given to entrepreneurs, it's this: "always put your customer's experience first.

Foodsters Restaurant Delivery

" With this in mind and for the first time professionally, I relinquished my wireframing sketchbook and instead began my design process with personas, user flows, interviews, and brainstorming sessions, dissecting problems for both our customers and business. What the team ultimately realized was that there was a serious disconnect between the brand that we were projecting online and the service the customers would eventually recieve.

The original Foodsters' experience began and ended with an online order form. We strived for more. Speaking with industry mentors, we were able consolidate a list of problems to tackle and resolved to provide a unique Foodsters' experience from beginning to end, making sure our customers connected with our brand online and off. 50+ Gorgeous Navigation Menus. Ease of navigation is one of the biggest keys to the usability of a website.

50+ Gorgeous Navigation Menus

If visitors can easily find what they are looking for they will be more likely to stay on the website rather than leaving and going to some other site. Effective navigation can help to increase pageviews, improve the user experience, and even increase revenue and profit. As more and more users are accessing sites via mobile devices, responsive web design has continued to increase in popularity. One of the challenges of designing and developing responsive websites is to create a user-friendly navigation menu that works equally well for visitors on all types of devices. While a few years ago navigational menus were a primary visual element in almost every web design, many responsive websites are now opting for a navigation menu that is much less dominant visually. In this post we’ll showcase 40 different navigation menus of responsive websites.

Looking for hosting? The Hungry WorkshopThe Hungry Workshop. Indigo Architecture & Interiors. Web Design, Graphic Design, Mobile App Development, Video Production, Digital & Branding Malta. We Love Our Craft We take pride in the work we do and we do it with extra care.

Web Design, Graphic Design, Mobile App Development, Video Production, Digital & Branding Malta

We love using products that demonstrate attention to detail and high levels of craftsmanship. These are the products that we want to be building. The Pixel is the Limit No detail is too small. We Don’t Have a Sales Team.