Inspiring Desktop Wallpapers To Welcome 2018 (January Edition)

The new year is an opportunity to start over fresh, to overcome routines and rethink processes. And, well, despite all the New Year’s resolutions you might have made, sometimes it’s the small things that work wonders. A tidy desktop and a new, inspiring wallpaper, for example, that caters for a little inspiration shot when you need one. To kick off 2018 with wallpapers that are a bit more distinctive as the usual crowd, artists and designers from across the globe once again challenged their artistic skills and designed unique desktop wallpapers for you to indulge in.

from Articles on Smashing Magazine — For Web Designers And Developers http://ift.tt/2CsGGUV via http://ift.tt/1M61DFR

from Tumblr http://ift.tt/2Cfnr4r

Making The Transition From After Effects To CSS Transitions And Keyframes

Websites are looking more and more like mobile apps. Users are also increasingly expecting a more app-like experience. From push notifications to offline mode, native web apps are getting there. Once web apps function like native apps, the design interactions would also change to address the use case — namely, the ubiquity of animations. Animations drive interactions in all of our favourite apps, from Uber to Lyft and Snapchat to Instagram.

from Articles on Smashing Magazine — For Web Designers And Developers http://ift.tt/2zLV4EI via http://ift.tt/1M61DFR

from Tumblr http://ift.tt/2zLnRcL

A Sneak-Peek Inside The Southeast Asian Web Community

A few weeks ago, Vitaly Friedman (co-founder of this little magazine) and I had the pleasure to join the Mozilla’s Developer Roadshow, traveling through four countries in Southeast Asia in just two weeks. We visited cities that are buzzing with life and met people who share our passion for the web. Our mission: To get up close with the Southeast Asian web community. We wanted to learn how different local communities are compared to Europe and the US.

from Articles on Smashing Magazine — For Web Designers And Developers http://ift.tt/2Choo8V via http://ift.tt/1M61DFR

from Tumblr http://ift.tt/2Drgmd0

Standing Out From The Crowd: Improving Your Mobile App With Competitive Analysis

The mobile app industry is arguably one of the most competitive industries in the world. With around 2.8 million apps available for download in the Google Play store and 2.2 million in Apple’s App Store, getting your app seen, let alone downloaded, can be difficult. With such fierce competition, it is important to make your app the best it can be. One of the most productive ways to do this is by conducting a competitive analysis to see where your competitors are at, what is working for them, what isn’t and what you can do better.

from Articles on Smashing Magazine — For Web Designers And Developers http://ift.tt/2CgVTeg via http://ift.tt/1M61DFR

from Tumblr http://ift.tt/2CfnI6x

Productivity Tips And Tricks: The Community Shares Its Piece Of Advice

Productivity tips always make for a popular topic for an article, as everyone is looking for the silver bullet, that one weird trick that turns you into a productivity machine. However, the tips that work well for one person may not work so well for another. We asked the community on Twitter and Facebook to share their best productivity tips, and in this article I’m going to round these up alongside some things I’ve learned that work well for me.

from Articles on Smashing Magazine — For Web Designers And Developers http://ift.tt/2BXoSUW via http://ift.tt/1M61DFR

from Tumblr http://ift.tt/2pJ0gJY

☑️ The Ultimate Digital Clean-Up Checklist: Are You Prepared For The New Year?

With a couple of days left until New Year’s Eve, it’s just about time to set aside 60 minutes to clean up, sort out and back up your digital footprint, to ensure a good smooth start to 2017. So many little details tend to get forgotten or overlooked every single time, only to get fixed hastily later — but doesn’t it just feel right when everything is in the right place, neatly organized, even if you aren’t a compulsory cleaner or an obsessed perfectionist?

from Articles on Smashing Magazine — For Web Designers And Developers http://ift.tt/2z4Ghof via http://ift.tt/1M61DFR

from Tumblr http://ift.tt/2CN5UMT

32 Free And Friendly Office Icons

The web has changed the way we work. Startups rethought what offices look like, and with a laptop in your bag, you can get work done from anywhere anyways — no matter if it’s your desk at home or the cozy coffee shop around the corner. Over are the times of dark and stuffy cubicles — in many companies, at least. To remove the dust from the term “office” and give the visuals revolving around it a fresh and friendly face, too, the creative minds at Vexels designed a set of 32 office-themed icons.

from Articles on Smashing Magazine — For Web Designers And Developers http://ift.tt/2BqeCUT via http://ift.tt/1M61DFR

from Tumblr http://ift.tt/2BFLTZ8

Building Better UI Designs With Layout Grids

Designers of all types constantly face issues with the structure of their designs. One of the easiest ways to control the structure of a layout and to achieve a consistent and organized design is to apply a grid system. A grid is like invisible glue that holds a design together. Even when elements are physically separated from each other, something invisible connects them together. While grids and layout systems are a part of the heritage of design, they’re still relevant in this multiscreen world we live in.

from Articles on Smashing Magazine — For Web Designers And Developers http://ift.tt/2BRjVMq via http://ift.tt/1M61DFR

from Tumblr http://ift.tt/2ksTt1P

Inspiration From Mobile Dating Apps: How To Improve Your Designs

Making improvements to your mobile app’s design isn’t necessarily the easiest of tasks. After all, how much can really be accomplished within such a limited space? You recognize that mobile users’ attention spans are waning and that, consequently, they expect a speedy, convenient and engaging experience when using apps. Realistically, how many other ways can there be to satisfy these expectations that haven’t already been done before? Let’s take mobile dating apps.

from Articles on Smashing Magazine — For Web Designers And Developers http://ift.tt/2kNHADg via http://ift.tt/1M61DFR

from Tumblr http://ift.tt/2BgdZNC

Breaking The Rules: Using SQLite To Demo Web Apps

Most potential users will want to try out the software or service before committing any time and money. Some products work great by just giving users a free trial, while other apps are best experienced with sample data already in place. Often this is where the age-old demo account comes into play. However, anyone who has ever implemented a demo account can attest to the problems associated. You know how things run on the Internet: Anyone can enter data (whether it makes sense or not to the product) and there is a good chance that the content added by anonymous users or bots could be offensive to others.

from Articles on Smashing Magazine — For Web Designers And Developers http://ift.tt/2ASF1Xh via http://ift.tt/1M61DFR

from Tumblr http://ift.tt/2ySDcI3

