Makhno Architects

Sergey Makhno is Ukrainian interior designer and architect, who actively participate in the evolution of the industry. He became the trendsetter, aimed to share his philosophy and inspiration. To stand out from the cluster he needed a new website which will display his personality.
by via Awwwards - Sites of the day

Hint.css : A tooltip library in CSS

Hint.css is written as a pure CSS resource using which you can create cool tooltips for your web app. It does not rely on JavaScript and rather uses data-* attribute, pseudo elements, content property and CSS3 transitions to create the tooltips.

The post Hint.css : A tooltip library in CSS appeared first on jQuery Rain.

by Admin via jQuery Rain

Water Bubble Chart : jQuery Plugin

This is a jQuery plugin to render specific data into water bubble chart (or liquid bubble chart).
For instance, it can used in you resume to describe the extent to which you master some skills, or to reflect as a progress bar for completing a specific task.

The post Water Bubble Chart : jQuery Plugin appeared first on jQuery Rain.

by Admin via jQuery Rain

TURNBOX.js : jQuery 3D Turn Animation

TURNBOX.js is a jQuery plugin for flat design UI to perform 3D animation.

The post TURNBOX.js : jQuery 3D Turn Animation appeared first on jQuery Rain.

by Admin via jQuery Rain

Marketing Tips: The 19 Paths To Extraordinary Growth - #infographic

Every person associated to the business community craves for a way to grow in accelerated ways. The upsetting side of the story is that the majority of these people fail terribly.

But, why?

My personal thought is that they get departed by information - things they see or hear about. It's not they're trying too many things; it's more about prioritizing them. When I first studied "Traction: A Startup Guide To Getting Customers"  by Gabriel Weinberg (Founder and CEO, DUckDuckGo) & Justin Mares, the creators made clear that things that might not work for you in your first steps may work later, and the other way around.

Traction Book addresses the main 19 channels that can push traffic and assist you in deploying your business. It also contains a description of the Bullseye Framework, a way to prioritize and  uncover the right channels and experiments for your product.

Why is prioritizing  such a big thing? It has to do with having a sensible approach, on the channels that will completely raise your business.

This very infographic is a visual interpretation of these 19 channels. Enjoy!

by Irfan Ahmad via Digital Information World

Web Design Weekly #202

Headlines

The future of layout with CSS

Patrick Brosset takes a look at the wonderful world of the CSS Grid Layout which is a relatively new W3C specification that some browsers have started to implement. (medium.com)

Evolving the Google Identity

Alex Cook, Jonathan Jarvis, & Jonathan Lee look at the finer details of how the new Google identity came about. (design.google.com)

ParallaxOne – Free One Page WordPress theme

You don’t even need to read the documentation. Everything is customizable and built with developers in mind. No framework to learn, no custom functions or a special file system. Just plain ol’ WordPress. Take a look for yourself at the demo. (themeisle.com)

Articles

Prefetching, preloading, prebrowsing

Robin Rendle looks at some interesting prefetching performance techniques to help improve the user experience. (css-tricks.com)

What happened to Web Components?

Web Components have been around for 3 years and much of the excitement has calmed down, Web Components are alive and kicking. In this article Dr. Axel Rauschmayer looks at the recent developments and shares some information on what we can expect in the future. (2ality.com)

Design the Beginning

Julie Zhuo who is a product design director at Facebook expresses her concern that most of the time we design something new, we start at the middle and this is jeopardising our product. (medium.com)

Angular 1 to Angular 2 – the path to a seamless upgrade

If you are currently worried about what you will need to do to upgrade your Angular 1 code to Angular 2, then hopefully this post by the Angular team helps ease the stress. (angularjs.blogspot.com)

Word Wrapping Woes

Joni Trythall looks at a number of properties to tackle tricky text wrapping/overflow issues. (jonibologna.com)

The anatomy of responsive images (jakearchibald.com)

Diving deep into SVG animations (medium.com)

Tools / Resources

An In-Depth Overview of Living Style Guide Tools

Robert Haritonov takes a look at various living style guides to help us transform front-end code bases into well-described pattern libraries with the minimum of effort. (smashingmagazine.com)

Gulp for Beginners

Keen to dive into Gulp? Or just get a little overview. Well this is a great introduction by Zell Liew that is worth checking out. (css-tricks.com)

Sublime Text 2 and Markdown

If you are keen to utilise Sublime Text as your writing tool this article explores some really good tips and tricks. (macstories.net)

Alex – Catch insensitive, inconsiderate writing

Whether your own or someone else’s writing, Alex helps you find unequal phrasing. (alexjs.com)

Hackpad – a web-based realtime wiki is now open sourced (github.com)

Hack – a typeface designed for source code (github.com)

Embracing the Network (speakerdeck.com)

Inspiration

Spheres with CSS Animations

The very talented Donovan Hutchinson takes a simple rounded shape and adds some CSS animation to bring them to life. (cssanimation.rocks)

Reading the HTML specifications for 100 days (melanie-richards.com)

Jobs

Product Designer at Campaign Monitor

We’re looking for a Product Designer who shares our vision for designing beautiful software that thousands of people love to use. We’re looking for someone with a strong understanding of interaction design and knows how to apply that to directly drive product growth. We’re hoping that might be you. (campaignmonitor.com)

Front-End Engineer at Delighted

We need a front-end engineer with experience working on a wide variety of projects – building custom UI components, implementing responsive interfaces, or working to improve the responsiveness and performance of our application. (delighted.com)

Need to find passionate developers? Why not advertise in the next newsletter

Last but not least…

A Day of REST — a conference devoted to the WordPress REST API (poststatus.com)

How to write a great error message (medium.com)

The post Web Design Weekly #202 appeared first on Web Design Weekly.

by Jake Bresnehan via Web Design Weekly

How to Write Modular Code with Angular UI-Router & Named Views

One of the most important concepts in web development is writing clean, modular code. This is especially relevant when working as part of a team on highly complex applications. The Angular framework was built to create high-level applications, which can become very complex very fast, which in turn makes writing modular code all the more […]

Continue reading %How to Write Modular Code with Angular UI-Router & Named Views%

by Thomas Greco via SitePoint