But how exactly can a product benefit from having a living, breathing design language? I’m going to try break down the very basics so you can understand why it’s needed.

This is a recreation of the original Command and Conquer RTS game, entirely in HTML5 and JavaScript.

I call this planning method time blocking. I take time blocking seriously, dedicating ten to twenty minutes every evening to building my schedule for the next day. During this planning process I consult my task lists and calendars, as well as my weekly and quarterly planning notes. My goal is to make sure progress is being made on the right things at the right pace for the relevant deadlines.

Speedometer : An easy interface to the Benchmark module to compare the performance of two Perl Files. I have written one small module(Speedometer.pm). need reviews. Thanks.

Not convinced you need FiftyThree’s Pencil stylus in your life? Or maybe you just want to level-up your skills? This guide covers both by revealing the kinds of Surface Pressure and Blend secrets that will turn you into a Pencil master.

Store shoes up off the floor in clean, natural wood racks. This simple storage rack can handle everything from winter boots to summer sandals, with no mud buildup or scuff marks on the wall.

Increase your home's storage space by utilizing every possible nook and cranny, including the back of cabinet and closet doors. With inexpensive materials and basic tools you can easily and quickly make these clever storage boosters.

“Write to please just one person. If you open a window and make love to the world, so to speak, your story will get pneumonia.”

Learn some interesting animation techniques involving Sass and SVG filters for realistic motion effects on the example of animated animals.

By Charles Duhigg
Four years ago, when I began working on a book about the secrets of productivity, I had a hidden motivation: I wanted to figure out how to eat dinner with my kids.

Drum machine

1. Do not start with the thank you.

2. Start with any other sentence. If you first say, “Thank you for the nice sweater,” you can’t imagine what to write next. Say, “It was so wonderful to come home from school to find this nice sweater. Thank you for thinking of me on Arbor Day.”

3. Then you’re done.

I recommend learning how to write a very good thank-you note. A child who can write a nice thank-you note can turn into a cocaine dealer five years later and be remembered as the child who wrote nice thank-you notes.

“A new idea is delicate. It can be killed by a sneer or a yawn; it can be stabbed to death by a quip and worried to death by a frown on the right man’s brow.”

The Roman poet Ovid may have said this over 2,000 years ago, but his words are just as relevant today as they were then.

(From Uncle Ed - 02/22/2017)

Animating elements in your mobile applications is easy.

Animating elements in your mobile applications properly may be easy, too… if you follow our tips here.

While everyone is using CSS3 animations in mobile these days, many are not doing it properly. There are best practices to take into account that are constantly and considerably disregarded. This happens mainly because there are still people who don’t really understand the real reasons why those practices exist and are so vigorously endorsed.

Zines about computer science! Each zine focuses on one concept & is filled with comics, diagrams, stories, examples, and exercises.

A design system is a collection of documentation on principles and best practices, that helps guide a team to build digital products. They are often embodied in UI libraries and pattern libraries, but can extend to include guides on other areas such as 'Voice and Tone'.