The Mystery Riddle Is Resolved: When Purple Plain Meets Felix The Cat

These riddles can be quite addictive and annoying, can’t they? With seven mischievous riddles published over the last few years, we’ve learned a few lessons along the way. At this point, you might be used to endless, mischievous, tricky, mean, time-consuming and intricate Mystery Riddles, and the latest one wasn’t any different. It had to be playful and challenging, and take at least 45 mins to resolve. In the end, the first answer to the new riddle came in after 1h 48minafter the (slightly delayed — sorry about that!

from Articles on Smashing Magazine — For Web Designers And Developers http://ift.tt/2yFOqPW via http://ift.tt/1M61DFR

from Tumblr http://ift.tt/2AA7TmQ

Monthly Web Development Update 12/2017: Pragmatic Releasing, Custom Elements, And Making Decisions

Editor’s Note: What happened in the web community in the last few weeks? Anselm Hannemann summarizes everything that’s new and important so that you don’t miss out on anything. Enjoy! Today I read an eye-opening article about the current young generation and their financial future. It’s hard to grasp words like “Millenials”, and there’s much talk about specific issues they face, but, for many of us, it’s not easy to understand their struggle — no matter if you’re older or younger than me (I qualify under the Millenial generation).

from Articles on Smashing Magazine — For Web Designers And Developers http://ift.tt/2Atfnbb via http://ift.tt/1M61DFR

from Tumblr http://ift.tt/2B6WOeb

An Introduction To Automated Testing Of WordPress Plugins With PHPUnit

WordPress is a popular content management system for building websites because it is easy to get started with and a ton of themes and plugins are available to extend its feature set. The main reason WordPress has a lot of plugins and themes is because it’s easy for developers of any level to start building one. Most of its developers are not experienced, and they do not write tests for their work, perhaps because of the following reasons:

from Articles on Smashing Magazine — For Web Designers And Developers http://ift.tt/2AmVYZI via http://ift.tt/1M61DFR

from Tumblr http://ift.tt/2AZgDE9

How Do I Know If Venture Capital Fits My Business?

There is a popular image in the world of software which many young and inexperienced entrepreneurs are becoming infatuated with. It’s the idea that when you come up with an awesome idea, the highest peak to strive for — the ultimate goal — is getting in front of a venture capitalist and receiving a huge lump sum to propel your business to unimaginable heights and bring tremendous personal wealth. Well then, let’s explore what it really means to fund your business with equity capital.

from Articles on Smashing Magazine — For Web Designers And Developers http://ift.tt/2BiNpCO via http://ift.tt/1M61DFR

from Tumblr http://ift.tt/2j0hQ5Z

How To Use Underlined Text To Improve User Experience

(This is a sponsored article.) An underline is a horizontal line immediately below a portion of text. In our everyday experience, we underline to emphasize key sections of text, sometimes drawing an underline by hand below printed text. But underlines have their own place in the world of digital design. In fact, underlined text has become one of the most common, most recognizable features of our online experience. When we see an underlined word or sentence on a web page, we immediately assume it’s a link.

from Articles on Smashing Magazine — For Web Designers And Developers http://ift.tt/2Azv5G7 via http://ift.tt/1M61DFR

from Tumblr http://ift.tt/2BYTtgA

The New Smashing Mystery Riddle, An Emoji Edition

Oh yes, the infamous mystery riddles are back! To celebrate the relaunch of this little website, we’ve prepared something special yet again — a Smashing Emoji Mystery Riddle. And this time, instead of scouting an answer in a physical place or on Twitter, it’s well hidden somewhere on this website. So, What Can You Win? Among the first readers who tweet @smashingmag all the hidden emoji, we’ll raffle a quite extraordinary, smashing prize (and a couple of other Smashing extras):

from Articles on Smashing Magazine — For Web Designers And Developers http://ift.tt/2Av6WAl via http://ift.tt/1M61DFR

from Tumblr http://ift.tt/2C2lrZr

How To Iterate Your Way To A Winning Content-Driven Website

If, like me, you spend most of your days working on content-driven websites, you can feel left out of the cool kid’s party. Best practice like Agile, continual iteration, and user feedback don’t sit quite as well when serving up lots of information, rather than a killer web app. When I talk about a content-driven site, I am referring to any website whose primary aim is to convey information, rather than complete tasks.

from Articles on Smashing Magazine — For Web Designers And Developers http://ift.tt/2AFEEA8 via http://ift.tt/1M61DFR

from Tumblr http://ift.tt/2iQfczx

Using Design Workouts To Build World-Class Design Teams

What do the makers of the most successful products in the world, whether digital or physical, have in common? I bet they put design and user experience at the center of everything they do. These companies recognize that the smallest detail can make or break a product. The best design ideas, though, are made not in isolation, but by strong, well-rounded teams. So, how do you cultivate a strong design team?

from Articles on Smashing Magazine — For Web Designers And Developers http://ift.tt/2j24pWI via http://ift.tt/1M61DFR

from Tumblr http://ift.tt/2kZ18Iy

Everything You Ever Wanted To Know About Prototyping (But Were Afraid To Ask)

Prototypes are my framework for learning new tools, platforms and techniques. A prototype works as hard proof that an idea will or won’t work. It is central to my entire creative process and is the medium I use to relate to the people and businesses I collaborate with. I’m gushy about prototypes because I think they can work wonders, but I also think they don’t get they’re due. Prototyping is usually not incorporated into project timelines at all or, if it is, usually as some tangential deliverable to a larger project.

from Articles on Smashing Magazine — For Web Designers And Developers http://ift.tt/2BJFV8B via http://ift.tt/1M61DFR

from Tumblr http://ift.tt/2iVj82h

Dealing With Stress As A Designer: Here's What Research Says

The world is a stressful place. That’s probably why if you search for articles about dealing with stress you’ll find lots of great advice. But the problem is that most of it is pretty generic. Eat good food. Exercise. Get plenty of sleep. Those are all good general tips — but is there anything more specific to the profession of design? If you’re a designer who feels stressed from time to time, then this article is for you.

from Articles on Smashing Magazine — For Web Designers And Developers http://ift.tt/2BbMvIP via http://ift.tt/1M61DFR

from Tumblr http://ift.tt/2l0MhgJ

The Evolution Of User Experience Design

(This series of articles is kindly supported by Adobe.) We’re fortunate enough to be working at an incredibly exciting time in our industry. Yes, the challenges are considerable, but the opportunities are – equally – transformational. It’s never been a more exciting time to work as a User Experience (UX) designer. Great designers deliver wonderful, considered and memorable experiences. Doing that isn’t easy and – through this series of articles – I’ll provide a wealth of pointers to ensure you’re on the right track.

from Articles on Smashing Magazine — For Web Designers And Developers http://ift.tt/2AcyYAj via http://ift.tt/1M61DFR

from Tumblr http://ift.tt/2iQGCFz

Understanding CSS Layout And The Block Formatting Context

There are a few concepts in CSS layout that can really enhance your CSS game once you understand them. This article is about the Block Formatting Context (BFC). You may never have heard of this term, but if you have ever made a layout with CSS, you probably know what it is. Understanding what a BFC is, why it works, and how to create one is useful and can help you to understand how layout works in CSS.

from Articles on Smashing Magazine — For Web Designers And Developers http://ift.tt/2AaaiVh via http://ift.tt/1M61DFR

from Tumblr http://ift.tt/2BadJyS

How To Iterate Your Way To A Winning Content-Driven Website

If, like me, you spend most of your days working on content-driven websites, you can feel left out of the cool kid’s party. Best practice like Agile, continual iteration, and user feedback don’t sit quite as well when serving up lots of information, rather than a killer web app. When I talk about a content-driven site, I am referring to any website whose primary aim is to convey information, rather than complete tasks.

from Articles on Smashing Magazine — For Web Designers And Developers http://ift.tt/2AFEEA8 via http://ift.tt/1M61DFR

from Tumblr http://ift.tt/2jax2B2

Using Design Workouts To Build World-Class Design Teams

What do the makers of the most successful products in the world, whether digital or physical, have in common? I bet they put design and user experience at the center of everything they do. These companies recognize that the smallest detail can make or break a product. The best design ideas, though, are made not in isolation, but by strong, well-rounded teams. So, how do you cultivate a strong design team?

from Articles on Smashing Magazine — For Web Designers And Developers http://ift.tt/2j24pWI via http://ift.tt/1M61DFR

from Tumblr http://ift.tt/2BKxTMF

Everything You Ever Wanted To Know About Prototyping (But Were Afraid To Ask)

Prototypes are my framework for learning new tools, platforms and techniques. A prototype works as hard proof that an idea will or won’t work. It is central to my entire creative process and is the medium I use to relate to the people and businesses I collaborate with. I’m gushy about prototypes because I think they can work wonders, but I also think they don’t get they’re due. Prototyping is usually not incorporated into project timelines at all or, if it is, usually as some tangential deliverable to a larger project.

from Articles on Smashing Magazine — For Web Designers And Developers http://ift.tt/2BJFV8B via http://ift.tt/1M61DFR

from Tumblr http://ift.tt/2BQQ9EK

Dealing With Stress As A Designer: Here's What Research Says

The world is a stressful place. That’s probably why if you search for articles about dealing with stress you’ll find lots of great advice. But the problem is that most of it is pretty generic. Eat good food. Exercise. Get plenty of sleep. Those are all good general tips — but is there anything more specific to the profession of design? If you’re a designer who feels stressed from time to time, then this article is for you.

from Articles on Smashing Magazine — For Web Designers And Developers http://ift.tt/2BbMvIP via http://ift.tt/1M61DFR

from Tumblr http://ift.tt/2k3e1Ns

The Evolution Of User Experience Design

(This is a sponsored post.) We’re fortunate enough to be working at an incredibly exciting time in our industry. Yes, the challenges are considerable, but the opportunities are – equally – transformational. It’s never been a more exciting time to work as a User Experience (UX) designer. Great designers deliver wonderful, considered and memorable experiences. Doing that isn’t easy and – through this series of articles – I’ll provide a wealth of pointers to ensure you’re on the right track.

from Articles on Smashing Magazine — For Web Designers And Developers http://ift.tt/2AcyYAj via http://ift.tt/1M61DFR

from Tumblr http://ift.tt/2zUzSgY

Copyright Law Essentials All Designers Should Know

As software designers or developers, you have the important task of ensuring that a program works the way it is supposed to while being efficient, user-friendly, and unique. After all the creativity that is poured into making a program work just right, it’s fair to say that a well-designed software program is a work of art. From a legal perspective, a software program is a complex work that includes both functional and artistic elements.

from Articles on Smashing Magazine — For Web Designers And Developers http://ift.tt/2iVTLAW via http://ift.tt/1M61DFR

from Tumblr http://ift.tt/2nuu4Jc

Welcome To The Next Level Of Mobile App Development

(This is a sponsored article.) As users spend 89% of their mobile time inside apps — and 56% of all traffic is now mobile — creating a mobile app has become a top priority for many businesses. Statistics show that the average American spends more than two hours a day on their mobile device. Having a mobile app can be beneficial for your company for a number of reasons. But we all know that building an app from scratch is difficult — the gap between a concept and solution is wide and requires a lot of time, effort and money.

from Articles on Smashing Magazine — For Web Designers And Developers http://ift.tt/2A0XVPm via http://ift.tt/1M61DFR

from Tumblr http://ift.tt/2jbT1Er

Debugging CSS Grid Layouts With Firefox Grid Inspector

You may have heard quite a bit of talk about a CSS feature called “Grid” this year. If you are someone who cringes when you hear the words “CSS” and “grid” in the same sentence, then I highly suggest you check out this new CSS module called CSS Grid. Browsers render HTML elements as boxes according to the CSS box model, and CSS Grid is a new layout model that provides authors the ability to control the size and position of these boxes and their contents.

from Articles on Smashing Magazine — For Web Designers And Developers http://ift.tt/2BwhN9k via http://ift.tt/1M61DFR

from Tumblr http://ift.tt/2jcHGUE

Customizing Admin Columns In WordPress

(This is a sponsored article.) If you manage a WordPress website, you’ve probably faced a common problem. How do you get insight into all of your content at a glance? WordPress’ admin area does not show you much about your pages, posts, users and comments. That can make it hard to find the right page, to check if all associated fields are properly filled, or simply to get a general sense of your website’s content.

from Articles on Smashing Magazine — For Web Designers And Developers http://ift.tt/2AjjIR5 via http://ift.tt/1M61DFR

from Tumblr http://ift.tt/2BCKuSA

Cheerful Wallpapers To Deck Your December Desktop (2017 Edition)

To get you in the right mood for December and the upcoming holiday season, artists and designers from across the globe once again got their creative ideas bubbling and created festive and inspiring desktop wallpapers for you. Wallpapers that are a bit more distinctive as the usual crowd and that are bound to add some holiday cheer to your screen. All wallpapers featured in this post can be downloaded for free and come in versions with and without a calendar for December 2017.

from Articles on Smashing Magazine — For Web Designers And Developers http://ift.tt/2Asrvg2 via http://ift.tt/1M61DFR

from Tumblr http://ift.tt/2i2yDoz

From Idea To Reality: Designing An App With Sketch And Xcode

Everyone has an idea for a mobile app, from your mom to the guy you met in line at the grocery store. You might even be one of those people, if you are reading this tutorial. Building your own app really gives you the ability to create anything you can imagine. For some people, the idea is the easy part; when it comes to making it a reality, they have no clue where to start.

from Articles on Smashing Magazine — For Web Designers And Developers http://ift.tt/2Ak1n6L via http://ift.tt/1M61DFR

from Tumblr http://ift.tt/2AinDxT

Designing Ethics: Shifting Ethical Understanding In Design

The influence of design is expanding beyond the realms of typography and objects and into healthcare, public policy, education, financial services, and more. Designers working in these emerging design fields are responsible for projects that have significant and fundamental impact on the quality of people’s lives with clear ethical implications. In healthcare, for example, designers are responsible for creating everything from the industrial designer’s medical device that keeps a heart beating to the service designer’s physical layout of an operating room.

from Articles on Smashing Magazine — For Web Designers And Developers http://ift.tt/2BjK0A6 via http://ift.tt/1M61DFR

from Tumblr http://ift.tt/2iYrFSi

Designing For A Browserless Web

What happens when we take the web browser out of web browsing? Google’s new “Add to Homescreen” feature delivers fast, focused web experiences that are indistinguishable from those of a native app. What can designers learn from the successes of early adopters such as Twitter, and how can we leverage app-like design patterns to tackle this brand new set of user experience challenges? The “Add to Homescreen” installation process, as shown on Google Chrome Developer’s mobile website (Image source) (Large preview) We’ve seen debates on the topic of native versus web experiences.

from Articles on Smashing Magazine — For Web Designers And Developers http://ift.tt/2hXcQi0 via http://ift.tt/1M61DFR

from Tumblr http://ift.tt/2i9ZRwX

Web Typography: Where East Meets West

When we talk about typography, the most common associations are print and Latin-based letters. Many associate printing with Gutenberg’s printing press, but the first moveable type was invented by Bi Sheng in China approximately 400 years earlier. And today, even though print has yet to fall out of favour, the explosion of the web has resulted in a lot of reading being done off screens of all sizes. Analog typesetting is done with metal slugs, but the web uses CSS to set type.

from Smashing Magazine — For Web Designers And Developers http://ift.tt/2hXt5PV via http://ift.tt/1M61DFR

from Tumblr http://ift.tt/2mVbYj1

Advanced CSS Layouts With Flexbox and CSS Grid

Full-day workshop • June 28th This workshop is designed for designers and developers who already have a good working knowledge of HTML and CSS. We will cover a range of CSS methods for achieving layout, from those you are safe to use right now even if you need to support older version of Internet Explorer through to things that while still classed as experimental, are likely to ship in browsers in the coming months.

from Smashing Magazine — For Web Designers And Developers http://ift.tt/2zc2ZMo via http://ift.tt/1M61DFR

from Tumblr http://ift.tt/2jddSGW

Creative Data Visualization Techniques

Full-day workshop • June 28th With so many tools available to visualize your data, it’s easy to get stuck in thinking about chart types, always just going for that bar or line chart, without truly thinking about effectiveness. In this workshop, Nadieh will teach you how you can take a more creative and practical approach to the design of data visualization. Broaden your horizon on what is possible beyond the basic set of charts.

from Smashing Magazine — For Web Designers And Developers http://ift.tt/2BbrfzD via http://ift.tt/1M61DFR

from Tumblr http://ift.tt/2A3VJ6j

JavaScript Graphics and Animation

Full-day workshop • June 28th In this workshop, Seb will demonstrate a variety of beautiful visual effects using JavaScript and HTML5 canvas. You will learn animation and graphics techniques that you can use to add a sense of dynamism to your projects. Seb demystifies programming and explores its artistic possibilities. His presentations and workshops enable artists to overcome their fear of code and encourage programmers of all backgrounds to be more creative and imaginative.

from Smashing Magazine — For Web Designers And Developers http://ift.tt/2zc2VfC via http://ift.tt/1M61DFR

from Tumblr http://ift.tt/2jddR5Q

New Front-End Adventures in Responsive Design

Full-day workshop — June 28th With HTTP/2, Service Workers, Responsive Images, Flexbox, CSS Grid, SVG, WAI-ARIA roles and Font Loading API now available in browsers, we all are still trying to figure out just the right strategy for designing and buildings responsive websites efficiently. We want to use all of these technologies and smart processes like atomic design, but how can we use them efficiently, and how do we achieve it within a reasonable amount of time?

from Smashing Magazine — For Web Designers And Developers http://ift.tt/2Ba2hR0 via http://ift.tt/1M61DFR

from Tumblr http://ift.tt/2A0O9cL

Psychology for UX and Product Design

Full-day workshop • June 28th This workshop will provide you with a practical, hands-on way to understand how the human brain works and apply that knowledge to User Experience and product design. Learn the psychological principles behind how our brain makes sense of the world and apply that to product and user interface design. What you’ll learn Through a series of fun, practical exercises you’ll learn: Psychology and interaction design.

from Smashing Magazine — For Web Designers And Developers http://ift.tt/2z94j2h via http://ift.tt/1M61DFR

from Tumblr http://ift.tt/2jeVi11

Sketching With Confidence, Clarity And Imagination

Full-day workshop • June 28th Being able to sketch is like speaking an additional language that enables you to structure and express your thoughts and ideas more clearly, quickly and in a engaging way. For anyone working in UX, design, marketing and product development in general, sketching is a valuable technique to feel comfortable with. Thinking through complex problems on your own, spontaneously pitching an idea at the whiteboard, bringing a user scenario to life in a storyboard or creating sketchnotes during a research interview: the ability to sketch is as versatile and useful as the ability to write.

from Smashing Magazine — For Web Designers And Developers http://ift.tt/2Bc2frK via http://ift.tt/1M61DFR

from Tumblr http://ift.tt/2A3VCaT

SmashingConf Toronto 2018

from Smashing Magazine — For Web Designers And Developers http://ift.tt/2zeJhze via http://ift.tt/1M61DFR

from Tumblr http://ift.tt/2jfnyjZ

Behind the Scenes with the DDC

Full-day workshop • June 25th Whether you are designing an app or a website, following best practices and design methodologies will always help ensure your designs are usable and engaging. In this workshop we’ll explore the design process in detail including user research, sketching, and visual design. Through real world examples you’ll see how an idea can evolve into a design. What you’ll learn in this workshop: Get the inside scoop with Aaron Draplin of Draplin Design Co.

from Smashing Magazine — For Web Designers And Developers http://ift.tt/2BcB5AY via http://ift.tt/1M61DFR

from Tumblr http://ift.tt/2A0O5K3

Demystifying Front-End Security

Full-day workshop • June 25th Every day, billions of people around the world use the web to work, to find information, and to be entertained. When they come to your site, they trust you to provide them with a good experience. They expect a site that loads quickly, that works in their browser, and that is well designed. And though they may not vocalize it, they certainly expect that experience will be safe: that any information they provide will not be stolen or used in ways they did not expect.

from Smashing Magazine — For Web Designers And Developers http://ift.tt/2zaSPvo via http://ift.tt/1M61DFR

from Tumblr http://ift.tt/2jddPuK

Advanced CSS Layouts With Flexbox and CSS Grid

Full-day workshop • April 19th This workshop is designed for designers and developers who already have a good working knowledge of HTML and CSS. We will cover a range of CSS methods for achieving layout, from those you are safe to use right now even if you need to support older version of Internet Explorer through to things that while still classed as experimental, are likely to ship in browsers in the coming months.

from Smashing Magazine — For Web Designers And Developers http://ift.tt/2Bbr1IN via http://ift.tt/1M61DFR

from Tumblr http://ift.tt/2A3VvMv

The CSS & SVG Power Combo

Full-day workshop • June 25th The workshop with the strongest punch of creativity. The CSS+SVG Power Combo is where you(r team) will learn about the latest, cutting-edge CSS and SVG techniques to create creative crisp and beautiful interfaces. We will also be looking at all and any existing browser inconsistencies as well as performance considerations to keep in mind. And there will be lots of exercises (it’s called a workshop for a reason) and practical examples that can be taken and directly applied in real life projects.

from Smashing Magazine — For Web Designers And Developers http://ift.tt/2zcJJ1e via http://ift.tt/1M61DFR

from Tumblr http://ift.tt/2jddMPA

Intro to Vue.js

Full-day workshop — June 25th Vue.js brings together the best features of the javascript framework landscape elegantly. If you’re interested in writing maintainable, clean code in an exciting and expressive manner, you should consider joining this class. We’ll run through all the ways that Vue quickly solves common Frontend developer implementations, as well flexible ways to access the underlying API so that you can solve for any use-case. Vue is uniquely friendly to all levels of web developers.

from Smashing Magazine — For Web Designers And Developers http://ift.tt/2B8zgVL via http://ift.tt/1M61DFR

from Tumblr http://ift.tt/2A3VxUD

Design for What’s Next

Full-day workshop • April 19th Spend a day exploring the web’s emerging interactions and how you can put them to work today. Your guide is designer Josh Clark, author of Designing for Touch and ambassador of the near future. The day begins with a survey of familiar platforms—desktop and mobile—to uncover the new solutions that are replacing yesterday’s best practices. From there, we’ll move into newer design tools—speech, bots, physical interfaces, artificial intelligence, and more—to see how these fresh-from-the-future technologies fit into your everyday products and processes.

from Smashing Magazine — For Web Designers And Developers http://ift.tt/2zaSwAK via http://ift.tt/1M61DFR

from Tumblr http://ift.tt/2jfnuAL

Graphic Design Crashcourse

Full-day workshop • April 19th In this workshop, Mark Boulton will guide you through the practical design techniques that make a difference. From learning how to crop a photograph to guide a viewers eyes, to being able to typeset a data table for optimum scanning by a reader. This is a very practical workshop. You’ll end the day with a design you are proud of and a new toolbox of design techniques to use tomorrow.

from Smashing Magazine — For Web Designers And Developers http://ift.tt/2BewLBs via http://ift.tt/1M61DFR

from Tumblr http://ift.tt/2A3VuIr

New Front-End Adventures in Responsive Design

Full-day workshop — April 19th With HTTP/2, Service Workers, Responsive Images, Flexbox, CSS Grid, SVG, WAI-ARIA roles and Font Loading API now available in browsers, we all are still trying to figure out just the right strategy for designing and buildings responsive websites efficiently. We want to use all of these technologies and smart processes like atomic design, but how can we use them efficiently, and how do we achieve it within a reasonable amount of time?

from Smashing Magazine — For Web Designers And Developers http://ift.tt/2ze1du5 via http://ift.tt/1M61DFR

from Tumblr http://ift.tt/2jfnssD

Beyond Media Queries

Media queries have always been a cornerstone of responsive design but the role of media queries is changing. It’s now possible to make websites with responsive properties that are not tied to specific breakpoints. Learn how to use fluid typography, responsive SVG, adaptive flexbox components, CSS grid and custom properties to create unique responsive solutions that go beyond media queries.

from Smashing Magazine — For Web Designers And Developers http://ift.tt/2Bcs4rO via http://ift.tt/1M61DFR

from Tumblr http://ift.tt/2A0NXKz

Psychology and The Perfect Design

In this talk, Joe will take you on a journey to find the holy grail we are all looking for: the “perfect” design. We’ll look at a practical strategy that uses psychology to produce the ideal design for those tricky user experience design problems we face everyday. What exactly is the perfect design? Well, that’s what you will find out in the session. We’ll look at the three aspects that define the perfect design and how you can make it work in your projects.

from Smashing Magazine — For Web Designers And Developers http://ift.tt/2zcj2tt via http://ift.tt/1M61DFR

from Tumblr http://ift.tt/2A3Vok3

Unlocking the Power of CSS Grid Layout

Once you have grasped the basics of CSS Grid, you quickly discover how it enables many existing design patterns in a streamlined, elegant way. However, we shouldn’t see Grid in isolation. Understanding how other parts of CSS work together with Grid is key, in order to get the most out of our new abilities. In this talk Rachel will be concentrating on a couple of these areas, CSS Box Alignment and CSS Sizing.

from Smashing Magazine — For Web Designers And Developers http://ift.tt/2BcCd7J via http://ift.tt/1M61DFR

from Tumblr http://ift.tt/2jddEzA

SmashingConf San Francisco 2018

from Smashing Magazine — For Web Designers And Developers http://ift.tt/2zatPUW via http://ift.tt/1M61DFR

from Tumblr http://ift.tt/2jddGHI

Cross Cultural Design in the Age of Globalization

In this talk, Creative Director Yiying Lu will share her branding design, illustration and typography projects from a multi-cultural & linguistic aspect. She will showcase and talk about her cross cultural design practices for global companies and organizations, such as Disney Shanghai, NYU Shanghai, Twitter, Cre8 Summit, 500 Startups, the Dumpling Emoji Project and so on. This talk will take audiences on a journey of exploring creativity within cross-cultural communication in the age of globalization.

from Smashing Magazine — For Web Designers And Developers http://ift.tt/2BcEdNw via http://ift.tt/1M61DFR

from Tumblr http://ift.tt/2A3VlVp

A Comprehensive Guide To Web Design

Monthly Web Development Update 11/2017: Browser News, KRACK and Calligraphy With AR

Using CSS Grid: Supporting Browsers Without Grid

Mobile Interface Myths You Should Throw Out The Window

Creating Secure Password Resets With JSON Web Tokens

10 Simple Tips To Improve User Testing

Maximizing The Design Sprint

Right-To-Left Development In Mobile Design

Level-Up Email Campaigns With Customer Journey Mapping

Understanding The Vary Header

Inspiring Desktop Wallpapers To Make November Even More Colorful (2017 Edition)

SmashingConf 2018: Fetch Those Early-Bird Tickets! 🇬🇧 🇺🇸 🇨🇦

Great conferences are all about learning new skills and making new connections. That’s why we’ve set up a couple of new adventures for SmashingConf 2018 — just practical sessions, new formats, new lightning talks, evening sessions and genuine, interesting conversations — with a dash of friendly networking! Taking place in London, San Francisco, Toronto. Tickets? Glad you asked!

SmashingConf London: everything web performance. Feb 7–8.

Performance matters. Next year, we’re thrilled to venture to London for our brand new conference fully dedicated to everything front-end performance. Dealing with ads, third-party scripts, A/B testing, HTTP/2, debugging, JAM stack, PWA, web fonts loading, memory/CPU perf, service workers. Plus lightning community talks.

The post SmashingConf 2018: Fetch Those Early-Bird Tickets! 🇬🇧 🇺🇸 🇨🇦 appeared first on Smashing Magazine.

from Smashing Magazine http://ift.tt/2gQD5pW via http://ift.tt/1M61DFR
from Tumblr http://ift.tt/2z57Mlv

A Swift Transition From iOS To macOS Development

Quick Wins For Improving Performance And Security Of Your Website

The Role Of Storyboarding In UX Design

The Front-End Performance Challenge: Make Your Site Blazingly Fast And Win Some Smashing Prizes

We’ve Got A Lil’ Announcement To Make: Rachel Andrew Is SmashingMag’s New Editor-In-Chief

Sometimes things evolve faster than you think. Something that started as a simple WordPress blog back in September 2006, has evolved into a little Smashing universe — with books, eBooks, conferences, workshops, consultancy, job board and, most recently, 56 fancy cats (upcoming, also known as Smashing Membership).

We have a wonderful team making it all happen, but every project requires attention and focus and every project desperately needs time to evolve and flourish and improve.

The post We’ve Got A Lil’ Announcement To Make: Rachel Andrew Is SmashingMag’s New Editor-In-Chief appeared first on Smashing Magazine.

from Smashing Magazine http://ift.tt/2yOeJXS via http://ift.tt/1M61DFR
from Tumblr http://ift.tt/2gG5QZM

Stop Designing For Only 85% Of Users: Nailing Accessibility In Design

Combining Graphical And Voice Interfaces For A Better User Experience

Confessions Of An Impostor

Naming Things In CSS Grid Layout

Monthly Web Development Update 10/2017: CSS Grid, CAA Pitfalls, And Image Optimization

Don’t Let Your Brain Deceive You: Avoiding Bias In Your UX Feedback

Implementing A Service Worker For Single-Page App WordPress Sites

Building A Large-Scale Design System: How We Created A Design System For The U.S. Government (Case Study)

The CSS Grid Challenge 2017: Winner Announcement

Designing A Realistic Chronograph Watch In Sketch

Minimal Design With Large Impact: Functional Minimalism For Web Design

Non-Disclosure Agreements For Developers: What To Know Before You Sign

Pumpkins, Spooky Fellows And Fall Inspiration For Your Desktop (October 2017 Edition)

CSS Grid Gotchas And Stumbling Blocks

A Comprehensive Overview Of UX Design Deliverables

60 Travel Icons To Awaken Your Wanderlust (Freebie)

Exploring Animation And Interaction Techniques With WebGL (A Case Study)

User Authentication For Web And iOS Apps With AWS Cognito (Part 2)

Playing With Color: Vibrant Options For Apps And Websites

Building Inclusive Toggle Buttons

Uploading Directories At Once With webkitdirectory

How New Font Technologies Will Improve The Web

Monthly Web Development Update 09/2017: Functional CSS, Android 8, iOS 11, And Our Responsibility As Developers

We’re Touring Through Southeast Asia: Join The Mozilla Developer Roadshow!

My Ideal Sketch Setup For UI Design

Launching Your Design Career: Which Type Of Education Is Best For You?

UX At Scale 2017: Free Webinars To Get Scaling Design Right

Let’s Make Building Responsive Websites Simpler

The CSS Grid Challenge: Build A Template, Win A Prize!

Dwelling On The Past: The Importance Of Project Retrospectives (Part 1)

A Guide To Virtual Reality For Web Developers

An Introduction To Gravit Designer: Designing A Weather App (Part 2)

Is Success Down To The Quality Of Your Work?

Launching An App? Make App Store Optimization Your Foundation For Growth

Removing Friction In UX: Last-Minute Travel Planning And Activity Booking

An Introduction To Gravit Designer: Designing A Weather App (Part 1)

UX Meets MBA: What Happens When A Designer Goes To Business School

How To Create A Sketch Plugin With Front-End Technologies

Web Development Reading List: Announcing Changes, A Design Kit, DNA Malware, And Why Meaning Is An Advantage

User Authentication For Web And iOS Apps With AWS Cognito (Part 1)

Designing The Perfect Feature Comparison Table

The Nine Principles Of Design Implementation

Tracking Internal Marketing Campaigns With Google Analytics

Friendly, Frictionless Work: Best Practices For Enterprise Messaging UX, From Slack

How To Work Out What To Charge Clients: The Honest Version

Building A Simple AI Chatbot With Web Speech API And Node.js

Learn From What You See: It All Starts With Inspiration

The Surprising Relationship Between Gamification And Modern Persuasion

The iOS 10.3 Security Alert Is Killing App Store Downloads: Here’s How To Fix It

Creating Custom Inputs With Vue.js

Summer Bliss And August Adventures: Wallpapers To Kick-Start The New Month (August 2017 Edition)

How To Protect Your Users With The Privacy By Design Framework

The Missing Advice I Needed When Starting My Career

Enhancing CSS Layout: From Floats To Flexbox To Grid

Web Development Reading List #190: Images in Web Notifications and Angular Code Splitting

Designing The Perfect Slider

Taming Advanced Color Palettes In Photoshop, Sketch And Affinity Designer

Web Development Reading List #189: Sync Via Push API, RTL CSS, And The Disaster Factory

Introducing The Website Speed Test Image Analysis Tool

How We Built An iOS App To Shoot A 3D Video (Case Study)

Documenting Components In Markdown With Shadow DOM

Things To Keep In Mind When Designing A Transportation Map

Web Development Reading List #188: Real-World Accessibility, Flexbox Madness, And The Ephemerality Of Things We Build

Challenge Yourself More Often, And Create Artwork Every Day

Designing The Perfect Date And Time Picker

Free Business Icons For The Startup World (28 Icons, 5 Formats)

From Apple’s WWDC 2017 Highlights For Web Developers

Starry Summer Nights, Unexplored Worlds, And… Ice Cream! (July 2017 Wallpapers)

Web Development Reading List #187: Webpack 3, Assisted Writing, And Automated Chrome Testing

How To Make Use Of Weekly Design Meetings

Left-Handed Brush Lettering: How To Get Started

Free Icon Set: Happy 4th Of July 🇺🇸 (20 Icons, PNG, EPS, AI, SVG)

Designing The Perfect Accordion

Connecting With Users: Incorporating Humor In Web Design

Designing Mobile Marketing Experiences For Millennial Shoppers

Web Development Reading List #186: Tor 7, Designing Depth, And Mac Ransomare

Building Production-Ready CSS Grid Layouts Today

Hybrid Apps And React Native: A Time To Transition?

Convincing Clients: How To Get Sign Off When It Matters

A Complete Guide To Switching From HTTP To HTTPS

Web Development Reading List #185: Safari 11, New Edge Build, Chrome 59, And CSS Optimization Insights

When Large Isn’t Large Enough: Designing With Hero Images

Creating Better, Faster And More Optimized WordPress Websites

As Far As The Eye Can See: Colorful Sceneries, Posters And Covers

The State Of Advanced Website Builders

Web Development Reading List #184: New Library Updates, Page Load Performance, And Continuance

Designing Efficient Web Forms: On Structure, Inputs, Labels And Actions

Good Vibes And Summer Dreams: Joyful Wallpapers For Your Desktop (June 2017 Edition)

Developing A Chatbot Using Microsoft’s Bot Framework, LUIS And Node.js (Part 1)

How To Build Your Own Action For Google Home Using API.AI

Free Geometric UI Icons With A Fresh And Futuristic Twist (100 Icons, 6 Formats)

Just Keep Scrolling! How To Design Lengthy, Lengthy Pages

The Power Of Emotional Design: Including Illustrations Into Your Projects

Building Killer Robots: Game Behavior In iOS With Fuzzy Logic Rule Systems

Better Form Design: One Thing Per Page

Web Development Reading List #183: Comedy In Design, Security Checklist And The Life As Nobody

json-api-normalizer: An Easy Way To Integrate The JSON API And Redux

Low-Hanging Fruits For Enhancing Mobile UX

“Why We Didn’t Use A Framework” (Case Study)

Introducing Mavo: Create Web Apps Entirely By Writing HTML!

Free Virtual Conference To Take Your Agile UX Skills To The Next Level

Fluid Responsive Typography With CSS Poly Fluid Sizing

Web Development Reading List #182: IPFS Wikipedia, New Webpack CLI, And CSS Grid Breakout

How To Create Native Cross-Platform Apps With Fuse

An Abridged Cartoon Introduction To WebAssembly

Basic Patterns For Mobile Navigation: Pros And Cons

Intrusive Interstitials: Guidelines To Avoiding Google’s Penalty

From Idea To Development: How To Write Mobile Application Requirements That Work

Web Development Reading List #181: Mass Deployments, Prepack, And Accessible Smart Cities

Finding Inspiration In The Little Things Around Us

Designing Voice Experiences

What You Need To Know About OAuth2 And Logging In With Facebook

All Things Seem Possible In May! Unique Wallpapers To Freshen Up Your Desktop

Web Development Reading List #180: DNS Over HTTPS, HAProxy Performance, And Decentralized AI

Moving From Photoshop And Illustrator To Sketch: A Few Tips For UI Designers

Let The Content Delivery Network Optimize Your Images

Simplifying iOS Game Logic With Apple’s GameplayKit’s Rule Systems

Applications Of Machine Learning For Designers

Web Development Reading List #179: Firefox 53, The Top Web Browsers, And Vue.js Authentication

Jekyll For WordPress Developers

Unleashing The Full Potential Of Symbols In Sketch

It’s Time To Start Using CSS Custom Properties

A Brief Overview On Responsive Navigation Patterns

How To Prototype IoT Experiences: Configuring The Software (Part 2)

Web Development Reading List #178: On CAA, Pong.js, And Meaningful Work

Using Slack To Monitor Your App

AMP For Retailers: Is It Worth It?

How To Prototype IoT Experiences: Building The Hardware (Part 1)

A Guide To HTTP/2 Server Push

Web Development Reading List #177: Getting Started With Components, CT-Header, And New Regular Expressions

From time to time, we need to take some time off, and actually, I’m glad that this reading list is a bit shorter as the ones you’re used to. Because one thing that really stuck with me this week was Eric Karjaluoto’s article which states that “taking pride in how busy we are is one of the worst ideas we ever had.” So how about reading just a few articles this week for a change and then take a complete weekend off to recharge your battery?

The next major release of Angular, Angular 4.0, is now available. It’s smaller and faster than it’s predecessor and ships flat ES modules.

The post Web Development Reading List #177: Getting Started With Components, CT-Header, And New Regular Expressions appeared first on Smashing Magazine.

from Smashing Magazine http://ift.tt/2p8xME6 via http://ift.tt/1M61DFR
from Tumblr http://ift.tt/2nkKUcX

The Ultimate Guide To E-Commerce Platforms

Creating One Browser Extension For All Browsers: Edge, Chrome, Firefox, Opera, Brave And Vivaldi

50 Vibrant Illustrations To Let Your Mind Wander

How To Set Up An Automated Testing System Using Android Phones (A Case Study)

How To Secure Your Web App With HTTP Headers

Web Development Reading List #176: Safari 10.1, Prompt()-Deprecation, And Professional Pride

Blooming Colors And A Bit Of Magic: Wallpapers To Get Your Ideas Springing (April 2017 Edition)

Filling Up Your Tank, Or How To Justify User Research Sample Size And Data

Understanding Stacked Bar Charts: The Worst Or The Best?

Building For Mobile: RWD, PWA, AMP Or Instant Articles?

Web Development Reading List #175: GraphQL, IndexedDB2, And An Open Ethical Internet

The Road To Resilient Web Design

Improve Your Billing Form’s UX In One Day

Beyond The Browser: From Web Apps To Desktop Apps

Which Responsive Design Framework Is Best? Of Course, It Depends.

Web Development Reading List #174: The Bricks We Lay, Remynification, And 0-RTT

A Little Surprise Is Waiting For You Here — Meet The Next Smashing Magazine

The Beauty Of Imperfection In Interface Design

Prototype And Code: Creating A Custom Pull-To-Refresh Gesture Animation

How To Develop An Interactive Command Line Application Using Node.js

How To Spark A UX Revolution

World Wide Web, Not Wealthy Western Web (Part 2)

Web Development Reading List #173: CSS Grid Support, A Virtual DOM Alternative, And Designing Better Cards

Free Sparkly Icons To (Literally) Make Your Designs Shine (30 Icons, EPS, SVG)

Sketch Vs. Figma: The Showdown

How To Simplify Android Networking With The Volley HTTP Library

How To Deliver Large-Scale Projects Using A Content Hub Strategy

World Wide Web, Not Wealthy Western Web (Part 1)

Inspiring Illustrations With Plenty Of Bright Colors And Cool Patterns

Web Development Reading List #172: On Reporting Bugs, DNS Subdomain Takeovers, And Sustainable UX

When Your Code Has To Work: Complying With Legal Mandates

Using Social Media For User Research

Hibernation Time Is Over! Inspiring Desktop Wallpapers To Fuel Your Creativity

The Art Of Calligraphy: Getting Started And Lessons Learned

Web Development Reading List #171: Leaks, SHA-1 Collision, And Brotli

Designing With Real Data In Sketch Using The Craft Plugin

How To Use Shadows And Blur Effects In Modern UI Design

A Detailed Introduction To Webpack

Current Trends And Future Prospects Of The Mobile App Market

Web Development Reading List #170: Hamburger Alternatives, Libsodium In PHP And Choosing Profit

Exclusive Icon Set: Elements From Space To Earth

Copy If You Can: Improving Your UI Design Skills With Copywork

The Realities Of UX Design In The Luxury Industry

Experimenting With speechSynthesis

30 Free Fonts With Personality And Style

To Use Or Not To Use: Touch Gesture Controls For Mobile Interfaces

Web Development Reading List #169: TLS At Scale, Brotli Benefits, And Easy Onion Deployments

How To Create A Realistic Clock In Sketch

The Role Of Empty States In User Onboarding

HTML APIs: What They Are And How To Design A Good One

Getting Started With VR Interface Design

Web Development Reading List #168: Preload With Webpack, A Guide To Security Headers, And Service Worker Fallacies

Colorful Inspiration For Gray Days: Illustration And Photography At Their Best

Mobile-First Is Just Not Good Enough: Meet Journey-Driven Design

Live Stream From Awwwards London Conference: Chat Bots, Virtual Reality, And The Future Of UX

From The Community With Love: Unique And Inspiring Wallpapers For Your Desktop

Redesigning The Paris Metro Map

Web Development Reading List #167: On Team Retreats, Immutable Cache, And Eliminating Clearfix Hacks

30 Sugar-Sweet Valentine’s Day Icons

How Mail.Ru Reduced Email Storage From 50 To 32 PB

The Underestimated Power Of Color In Mobile App Design

Making Responsive HTML Email Coding Easy With MJML

A Case Study: Is App Indexing For Google Worth The Effort?

Web Development Reading List #166: Efficient Docker, CSP Learnings, And JavaScript’s Global Object

Internationalizing React Apps

More Than Just Pretty: How Imagery Drives User Experience

Designing Better App Icons

Styled-Components: Enforcing Best Practices In Component-Based Systems

Web Development Reading List #165: Starting The New Year With Browser News, Container Architecture, And React “Aha” Moments

Freebie: Clothing Icons (9 Styles, AI, EPS, SVG, PNG)

Designing A Responsive Music Player In Sketch (Part 2)

How Functional Animation Helps Improve User Experience

An Introduction To Building And Sending HTML Email For Web Developers

Breaking Out Of The Box: Design Inspiration (January 2017)

Bringing Your App’s Data To Every User’s Wrist With Android Wear

Becoming A Better Facilitator

Designing A Responsive Music Player In Sketch (Part 1)

Algorithm-Driven Design: How Artificial Intelligence Is Changing Design

Illustrating Animals With 13 Circles: A Tutorial And Drawing Challenge