Secret to cohesive color schemes: pick a bunch of colors you want to do (purple, blue, etc like you did here), then pick an overall color (let's say orange, for playfulness) that you want to tint everything towards... Overlay the "overall color" (or soft light, or whatever blending mode depending on if you want darker or lighter colors) and play with the opacity till you get something you can work with.

I did #FF9C00 set to Overlay and opacity set to 25% over your original choices to get this scheme.

There’s more to spaces than the key you instinctively hit between words with one of your thumbs. Let’s find out what other space characters there are, what their heritage is, and how they can be useful today.

While it's really hard to immediately win over a crowd, as a speaker it's really easy to lose the room within the first minutes of your presentation.

To make sure you don't lose your audience I asked Boris Veldhuijzen van Zanten, accomplished speaker and founder of TwitterCounter and The Next Web, for some of the things you should never say during your presentations.

It’s always fun to play around in Adobe Illustrator creating stylised illustrations of random objects. It’s also great practise, which helps you experiment with new tools and techniques that you could draw upon in your future projects. Follow along with today’s tutorial to create a series of tasty vector popsicle graphics in Illustrator. We’ll use a range of handy tools to create the first colourful lollipop, then build upon each subsequent illustration with new techniques that help to further customise the artwork further.

Speaking about using sharp angles and shapes, Tokyo-based illustrator Jun Takahashi uses this technique to create geometric sports characters.

So, you want to become a coder. That’s great! No, really. There is much about coding that makes it worth pursuing. Getting started, however, can be a daunting task. Even with all the enthusiasm and energy you have for learning, you might find certain obstacles are presenting themselves to you, making it difficult to gain momentum.

How To Create a Geometric Pattern in Adobe Illustrator
TUTORIALS 17 JULY 2017 19 COMMENTS
Abstract geometric patterns are one of my favourite things to create in Adobe Illustrator. There’s an infinite number of results that can be achieved by simply changing up the parameters, shapes or colours used each time. In today’s tutorial I’ll show you a series of techniques you can use to make your own vector geometric pattern. Follow the step by step guide exactly to replicate my design, or remix your own custom pattern artwork by using these techniques as a foundation for your experiments.

When I read this, I immediately began a ritual that I have practiced for many years–and that others have done for centuries before me–I marked down the passage and later transferred it to my “commonplace book.

Treat your thoughts as suggestions from a much loved friend.
But a friend who you know is vain, insecure, and untrustworthy.

Noticing how this friend reacts to situations in your life
is a fascinating and rewarding pastime.

When we first saw Matt Willis of yelldesign’s flawless stop motion Vine videos, we thought, “How in the world does he even…?”

So we asked him … AND HE TOLD US!

It turns out he doesn’t use any fancy apps or software or even voodoo. He just uses Vine, his phone and know-how.

He was kind enough to share his know-how with us and you too!

It seems to me Annette said something like this: Begin with a proper sketch book. Draw in ink. Finish each drawing you begin, and keep every drawing you finish. No erasing, no ripping out a page, no covering a page with angry scribbles. What you draw is an invaluable and unique representation of how you saw at that moment in that place according to your abilities. That’s all we want. We already know what a dog really looks like.

Animista is a place where you can play with a collection of ready to use CSS animations, tweak them and download only those you will actually use.

In this article, we’ll look at the development of desktop applications using NW.js and Electron, the ups and downs of building one and living with one, using one code base for the desktop and the web, and more.

I came in from my 10-foot commute once and my 3-year-old looked up from his snack and said, “What did you make today, papa?”

It took me by surprise, as I had always assumed that when I was out of sight I was out of mind. (I now know that children seem to be most interested in you when you’re not around. When you’re actually around, they love to ignore you.) “No, he asks about you all the time,” my wife said. “He always wants to know what you’re doing. I tell him, ‘Papa’s out in his studio making things.’”

Roland TR-808 drum machine emulator

Before I was a writer, I was simply a reader. Like many readers, I was somewhat in awe of the process. I had no idea how the books I read were made, or how if I was beginning to then aspire to one day write one myself, how on earth I would manage to string so many words together.

Daily execution of practicing consistent, reliable, predictable, effective, thoughtful, compassionate, and yes, even courteous communication.

These are the 40 best free web fonts available on Google Fonts, in my humble opinion. They are all open-source and 100% free for commercial use. This collection focuses on typeface families from reputable type designers and foundries that contain multiple weights and styles. I’m purposefully avoiding single-weight display faces as they have limited usefulness in real-world design projects.

Some readers, who are not familiar with our School of Strength, the system, and the exercises, may not know all the drills, which are mentioned in the chapter. They can of course spend some time trying to find them on YouTube, but what they find may not necessarily be exemplary of what we do in StrongFirst.

To make life easier (regarding searching for info, not practicing), my wife Justyna and I created a short overview video of all the exercises featured in Pavel’s chapter.

The Basics of Node-KSS

To achieve our goals of a platform agnostic, low-friction style guide, we landed on kss-node, which is itself a Node.js implementation of Knyle Style Sheets (KSS), a Ruby library that:

... provides a methodology for writing maintainable, documented CSS within a team. Specifically, KSS is a documentation specification and styleguide format.

The basic principle is that your style guide is generated via comments you create in your CSS, SCSS, Sass, LESS, etc.

A fun and colorful explanation of how DNS works.

Hey there! We made this comic to explain what happens when you type a website address in your browser.

Original dissertation

For the last few years, whenever somebody wants to start building an HTTP API, they pretty much exclusively use REST as the go-to architectural style, over alternative approaches such as XML-RPC, SOAP and JSON-RPC. REST is made out by many to be ultimately superior to the other “RPC-based” approaches, which is a bit misleading because they are just different.

Using Prototypes

You can think of the prototype mechanisms as providing some sort of inheritance - but it certainly doesn't bring with it any of the other pillars of OOP, encapsulation and polymorphism say. It is a much simpler and much more direct mechanism to make code sharing possible.

If you have a single object then there isn't much practical advantage in designing a prototype object for it. On the other hand having a prototype object with all of the methods that the object is using does provide an organization. The object then has just the instance variables and the methods are all provided by the prototype. If things change and you need a second object, or more objects, then the prototype provides an easy solution.

People are starting to ask: where can I learn about CSS Grid?

There are a lot of fantastic resources out there. When it comes to the technical how-to, most of what’s out there was written by Rachel Andrew. If you don’t know her work, take some time to get to know her and follow her.

So here are the links to resources I recommend. I will keep updating this list:

In conversation with Co.Design, the eminent design researcher Don Norman offers cutting criticism of Silicon Valley’s brightest.

“Don’t find customers for your product. Find products for your customers.”
— Seth Godin
In this short essay, I’ll be walking you through a method, pioneered by Amy Hoy and Alex Hillman, for making sure that you’re building products that real people want. You’ll learn how to find customers, analyze their pains, write a pitch using their language and create a feedback loop to keep you in lockstep. Each section will be accompanied by a case study where we’ll explore how I’ve used these methods to create Extra, my new social media automation app.

TELL ME!

He are the slides from my talk at #lpw2014 on how to conduct yourself as a Developer in an interview for further information please get in touch rick@eligo.co.uk

The most popular of these materials is a type of wood board paneling known as either beadboard or plank paneling. It's commonly used as wainscoting on walls and for the backs of Colonial-style cupboards and bookcases. These tongue-and-groove pine boards are about 5/16 in. thick x 3 1/2 in. wide and have a rounded bead milled along one edge and a second bead routed down the center. When the boards are installed, each appears to be two narrower ones. Most well-stocked lumberyards and home centers carry beadboard in 8-ft. lengths individually or in bundles. Expect to pay about $1 to $1.50 per square foot.

Making Emails Suck Less

We know building HTML emails is hard, especially responsive emails. That's why we created Foundation for Emails. Get away from complex table markup and inconsistent results. Use Foundation for Emails to spend less time coding emails, and more time on other things, like building amazing products.

This site is a companion to the influential computer-science text Structure and Interpretation of Computer Programs, by Abelson, Sussman, and Sussman. Its purpose is to demonstrate the Web's potential to be a channel for innovative support for textbook users.

I'm an ex Typewriter Repairman with about 33 years experience. I hang out at this forum quite often. I am amazed at the mistakes some of you newbies make. I decided to TRY to educate you. First of all, don't use alcohol in a typewriter. Alcohol will NOT clean gunk and grime out of a typewriter. There are 2 types of alcohol available. The type you get at the drug store and the industrial grade you get at a paint store. The drug store brands have water in them. I don't care what grade you use, it still has water in it.Why would you put water into something that can rust? They can also turn to mud at temperatures around freezing. The industrial strength alcohol has keytones and acetones mixed into it that are not strong enough to dissolve grime, but will melt plastic and remove paint. I might also add that if alcohol actually worked, all the typewriter shops I ever worked in would have used it instead of Varsol or Naphtha. Much cheaper. So what do you use?

By Val Head

I hope you enjoy the book! All the example files can be found in the live example codepen collection. (Bookmark that so you can reference them as you read.)

As UX professionals, we play a key role in raising the bar for customer experiences. A simple attention to detail is often what signals to the customer that we’re thinking about them. In the digital space, we focus on user interactions within applications devices and processes.

So here are five bits of advice we can use to pull back from the edge of animation abuse. With these thoughts in mind, we can make 2015 the year web animation came into its own.

Most people share at least the following traits: they want to be healthy; they like animals; and they value clean air and water. Yet relatively few Americans connect those concerns with their food. As more people start making the link (especially if they’ve seen graphic video footage of industrial animal operations), many decide it’s time to stop eating foods from factory farms. This is a guide for doing just that.

I’ve been a vegetarian for more than twenty years. Unlike the fits and starts described in Jonathan Safran Foer’s autobiographical book Eating Animals, the day I decided to quit eating meat was the last time I ever did.

Tinker With a Neural Network Right Here in Your Browser.
Don’t Worry, You Can’t Break It. We Promise.

Instructions
Your mission is simple: achieve pleasant and readable text by distributing the space between letters. Typographers call this activity kerning. Your solution will be compared to a typographer's solution, and you will be given a score depending on how close you nailed it. Good luck!

That’s why Buttons are arguably a design system’s most important component. Devilishly simple, they offer a simple label in a defined region I can press. As such, buttons are where you apply a design language’s base attributes in ways that’ll ripple throughout more complex component later.

Here’s 12 lessons I’ve learned when working the primary button, secondary buttons, and a whole host of other button types in an emerging system.

Voice and Tone

Great example including branding

Use velocity.js instead!

Velocity.js is a free, lightweight library that you should be using - developer Neal O'Grady gets you started.

In September 2012, I had two courses of computer graphics behind me and had a lot of spare time. So I got an idea to make a simple web-based photo editor. I was working on it for 3 months in 2012 and 2 months during this summer, and I really enjoyed it! :) I learned many new things and realised, that it is not going to be as easy as I expected.

Almost five years ago, I had the honor of writing a post on Smashing Magazine about my Photoshop panel GuideGuide. Since then it has seen wild success as the most installed third-party Photoshop extension, an achievement I’m quite proud. In that time, I’ve added some powerful features and, most recently, expanded it to Illustrator. This post will give you a taste of how GuideGuide can change the way you use guides in Photoshop and Illustrator.

Nice perspective and I love the radio.

Tips for designing and building a consistent design system.

Without doubt, I get asked about design systems more than anything else. So, having spent the majority of the past few years thinking about how to design, build and present design systems for products like Marvel, Bantam and Modulz, I figured I’d share some of what I’ve learned along the way.

Static site generators are quickly becoming a big part of the professional website builder’s toolbox. A new static website generator seems to pop up every week. Figuring out which one to use can be like a walk in the jungle.

My favorite CSS “trick” would have to be these 3 lines of CSS:

• { background-color: rgba(0,255,0,0.1); }

I’ve been using this snippet for years! It makes debugging layouts a breeze and is quite insightful when dealing with the box model.

Transport your designs back in time with this compilation of retro fonts – and they won't cost you a penny!