|
¡Mañana, Mañana! SmashingConf Barcelona 2015: An Event Where Anything Could Happen
Jun 9th 2015, 11:59
Well, almost anything. We can’t guarantee space shuttle journeys or going back in time, but we will put on a truly intimate, valuable and memorable event. Taking place on October 20–21, SmashingConf Barcelona1 will be packed with smart solutions ranging from front-end to design to UX — and a few delightful surprises along the way. To the tickets.2
 3
About The Conference
We strongly believe that trends don’t matter, but techniques do. With SmashingConf Barcelona, we keep exploring interesting problems, smart solutions and lessons learned from actual projects. We highlight what has worked and what has failed — and why — so you know what to do next time you encounter similar problems. That’s what makes up the spirit of our conferences, and we take pride in it.
 5
This year, the SmashingConf flags will be blowing in the breeze from the Palau de la Música Catalana — an architectural jewel of Catalan Modernism. (Large view6. Image credit: Pug Girl7).
It’s not just about techniques, though. We will also explore how designers and developers work, design and build, how they approach problems strategically and what workflows they use to find solutions. You’ll learn what warning signs and common stumbling blocks to watch out for, how to deal with them, and how to prevent them from happening. Think of it as a little playbook with handy rules of thumb: it doesn’t get more practical than this.
We also want to hear your stories and your experiences. That’s why we also invite you to speak at the meet-up before the event. Taking place on October 20–21, it’s an event that might keep you on your toes for quite some time. Seriously.
First Speakers
We’ve invited speakers passionate about their work and who’ve learned a thing or two from their own experiences. We’re happy to welcome the first confirmed speakers:
 8
The first confirmed speakers: Anna Debenham and Chris Coyier.
 21
Hands-On Workshops
We’ll also host hands-on full-day workshops23 with practical techniques and strategies taught by practitioners in the industry. So if you are going to attend the conference, why not attend a workshop as well? In fact, if you book a workshop too, you’ll save $100 off the conference + workshop ticket price.
Why This Conference Could Be For You
The conference could be for you just because it’s very practical. You’ll learn many valuable techniques for your workflow, and you’ll meet fantastic, like-minded people from the industry. You’ll learn:
- Strategies for building fast responsive websites,
- Clever psychological techniques for smarter interfaces,
- Techniques and guidelines for better mobile UX,
- Guidelines for scalable CSS and JavaScript,
- Gotchas and rules of thumb when using SVG and Flexbox,
- How to optimize for performance and content delivery,
- Techniques for better lettering and interaction design,
- Mistakes and lessons learned from real-life projects,
- Responsive design patterns for future-ready websites,
- Avoid generic solutions with designs that exhibit soul and personality.
Download “Convince Your Boss” PDF
We also prepared a neat Convince Your Boss (PDF)24 (0.15 Mb) that you can use to convince your boss, colleagues, friends, neighbors and total strangers to join you or send you to the event. We know that you will not be disappointed. Still not good enough? Well, tweet us @smashingconf — we can be quite convincing, too!
 25
“Eight reasons why you should send your incredibly hard-working, deserving employee to the SmashingConf” (PDF26). Quite self-explanatory, really.
We also welcome sponsors to help us create a truly unique, unforgettable conference experience. And you can be a major part of it. We have quite a number of attractive and creative sponsorship options (PDF)27 for you, and we’d love to adjust them to your needs. So if you’re interested, please contact us via he...@smashingconf.com28 — we’d love for you to be involved!
See You In Barcelona!
We are looking forward to seeing you in Barcelona, and who knows, perhaps months after the conference is over, you’ll look back at your workflow, at your projects and at this very article realizing that it wasn’t far off after all. After all, it’s a conference where anything can happen, right? See you there!
No, Mahna Mahna29 has nothing to do with Mañana30 or the SmashingConf, but it might help you guess what to expect in Barcelona once you are there.
Footnotes- 1 http://smashingconf.com/barcelona-2015/
- 2 http://smashingconf.com/barcelona-2015/registration
- 3 http://smashingconf.com/barcelona-2015/
- 4 http://smashingconf.com/barcelona-2015/registration
- 5 http://smashingconf.com/barcelona-2015/locations
- 6 http://www.smashingmagazine.com/wp-content/uploads/2015/06/Palau-de-la-Musica-Catalana-1500px-v3.jpg
- 7 https://www.flickr.com/photos/pug_girl/13994908202/in/photolist-njFyCJ-bq36iq-4WHBtw-dtxLEh-4wmW2V-4pnX6M-hKVc5D-Bb28r-ejJ4RL-4LsYKZ-cf1QDu-4gCDKA-nrunMx-8G53MV-5YNe48-iLX1mz-4zqoqf-4a9NNa-4xjVTb-a2TYd8-4wjdFY-5Dav9v-4yWU4t-iUAUYc-4HzZ9z-5Ce8YM-5CBdq4-diNSS9-9iRopP-Eqi4S-cVopvd-dhXbP2-sfMKL-5tJSAJ-BC732-u9h7F-BJoza-5qRYRf-4vydzf-e1mxNZ-3f6uDL-GxA2h-5p3ck8-5brvhC-drVLnU-9f4wVb-gCPgU-GM12c-GjVxY-hyDPkm
- 8 http://barcelona.smashingconf.com
- 9 https://twitter.com/anna_debenham
- 10 https://twitter.com/chriscoyier
- 11 https://twitter.com/mrjoe
- 12 https://twitter.com/leisa
- 13 https://twitter.com/brendandawes
- 14 https://twitter.com/jina
- 15 https://twitter.com/hellogeri
- 16 https://twitter.com/zomigi
- 17 https://twitter.com/patrickhamann
- 18 https://twitter.com/ebrunborg
- 19 https://twitter.com/seblester
- 20 https://twitter.com/Malarkey
- 21 http://smashingconf.com/barcelona-2015/registration
- 22 http://smashingconf.com/barcelona-2015/registration
- 23 http://smashingconf.com/barcelona-2015/workshops
- 24 http://smashingconf.com/pdf/8-reasons-for-Smashing-Conference-Barcelona-2015.pdf
- 25 http://smashingconf.com/pdf/8-reasons-for-Smashing-Conference-Barcelona-2015.pdf
- 26 http://smashingconf.com/pdf/8-reasons-for-Smashing-Conference-Barcelona-2015.pdf
- 27 http://smashingconf.com/pdf/SmashingConf-Sponsorship-2015.pdf
- 28 mailto:he...@smashingconf.com
- 29 https://www.youtube.com/watch?v=8N_tupPBtWQ&t=5s
- 30 http://en.wiktionary.org/wiki/ma%C3%B1ana
- 31 http://smashingconf.com/barcelona-2015/registration
The post ¡Mañana, Mañana! SmashingConf Barcelona 2015: An Event Where Anything Could Happen appeared first on Smashing Magazine.
|
|
Practical Techniques On Designing Animation
Jun 8th 2015, 14:12
Animation, like any other facet of the web, must1 be2 designed3. As web developers, we think about the effects of typography, layout, interaction, and shifting viewports, but when incorporating animation we have another factor to consider: time.
It’s not just an extra aspect to consider, either: it increases the complexity of each of the aforementioned parameters exponentially. Rather than viewing this as a heavy mass of ideas, we can bake animation into the core of our user experience process to create dazzling, exciting, and engaging work that pushes boundaries and collectively elevates the medium of the web.
“Form” And Function
Forms are one of the most important UI elements on a site. A contact form is the gateway to your company, the clearest way to capture lead generation and, therefore, revenue. The harder you make the form experience for the user, the more money you will lose. If you’re not thinking about the usability of this component, you do your company, and the user, an injustice.
The submit button is the most powerful part of a form. We usually address this by using strong colors to draw attention to it. But what happens when that submit button is activated? Does the user have to wait, not knowing if the form worked, or are they provided with instant feedback? A simple submit button, even with a push animation, sometimes cannot achieve this goal, while a button with a loader could keep the viewer engaged while data is loaded in the background. This helps with the anticipation part of the animation, but what happens when the form input is actually submitted? You should aim to give the customer a feedback rush when the process is completed. A success page is fine, but a smooth transition into something that snaps into view could give them better visual response and produce small but delightful results.
Because of the importance of the form, everyone needs to be able to access it, including screen readers. In this case, we should be using either CSS or SVG; if we use <canvas>, we should ensure there is navigable content by incorporating something like React.js4, a JavaScript library that offers a virtual DOM.
See the Pen Form with Animation That Assists in UX5 by Sarah Drasner (@sdras463828256) on CodePen473929267. Form with animation-assisted UX. Press the button to see the animation.
These are the aspects we considered to put together the pieces of that one animation:
- What information are you trying to convey that can’t be done with UI design alone?
- What information does the user need to understand where they are going?
- What is the most subtle effect (in this case, for the push of the button)?
- What feelings are you trying to evoke (anticipation while the button loads, positive feedback when the form is successful, etc.)?
- Are the pieces of the UI accessible to screen readers?
What A Character
The first thing to realize when you’re designing for animation is that everything is a character. This may seem counterintuitive at first, but there are a few things to consider. Usability experts know that the key to creating a seamlessly designed system is the ability to empathize with the user:
- What is the quickest way to get to this information?
- What would make me feel at ease?
- What is the most compelling element I could place to direct attention?
We understand that we are inviting people into a situation they are unfamiliar with; a situation built from HTML elements rather than bricks and mortar, but a created façade all the same. A/B testing consistently shows that a viewer’s attention can meander away in fractions of a second8. Designers and developers need to create experiences that are as compelling as possible without causing tension in these interstitial moments.
How does animation help in this scenario? By holding the attention of the audience. Animation creates a character out of our interfaces. Observe how this Stripe checkout illustrates invalid user data, for instance (from this really well-written article9):
(Image credit: Michaël Villar)
Not only does it allow you to understand that something went wrong, it does so without a big warning in red, which might cause anxiety in the user. Credit card payments are already an anxiety-ridden process… why make them more so?
In contrast, this input form becomes a character, one that we’re more likely to sympathize with, engage with, and one that can command our attention better than a simple static box.
Like actors, designers must know a character inside and out. Actors don’t just know what their lines are: they know what time their character gets up in the morning and their favorite flavor of ice cream. They might never use this information in performance, but they have a complete sense of who their character is, so that they can respond to any situation in a way that presents a believable, holistic portrait. When done well, we identify with this representation completely, and the artifice of the performance disappears. This is exactly what branding strives to accomplish.
The impact of Google’s material design, in my mind, lies less with the design language itself, and more with that it was the first major industry example of a company that incorporated animation guidelines10 in its branding. For the first time, people started thinking about the style of animation as a functioning entity that had a voice, one that must be designed in cohesion with everything else.
If our company is a well-trusted, stoic insurance company, the character of any animation on our site is going to be less flamboyant and more formal, and we’ll tend to use linear eases rather than bounce or elastic motion. But with branding that’s more comfortable and friendly, like Zendesk or MailChimp, the form should follow the branding and accordingly have more lively animation, while still communicating effectively; something with the charm of Chris Gannon’s loaders11 appear to be simple, yet exciting.
If you think back to the first time you cried because of a fictional character, it was likely animated. In Aarron Walters’ “Designing for Emotion”12, he discusses how emotion is tied to the limbic system: we are more likely to remember something that becomes part of our emotional memory. Chapter 7 of his book goes into hard numbers of how much return on investment (ROI) can be gained by focusing on the impact of user’s emotive experiences.
If you have a static piece of content that looks like a Photoshop mockup on a webpage, the viewer engagement stops where your CSS does. Animation allows us to show rather than tell, a vital tactic considering users typically only scan body content13. It allows customers to attach themselves to our UIs personally, for their needs to unfold before them. If done correctly, the potential for positive engagement is staggering.
There’s been a lot of talk lately about perceived user experience. Sometimes you can’t get around the time it takes to load something (though you should try your best). If you give your users nothing to do in the interim, you will likely lose them. Animation’s special sauce is that it can move users from one interface to another, and entertain them while they wait. Seconds that previously felt arduous and had them tabbing away to Facebook are now engaging and feel seamless. This is probably the single most important reason to use animation in UX.
Elevate This
Animation has to be taught to live on its own as a substantial part of the development process. We can accomplish this in several ways:
- Animation has to be designed just as the rest of the page is: with mock-ups, color palettes, storyboards with wireframes, and its own composition.
- Your design process should follow the same logical structure as your code.
- Animation must move toward being informative, appealing to rational actions and guiding users’ attention.
- Animation should follow branding guidelines, be part of a living style guide, and appeal to users’ emotions.
- We shouldn’t reinvent the wheel. Animation has existed outside of the web for ages. (Yes, you can go watch Toy Story for “research” purposes.)
Because animation is so engaging, it’s easy to overdo it, but not everything on the screen needs to be animated. You don’t start a war with the secret weapon. Animation can be a way of signifying the end or beginning of something, as well as directing your attention. With animation that is purposeful and planned according to viewer engagement, performance budget, and branding, we can elevate the medium. Val Head discusses this very clearly when she writes about invisible animation14. Good animation should not seem out of place, nor be an afterthought.
Check out Oleg Solomka’s Bubble layout demo15 (it’s nice with the sound on): The animation is delightful enough to keep you engaged as you navigate, but gets out of your way while you’re reading the content. Keep in mind that the purpose of these tutorials is to showcase a particular method; in the wild, the implementation can even be toned down slightly to accommodate a professional, yet engaging effect.
Time Is Money
Animation is often considered an afterthought in the corporate development process. We make mock-ups, pass them, develop them, and at the very end add an animation on top. Because of this, animated components can often look like what they are: whipped cream fluff. It is only when animation is baked into the substance of layout, storyboard, and development processes that it holds meaning as a performant and substantial piece of a web experience.
Studios like Active Theory16 get away with engaging their clients with this conversation earlier in the design process because of their own branding. “We make bold things for the big guys.” Clients who seek out Active Theory’s work know they are paying for a blockbuster, knock-your-socks-off kind of web experience. This isn’t going to be the case 98% of the time.
How do we change this? Again, the way that we usually do. In salesman’s terms that means “increase the ROI.” In developer terms it means elevating the product to something that’s useful, that increases engagement, or has a positive experience, and then it won’t be a waste of time or money. For more information on how to communicate with clients effectively, consult Mike Monteiro’s “You’re my Favorite Client”17 or “Design is a Job”18.
Before we gleefully skip into the sunset and make everything on the page move, we need to commit to some action items to make an effective change.
The first is communicating effectively with our clients. This does not mean railroading them into adhering to our beliefs. It means explaining the possible gains, assuring them we will A/B test19 our interfaces and produce measurable results, and meeting them halfway on time allowances.
Consider the form we worked on earlier. Show your client prototypes of two forms (you can show them other people’s work as an example if you don’t have the time to build; CodePen has a great design patterns20 resource). One form will present itself without feedback on the button, progress, or a snappy success UX; the other will incorporate all the lessons we’ve learned here. Or better yet, use A/B testing (usability testing with different variants) to prove the form with animation to be a more effective tool. Solid numbers are always better than subjective opinion, which can be shaped around trends, ignorance, or past bad experiences due to poor implementation.
Once we get the go-ahead, we can plan. You have performance budget allowances in new categories now:
- time
- experience
- performance budget
- color
- composition
- user’s time
This may seem overly complicated, but you should be able to give yourself basic ballpark figures within seconds for each of these, and they should be considered before you move on. Do you lack experience? Then you’ll need a little more time, as with most things. Do you currently have a lot of other heavy assets on the page? You will need to be very careful loading up images, SVGs, scripts, and animation libraries. Does your site already have a very rich palette? You’ll need to reuse those color variables. Are older browsers a consideration? Then you’ll likely have to use libraries like GreenSock21, which have a much deeper cross-browser backwards compatibility than even native animation rendering22 on SVGs, while providing polyfills and fallbacks23 for any vector graphics.
The Good Stuff
Now that I’ve worried your project to a smooth curve, we can get to the fun stuff. Everyone has different ways of working and nothing is gospel, but here are a few key points that I have discovered after working at this for a while.
Pay attention to how stuff moves. This one might make you laugh, it’s so simple. But how often do you really watch water pour into a glass? What makes one person’s gait so recognizable?
Most people start with a ball bouncing, and that’s a great exercise, partly because the simplicity can show you character, weight and dynamism. Here are two balls bouncing: can you guess which is hard and which is soft?
See the Pen Bouncing ball demo24 by Sarah Drasner (@sdras463828256) on CodePen473929267. Bouncing ball demo.
How do you know which is which? First, there is the elasticity of the objects. One stays consistently round, the other is manipulated based on the impact. What else? Well, there’s the movement: one seems fairly rigid, and the other is more playful. Though they have the same timing, their physical motions imply different masses. Easing functions convey the density of the object.
Note also that even though they have the same timing, the easing function is used in such a way that they have different keyframes. If I placed a strobe light on these balls, you would see them at different places during the same time period. This concept has a term in old cel animation: spacing.
See the Pen Bouncing ball demo27 by Sarah Drasner (@sdras463828256) on CodePen473929267. Bouncing ball demo.
This can also come in the form of the motion of secondary elements. If someone shakes a glass, how is the water inside affected? When someone kicks a rock, how does the rock express the force of impact? Here’s a great example of elemental motion design30.
As Hans Bacher discusses in Dream Worlds, when animators were working on “Beauty and the Beast” they were flown to London and France to observe the styles of these places. You might not have this kind of budget (but if you do, take me with you!); luckily the internet has plenty of visual, historical and spatial information for you to work from.
Follow your interests. If you have any leeway at all in the content of the animation, use that to your advantage. Genuine interest and enthusiasm is easily conveyed. You’re more likely to follow a project through if the content excites you.
Backwards To Move Forwards
Before you begin animating, you must storyboard. Storyboarding is a very important part of the process because it allows you to work modularly in your code, in scenes. It allows you to plan out timing. And it allows you to work backwards: to draw something and then slowly unveil it.
A common misconception is that your storyboards have to look like polished comics. I think that’s often why people don’t want to make them: they’re scared of drawing; they’re scared that their work has to look perfect; they’re scared of spending all of their creative energy in the planning process, and they just want to start working on the project. I understand this completely. To avoid all of it, I encourage you to forget the platonic ideal of a storyboard.
I was a scientific illustrator for the Field Museum of Natural History31 and Stanford. I was a professor of painting at a college. Can I draw? You betcha. Here’s what my storyboards look like:
 32
Storyboard sketch. ( View large version33)
Am I ashamed of this? Not in the slightest. That storyboard took me 45 seconds and allowed me to understand and edit up front what I was going to spend many days making. Without it, my workflow would have doubled. Storyboards exist behind the scenes and are for personal communication. I’m not saying you can’t create beautiful standalone work like Rachel Nabors34, just that you don’t have to.
Let’s revisit our discussion about user empathy. You can accomplish this with storyboarding all a user’s interaction from beginning to end, as well. Consider this article, “Story Map”35. A story map takes you through the entire experience of visiting your site and becoming a customer from beginning to end. It’s a storyboard with muscle, one where you see the whole picture of their visit and therefore can make purposeful decisions based on desired direction and outcome.
It’s probably not new to hear about storyboards in animation: little comics that allow animators to break down tasks scene by scene. But did you know that there are also color scripts? Just as you design color and overall branding for your site, animators at Disney and other animation houses create color scripts that work well with the colors of their main characters and inform the scene. You should be doing this, too.
This means you should spend some time on Adobe Kuler36 crafting color swatches. It takes a small amount of time at the start, but saves buckets while you’re working. We all know color is meaningful. Working with it is made so much easier in CSS with preprocessor variables: use them to your advantage.
See the Pen
When you’re an introvert…37 by Sarah Drasner (@sdras463828256) on CodePen473929267.
The animation above uses two different color palettes: one for the “before” scene and one for the “after”. The palettes are related: they have to be, to create seamless events. Just as the animation palette for a large company must correspond to the company’s branding and the rest of the site. But the cool tones in the first scene in relation to the warmer hues of the second inform the viewer. They are part of the story. And if they weren’t planned before I started drawing, the animation wouldn’t have made any sense.
Design And Code Workflows
It’s clear that storyboarding pays off in the design and planning stages of animations, but it can easily reap rewards in your code architecture, too. If your code reflects the same logical organization you use for your design, you gain all the benefits of clear, legible structure; and the more it mirrors the design process, the easier it is to share implementations between the two.
Functions should be named according to the scene you are in: even “sceneOne” will do. Similarly named variables look nice and neat, but they’ll trip up you and your team in the long run, particularly as an animation gets more complex. Naming form elements as the characters they portray, and setting up your code in a clear way that mirrors your design means less worrying about scoping problems, and more concrete divisions between JavaScript and Sass variables and assignments. It’s also particularly helpful at the end when you have to go back in and adjust something: you will easily find your place again and know what follows.
Murder Your Darlings
It’s an old quotation40, but it’s true. You’re never going to get things right the first time, so relax and make some mistakes. Don’t get too precious about it. Whether you’re a designer, a developer, or both, chances are you weren’t as good in the beginning as you are now and it took a lot of ugly stuff in the middle to get there. That’s OK. This means trying different types of animation on for size, and messing all of those up, too. Did you learn JavaScript by only programming one kind of interaction using only one library? No. Did you learn to design only using one composition? I certainly hope not. The same principles apply to learning to animate as well.
 41
The difference between novice and experienced programmers. ( View large version42)
Perhaps you could have both graphics editor and text editor open at the same time. You need to move fluidly back and forth between them. Don’t be scared of retracing your steps, adding things, or editing. You will need ready access to your tooling, like optimization43, so you can move quickly through it. The further you put these things away from you, the lazier and sloppier you will become about adjusting, editing, and re-creating images or code as you need them. And you will need them.
You’re going to have to redo your timing and easing a hundred times. Personally, I find it easiest when I’m using a tool like GreenSock’s TimelineLite44 to move pieces around. It lets you stack, stagger, overlap timings, and even animate full scenes
See the Pen
Understanding GSAP Timeline45 by Sarah Drasner (@sdras463828256) on CodePen473929267.
CSS is great for very small UI interactions; in fact I really recommend it for those use cases because you don’t need to load other resources. However, if you have more than two animations set on an object, you should probably consider switching over to GSAP. The ability to move a little forward or behind the last animation, or set them to fire at the same time no matter what, is too powerful a tool to avoid, particularly when you need to rehearse and readjust the timing. CSS makes you recalculate all of your values if something in your animation changes at the start, but the GSAP timeline does not.
This wouldn’t be such a major issue if timing weren’t so vital. Have you ever noticed how some comics have frames where there is no action? They create the illusion of a pause, and your brain treats it as such. Timing is vital for comedy, for whimsy, but also for animation UI design that appears seamless or natural.
Just like all design, the parts of an animation that look simple and effortless are sometimes the hardest to accomplish.
The Sky’s The Limit
The Illusion of Life48 begins with one of my all-time favorite quotes from Walt Disney: “Animation can explain whatever the mind of man can conceive.” This quotation is so spot on because it really is animation’s strength: you can make anything happen. You can create and destroy worlds, excite or condemn.
That said, there is a lot to consider. Animation will never be more than empty calories if we don’t design it the way we do other aspects of UX. As with our other tooling, it is a loss leader: we’ll spend more time getting the variables and parameters set up at the start. But with that preparation, the character will tell us which road it would like to take during implementation, even if the character is a UI or branding.
Animation on the web has the potential to revolutionize our small bright box. We can go even further than traditional animation because we can accept user feedback and input. With these tools we can throw away the soul-destroying, bleak, dark engagements that govern things like airline ticket purchases. We can help people by unfolding scenes like a choose-your-own-adventure that can feel fluid, interesting, and intuitive.
(ds, ml, og)
Footnotes- 1 http://www.smashingmagazine.com/2015/05/14/functional-ux-design-animations/
- 2 http://www.smashingmagazine.com/2014/11/18/the-state-of-animation-2014/
- 3 http://www.smashingmagazine.com/2011/09/14/the-guide-to-css-animation-principles-and-examples/
- 4 https://facebook.github.io/react/
- 5 'http://codepen.io/sdras/pen/LEorev/'
- 6 'http://codepen.io/sdras'
- 7 'http://codepen.io'
- 8 http://www.statisticbrain.com/attention-span-statistics/
- 9 https://medium.com/@michaelvillar/improve-the-payment-experience-with-animations-3d1b0a9b810e
- 10 http://www.google.com/design/spec/what-is-material/material-properties.html#
- 11 http://tympanus.net/codrops/2015/03/25/jump-loader-animation-svg-gsap/
- 12 http://abookapart.com/products/designing-for-emotion
- 13 http://uxmyths.com/post/647473628/myth-people-read-on-the-web
- 14 http://valhead.com/2015/05/07/getting-to-invisible/
- 15 http://codepen.io/sol0mka/full/yNOage/
- 16 http://activetheory.net/
- 17 http://abookapart.com/products/youre-my-favorite-client
- 18 http://abookapart.com/products/design-is-a-job
- 19 http://www.smashingmagazine.com/2010/06/24/the-ultimate-guide-to-a-b-testing/
- 20 http://codepen.io/patterns
- 21 https://greensock.com/
- 22 https://css-tricks.com/svg-animation-on-css-transforms/
- 23 http://sarasoueidan.com/blog/svg-picture/
- 24 'http://codepen.io/sdras/pen/zxJWBJ/'
- 25 'http://codepen.io/sdras'
- 26 'http://codepen.io'
- 27 'http://codepen.io/sdras/pen/MYdQor/'
- 28 'http://codepen.io/sdras'
- 29 'http://codepen.io'
- 30 https://dribbble.com/shots/2000039-Foam-Explosion
- 31 http://www.fieldmuseum.org/
- 32 http://www.smashingmagazine.com/wp-content/uploads/2015/05/02-storyboard-opt.jpg
- 33 http://www.smashingmagazine.com/wp-content/uploads/2015/05/02-storyboard-opt.jpg
- 34 http://rachelnabors.com/css-amv-talk/storyboard/index.html
- 35 https://medium.com/design-story/story-map-3cc64033128e
- 36 https://color.adobe.com/
- 37 'http://codepen.io/sdras/pen/dPqRmP/'
- 38 'http://codepen.io/sdras'
- 39 'http://codepen.io'
- 40 http://en.wikipedia.org/wiki/Arthur_Quiller-Couch
- 41 http://www.smashingmagazine.com/wp-content/uploads/2015/05/03-programming-humor-opt.jpg
- 42 http://www.smashingmagazine.com/wp-content/uploads/2015/05/03-programming-humor-opt.jpg
- 43 https://jakearchibald.github.io/svgomg/
- 44 http://greensock.com/timelinelite
- 45 'http://codepen.io/sdras/pen/ByEWON/'
- 46 'http://codepen.io/sdras'
- 47 'http://codepen.io'
- 48 http://www.amazon.com/The-Illusion-Life-Disney-Animation/dp/0786860707
The post Practical Techniques On Designing Animation appeared first on Smashing Magazine.
|
|
Effective Logo Design, Part 1: Symbols, Metaphors And The Power Of Intuition
Jun 5th 2015, 12:04
No designer creates wow work 100% of the time. There’s no question that creating good design takes significant exertion, but generating the wow factor in your work can also be fairly effortless. Many designers follow their intuition during the creative process and incorporate universal symbols and metaphors simply because it “feels right.” Intuition — accessible to all people and most especially useful to those engaged in creative pursuits — guides designers towards solutions that align with a universal knowing.
“There are three responses to a piece of design — yes, no and WOW! Wow is the one to aim for.”
– Milton Glaser
Adding a universal quality to a logo provides the broadest communicative reach, what almost all identities are intended to accomplish. The intellectual exercise of connecting the dots of “thinking” is not irrelevant in design, of course — particularly when it comes to branding — but by combining the intuitive immediacy of symbols and metaphors with strategic thinking, you integrate essential information that helps your logo stand out and be remembered.
This three-part series explores fundamental creative strategies for designing effective logos. The first part shows how to use symbols, metaphors and the power of intuition.
Design’s Intuitive Process
“Intuition (is) perception via the unconscious.”
– Carl Jung
There will always be those who dismiss the non-quantifiable, but many of history’s most important thinkers have given intuition its due, including Albert Einstein, Buckminster Fuller, Carl Jung, Ray Bradbury and Steve Jobs — even Alan Turing, the infamous WWII logician and cryptanalyst, understood mathematical reasoning to be based in “intuition and ingenuity.” Great thinkers and futurists from all walks regard intuition as having a key role in the problem-solving process. Fortunately for the many designers who rely on wisps of inspiration to help materialize creative solutions, intuition is not some foreign object lodged in our process. It’s as natural as breathing. Intuition is the medium many creatives swim in, while intellect provides a formula to execute and deliver on the finished product.
As a medium, intuition is readily accessible to anyone, although it is best honed with use (try the exercise at the end of this article). As an inherent ability, it doesn’t typically get the same validation as an “educated” intellect. Culturally, we are trained to accept that only through the process of formal education (and a lot of it at significant expense) are we able to arrive at viable solutions. While I’m not here to debase a good education or strong intellectual skills (they are fundamental to anything human beings do or create), I do want to make a compelling case for the useful and reliable qualities of intuition in good design. Balancing the two can help you create a logo that appeals to a wider audience. And that’s important in a globally connected world.
 1
All logos © Maggie Macnab ( View large version2)
Our worldwide, interconnected technology affords any business, large or small, access to a global audience. On the flipside, this access produces an inordinate amount of background noise that has to be constantly managed. Complicating things further, today’s stressed economy demands smaller budgets with smarter thinking. Experience has taught me that the addition of a sensual experience to a logo — the integration of feeling with thinking — provides an immediate and intuitive connection. This sidesteps the need for the brain to do interpretative somersaults. Or to throw a lot of money at the logo to make it stick via redundancy. Small-budget logos that use this method get a relationship-driven response from their audience that any big-budget client would envy. By engaging the subconscious, symbols and metaphors are an optimal way to reach and hold the audience’s attention longer, and that results in better recall later.
Symbolic communication adds an immersive aspect to design. Symbols came long before written language was invented. Symbols and metaphors both expand information into meaning, but each is distinct in how it works. Symbolic communication is succinct, immediate and tightly packed, while metaphoric communication links specific elements within the design to more precisely define who the client is — sometimes unexpectedly (and even delightfully!) so.
The Symbolic Principle In Logo Design
Describing a symbol with words is like trying to capture a star in a jar, but I’ll do my best here. Symbols are whole and complete entities, while words are made up of fragmentary letterforms. Symbols are processed intuitively and immediately, while a word must be understood first in its particular language, and then be related to a visual (and words expanded into sentences must also be strung together in sequence for meaning). We process the two concepts very differently.
Symbols are immediate, while words must be associated with an image to be understood.
Symbols are immediate, while words must be associated with an image to be understood. The yin yang symbol is instantly understood as two opposites contained within a whole, but words require the additional step of visualizing the symbol before it becomes meaningful.
Symbols reference patterns and imagery common to all human beings. You could describe a symbol as a seed or egg that expands into meaning with the viewer’s participation — in the same way that seeds and eggs expand into new organisms once fertilized by an outside source. Although a tree looks quite different than the seed from which it originally grew, it has the seed’s “container” shape at its core. Human beings have a bellybutton at our center — our essential birthmark — linking us to the circular egg from which we developed.
Circles and spheres tend to manifest as original source: Molecules, cells, eggs, seeds and planets all carry this archaic shape (more on this and other geometric shapes upcoming in part 3, “How Geometry Influences Logo Design”). Symbols are the archetypes of human communication. The etymology of the word “archetype” is arche-, original, and type, kind, coined by Swiss psychoanalyst and symbolism master, Carl Jung. As original kinds, archetypes — in their pristine state — are limited in number but universal in function and meaning. Archetypal symbols are the foundation of the human systems we invent and the structures we build.
“The soul never thinks without an image.”
– Aristotle
Abstract archetypal symbols — such as the shape of a circle — contain knowledge that resides in the collective unconscious (another Jungian term) of all humans. Snakes and apples are examples of more complex symbols that are layered with cultural meaning. The basis of the symbol is existential (for example, a spiral rather than a coiled snake) but it becomes significantly more complex with the addition of cultural context. Because different cultures have varying distinctions, it is important to research the interpretation of your chosen symbol to ensure it supports the meaning you want to convey within the culture(s) in which it will be used.
 3
Examples of symbolic integration in human systems and structures, from left to right: the yin yang symbol, the stable base of the pyramid, and Lady Liberty. (Images: Rickard Blomkvist4, SueC5 and Xavier Marchant6) ( View large version7)
Examples of symbolic integration in human systems and structures include the yin yang symbol where opposites complete the whole, the stable base of the pyramid that points to the unknowable and infinite universe, and the sacred number seven incorporated into Lady Liberty’s feminine principles of abundance and inclusion. The seven-sided heptagon is the only polygon of the first ten geometric shapes that cannot be precisely created with geometry tools, setting it apart.
Symbolic Versus Letterform Logos
Symbols are perceived sensuously and unconsciously (and, therefore, immediately) while words are actively thought about before the subject makes the connection to an image of a thing or idea. Symbols remove the thinking step by being directly perceived, one of the reasons why symbolic logos are more effective than wordmarks. Symbols also communicate universally, while wordmarks are constrained by the limits of language. However, words and symbols can be effectively used together to expand meaning and impact.
Eclipse logo. (Design: Jeff Kimble)
Health Plus logo. (Design: Maggie Macnab)
Symbol Use in a Logo Design
Symbolism was the primary communication tool for a logo I designed in the mid-’80s for an Arabian horse farm. In the first exploratory sketch, I focused on the relationship between mare and stallion, the intimacy of which was implied by touching faces. The second sketch shows this concept progressed into the relationship between mare and foal, with the foal protected under the mare’s shoulder.
 8
The original sketches for Maddoux-Wey Arabian Horse Farm show the process for the final design. (Design: Maggie Macnab) ( View large version9)
The original sketches for Maddoux-Wey Arabian Horse Farm show the process for the final design. Symbolism condenses and simplifies a logo’s communication and provides universal relevance. The visual simplicity of a symbol also supports the flexibility that a logo needs in order to work in multiple future applications.
I scrapped my first attempt as unworkable, but had I not gone through that first step, I don’t know that I would have recognized the opportunity to rotate the design 180° in the second sketch. (Future opportunities are an important reason to preserve and refer back to your process.)
Because of the Arabian’s delicate bone structure, I was able to create a perfect fit between face and shoulder. This relationship was further emphasized when I enclosed the design in a circle, creating a symbolic yin yang effect (which references my first sketch of the opposites contained within the whole in the mare and stallion relationship).
The simplicity of this logo categorizes it more closely as a symbol, or a universally recognized image that expands into a personal relationship with the viewer. Another benefit of the symbolic logo is its inherent timelessness, remaining relatively unaffected as styles change. The simplicity of a symbolic design has clearly defined negative and positive space, making for broad flexibility, which is essential for many future applications. Symbols are optimal choices for long-term branding, and they help a logo retain its relevance (and, therefore, value) over the long haul.
The Arabian logo in the real world. (Image: Adam Bennett)
The Arabian logo has been printed, foil and blind embossed, used as jewelry design, applied to signage and, most recently, engraved on a granite memorial to commemorate the life of Claire Davis, an equestrian teen killed in a tragic high-school shooting in 2013.
Using Metaphors In Logo Design
Metaphoric logos expand information just like symbolic ones do, but they go one step further by making connections between distinct concepts. This helps to further distinguish specifics about the client and adds interest to the design by creating relationships that are unexpected or unusual. They are memorable because they contain the aha! component.
 10
The Elefont logo. (Design: Mike Erickson) ( View large version11)
One example is the Elefont logo, where every possible opportunity was taken to create a simple but powerful logo that grabs your attention on multiple levels: symbolic, metaphoric and semantic.
Valle Encantado is a farming and traditional craft-making partnership in the South Valley of Albuquerque, New Mexico. There were several opportunities to create metaphoric links between the client’s name and purpose in their logo. The primary one was to use the “V” letterform as a reinforcement of the name and to reference farming in the character’s negative space. Activating both filled and empty space (a principle of the “closure gestalt”) maximizes the logo’s communication.
The “V” also represents the Roman numeral five, one of those happy accidents you want to look for to leverage a logo’s communication. This helps connect the design to the hands-on work of farming and community endeavors. In branding the organization, the logo was further reinforced with the slogan “Cultivating Community” to tie it together. (The spiral and helix also played an important role in this logo’s communication, and a discussion of how they were used is coming up in part 2, “Using Nature’s Patterns in Logo Design”).
 12
Valle Encantado Farmers logo. (Images: Winai Tepsuttinun13, visuallanguage.com14, Design: Maggie Macnab) ( View large version15)
Metaphoric logos can be tricky to create, but if you really delve into your client’s purpose and name and the potential ways in which they can be visually related and expanded upon, multiple aspects can be resolved into one coherent, tightly packed concept. I’ve used this method to create distinct and recognizable logos for over 30 years because it works for my clients and works for me: Logos designed decades ago continue to bring new clients (and many have been plagiarized and settled out of court — protecting your original work is also important). Logos that communicate simply and deeply benefit everyone: the client, the audience and the designer who created them.
Some Final Thoughts on Creating a Good Logo
Use symbols and/or metaphors as the core communication of your logo
Symbols and metaphors help establish a relationship between the client and logo, and logo and audience. If you design a wordmark, augment its communication with a relevant visual component. Secondary design considerations — color combinations, stylistic textures or typographical applications — might need updating over time, but if the logo is symbolic at its essence, secondary revisions can be made to the logo without negatively affecting the brand. Symbols help the brand hold up as styles and trends change.
Archive and refer back to your conceptual process
I have often referred back to sketches later in the design process and discovered something I hadn’t seen previously. Sometimes different thought tracks can be merged to create a more sophisticated or complete concept. Concepts you scrapped for one client might work for a future client. Respect your creative process and save it for later review. Train yourself to be a conduit between the past and future to maximize your creativity.
Design in black and white
On the practical side, if your logo works in black and white, it will work in any future medium or application — from full color to blind emboss. From a symbolic perspective, the more simply you define the meaningfulness of your logo between the negative and positive space, the more distinct and defined the symbolism of your concept will tend to be. Whenever possible, optimize the communication of your logo by utilizing the empty space as well as the filled (the closure or completion gestalt, which leads the eye without completed lines or forms).
Make sure the logo scales
Create your logo as a vector so that it has the flexibility to scale without issue. Because logos are the core component of an identity system, they have to be ready for any extreme. Logos need to scale from minuscule sizes on a website all the way up to a gigantic billboard and still retain legibility. If it doesn’t hold up at small sizes, remove superfluous information. If anything is lost, make sure it isn’t critical to the communication of the design. If it looks bulky or awkward at large sizes, review how you might alter the drawing of the logo for better flow and form.
Balance the logo
Look at your logo upside down, reflected and rotated. Optimally, it should appear balanced in any configuration. This process reveals imperfections that aren’t noticeable when the logo is right-reading, and it might help you discover ways to extend the logo into branding applications, such as a repeating background pattern.
Detect subtlety
Your job as a designer is to find solutions no one else can. Develop your instincts for subtle communication on all levels: visual, symbolic, metaphoric, word play and intuition. The following exercise will help with that.
Exercise: Intuition and Synchronistic Design
Problems aren’t negative occurrences. They’re opportunities to flex your creativity and problem-solving skills and to connect with the deepest parts of yourself. This exercise will bring more awareness to how you source information through and beyond yourself to come up with a solution that has the most possibility. The most important part of this exercise is to pay attention to how the inside relates to the outside.
Evaluz Luna’s quandary of connecting head with heart in design. (Illustration: Evaluz Luna, Santa Fe University of Art and Design)
This drawing by student Evaluz Luna shows her quandary of connecting head with heart in design. The top of the head and ribcage were cut out by hand and the ribbon threaded through, creating a dimensional work that further enhances her intention of connecting the subconscious aspect of creativity to real-world design practice.
- Think of a design problem you’re working on or a personal issue.
- Sketch an image that helps to represent the problem for you. (This is not about drawing skill!) Whether your sketch is abstract or realistic, it should have a relationship with the problem that is meaningful to you.
- Tell yourself that you want help in finding a resolution or relationship with this issue or project and that you are open to any ideas that might lead to a viable solution.
- Over the next few days, be conscious of what is around you, what comes up in dreams or what happens in other situations when you are not actively thinking about the issue (in the shower, for example). External manifestations will arise spontaneously if you take care to notice them. In particular, pay attention to anything that comes up more than once, even if it doesn’t seem to be related to the problem at hand.
- If a common image, number or other instance of a tangible “thing” recurs in separate and unrelated events, delve into what the relationship is between it and your issue. Consider your emotions as you explore (they give clues, too). Are you anxious? Comforted? What is the relationship between the problem, you and the recurring event or object? Is the relationship related to a past experience?
- Understand that sometimes an unrelated issue blocks resolution to the current problem. It is particularly important that you respect whatever your subconscious reveals and try to interpret the relationship to the current problem as honestly as you can.
Conclusion
Logo design is a challenging yet satisfying balancing act. Good logos are smart but not condescending. They’re accessible and simple but have enough depth to be interesting. They’re immediate and intuitive but memorable when out of sight. And they’re both timely and timeless.
Designing a good logo is the utmost in creative problem-solving. The process makes you really think succinctly about how relationships work. The practice of logo design develops your skills of intuition to recognize obscure but effective solutions and teaches you to discover connections that aren’t apparent on the surface. These are basic tenets for any problem-solving endeavor — not just logo design — and these methods can be extended into personal issues as well. As nature artist Andy Goldsworthy says, “Everything has the energy of its making inside it.” As I tell my students, learn to design a good logo and you’ll learn to design a good life.
Coming up next: “Part 2: Using Nature’s Patterns in Logo Design.”16 Our life experience is fundamentally based in nature. We often forget this as we develop and grow through our pervasive human-made systems, but nature is the ubiquitous experience of us all. Because human beings are natural life forms at our essence — not machines and not technology — nature is an inherent part of our creative process. By leveraging the forms and processes of natural patterns in logo design, you enhance the communication of your logo by enhancing its connection to our inherent source.
(il, ml, al)
Footnotes- 1 http://www.smashingmagazine.com/wp-content/uploads/2015/05/p1-01-macnab-logos-opt.jpg
- 2 http://www.smashingmagazine.com/wp-content/uploads/2015/05/p1-01-macnab-logos-opt.jpg
- 3 http://www.smashingmagazine.com/wp-content/uploads/2015/05/p1-03-symbols-various-opt.jpg
- 4 http://www.shutterstock.com/g/reflective
- 5 http://www.shutterstock.com/g/colvil
- 6 http://www.shutterstock.com/g/xavier
- 7 http://www.smashingmagazine.com/wp-content/uploads/2015/05/p1-03-symbols-various-opt.jpg
- 8 http://www.smashingmagazine.com/wp-content/uploads/2015/05/p1-06-arabian-process-opt.jpg
- 9 http://www.smashingmagazine.com/wp-content/uploads/2015/05/p1-06-arabian-process-opt.jpg
- 10 http://www.smashingmagazine.com/wp-content/uploads/2015/05/p1-08-elefont-opt.jpg
- 11 http://www.smashingmagazine.com/wp-content/uploads/2015/05/p1-08-elefont-opt.jpg
- 12 http://www.smashingmagazine.com/wp-content/uploads/2015/05/p1-09-metaphor-opt.jpg
- 13 http://www.shutterstock.com/g/winaitep
- 14 http://www.visuallanguage.com
- 15 http://www.smashingmagazine.com/wp-content/uploads/2015/05/p1-09-metaphor-opt.jpg
- 16 http://www.smashingmagazine.com/2015/06/12/effective-logo-design-nature-pattern/
The post Effective Logo Design, Part 1: Symbols, Metaphors And The Power Of Intuition appeared first on Smashing Magazine.
|
|
Upcoming Web Design Events (June–December 2015)
Jun 4th 2015, 10:55
Here we are, halfway through the 10s and 2015. And the year still has quite a few conferences in store for us. 2015 has some surprises left in it. What consequences will speakers draw from the Google I/O? What’s coming in the IoT departments near you? With so much happening in the industry, conference organizers have done their best to keep you up to date. Take a look at some of the great conferences that will close this year’s conference year.
Conferences are about gathering information and knowledge, but they’re also opportunities to get to know other like-minded folks in the web design community. Keep in mind that there’s always a benefit to attending any event, and a strong chance that you’ll be exposed to a large amount of new information, so be prepared to absorb the latest techniques brought to you by distinguished authors and speakers.
Also, I’d like to thank everyone for leaving comments in the previous round-up — they were truly helpful. I admit, I may have missed or forgotten to mention a conference (or two) in today’s round-up, but please don’t hesitate to leave a comment below in the comments section and I’ll be sure to add it to this list as soon as possible.
The list is quite lengthy, so let’s dive in.
June 2015
M-Enabling Summit: Conference and Showcase8
“The M-Enabling Summit is the only program exclusively dedicated to promoting mobile accessible and assistive applications and services for senior citizens and users of all abilities[…] With its theme of ‘Smarter Living for All,’ the 2015 M-Enabling Summit will provide a platform for empowering mobile technologies and focus on next-generation innovations and breakthroughs for users of all abilities.”
- When: June 1–3, 2015
- Where: Arlington, VA, USA
 9
Future Insights Live 201510
“Future Insights: bringing you the future, today! Future Insights Live is THE event for web designers, developers, project managers, creative directors and entrepreneurs who want to be on top of their game and engage in pushing the web forward.”
- When: June 1–4, 2015
- Where: Las Vegas, NV, USA
 11
FrontEnd Summit 201512
“As the web changes for the better, so do our tools. While keeping on top of industry changes is part of the job, fighting our tools that can help us do our job faster and better shouldn’t be. In this special FrontEnd Summit, we deep dive into tools–some common like text editors and some relatively new to the scene like Grunt and Sketch–to see how they can help stay on top of cutting edge.”
- When: June 2, 2015
- Where: Online
 13
JSCamp Romania 201514
“JSCamp Romania goal is to gather experts from across the field of front-end development, to bring you up to speed on the latest open-web technologies. Learn more about server-side JavaScript, client-side HTML5 web and mobile apps, and generally about best practices and tips&tricks in JavaScript and front-end development in general.”
- When: June 2, 2015
- Where: Bucharest, Romania
 15
SMX Advanced 201516
“Influencing industry developments is an essential mission of SMX Advanced, which connects search marketers, decision makers from the search engines, and other key industry stakeholders. You’ll participate in conversations orchestrated to debate thorny issues and move the industry forward.”
- When: June 2–3, 2015
- Where: Seattle, WA, USA
 17
droidcon Berlin 201518
“droidcon is a global developer conference series and a network focusing on the best of Android. The idea behind droidcon is to support the Android platform and create a strong network for developers and companies.”
- When: June 3–5, 2015
- Where: Berlin, Germany
 19
UX Sofia20
UX Sofia is a design and usability conference featuring 13 experts in the field.
- When: June 3–5, 2015
- Where: Sofia, Bulgaria
 21
UXLx: User Experience Lisbon 201522
“Come to sunny Lisbon for 20 hands-on workshops to hone up your skills and 11 inspiring talks from thought leaders in the field. After hours, mingle with fellow UX Professionals from all over the globe and explore one of the world’s most beautiful cities.”
- When: June 3–5, 2015
- Where: Lisbon, Portugal
 23
UX STRAT Europe 201524
“UX STRAT conferences are carefully curated for UX / CX leaders and experienced professionals who want to develop a more strategic approach to their product and service design programs. UX STRAT presentations are case studies about how leaders within the experience design field organize, analyze, innovate, and communicate.”
- When: June 4–5, 2015
- Where: Amsterdam, Netherlands
 25
UX Lausanne 201526
“UX Lausanne is the first Western Switzerland event dedicated exclusively to User Experience Design & how to design delightful user experiences. Opportunity is given throughout a human-sized two days program (conference and workshops) to densify local and international connections, as well as sharing innovations and ideas in a delightful atmosphere.”
- When: June 4–5, 2015
- Where: Lausanne, Switzerland
 27
Spark Conference28
“It only takes a spark of curiosity to ignite genius. It only takes a spark of passion to ignite teaching. It only takes a spark of motivation to ignite community. It only takes a spark. A generalist technology conference.”
- When: June 6, 2015
- Where: Charlotte, NC, USA
 29
webinale 201530
webinale is the conference for digital professionals, trendsetters and makers on the World Wide Web. It is the optimal crossover platform for knowledge, inspiration and experience across all fields of Web technologies.
- When: June 7–10, 2015
- Where: Berlin, Germany
 31
YGLF (You Gotta Love Frontend)32
“The first international conference of its kind to be held in Israel, will take place in Tel Aviv from June 8th through June 9th, 2015. To kick off the inaugural edition of this annual conference, the world’s top leaders in the field of front-end development will be among the featured guest speakers.”
- When: June 8–9, 2015
- Where: Tel Aviv, Israel
 33
Advatera Digital Leadership Forum34
“The digital leadership forum brings together digital, marketing and communication managers from large and mid-size organizations. It will be an inspiring event with a great selection of guest speakers sharing their thoughts and practical case studies including Heineken, Swisscom, Roland Berger and Beiersdorf.”
- When: June 8–9, 2015
- Where: Vienna, Austria
 35
Layers36
A new design conference for the Mac and iOS community, Layers is “a 3-day conference during WWDC to talk about design, celebrate our industry, and eat snacks. Like a party, but for learning.”
- When: June 8–10, 2015
- Where: San Francisco, CA, USA
 37
QCon New York 201538
“QCon starts with 2 days of tutorials on Monday and Tuesday, June 8-9 followed by the full 3-day conference from Wednesday, June 10-12. The conference will feature over 100 speakers in 6 concurrent tracks daily covering the most timely and innovative topics driving the evolution of enterprise software development today. The setting is the beautiful, centrally-located Marriott at Brooklyn Bridge in New York City.”
- When: June 8–12, 2015
- Where: New York, NY, USA
 39
#dareconf underground40
“At #dareconf underground you’ll learn how to encourage your team to adopt these behaviours using simple techniques rarely seen in design teams. Taken from fields like facilitation, coaching, conflict resolution, and improvisational theatre, these techniques don’t rely on telling people what to do. They work by discovering the group’s common purpose and creating a space where everyone can learn together.”
- When: June 9, 2015
- Where: London, UK
 41
UX Scotland 201542
“A great, practical UX conference in the heart of Edinburgh. Now in its third year we expect UX Scotland 2015 to be even bigger and better than our 2013 and 2014 events. This year’s event dates include 10 June – a pre-conference day.”
- When: June 10–12, 2015
- Where: Edinburgh, UK
 43
NodeConf Adventure44
“NodeConf is the longest running community driven conference for the Node community. Each year has featured the industry’s leading speakers and been a launching point for everything from NodeBots to NodeSchool. This is a special year and will feature the latest in io.js, IoT, and deployment technologies.”
- When: June 11–14, 2015
- Where: Walker Creek Ranch, Petaluma, CA, USA
 45
RubyNation 201546
“The RubyNation Conference will once again bring the best of Ruby to the Mid-Atlantic. Join 270 ruby friends for two days of Ruby and related technologies in the Nation’s capital.”
- When: June 11–13, 2015
- Where: Silver Spring, MD, USA
 47
UX Burlington48
“UX Burlington is a single day, conference-style gathering, focused on what it really takes to build a great user experience on the web. Talks will cover design, development, content, research, and process.”
- When: June 12, 2015
- Where: Burlington, VT, USA
 49
Web Design Day 201550
“Beginning in 2009, Pittsburgh Web Design Day has aimed to bring the best of the Web Design to Pittsburgh in a fun, intimate and affordable event. Organized by G. Jason & Val Head of Refresh Pittsburgh and Viewsource Events, Web Design Day is designed to inspire the wonderful community of folks from Pittsburgh and beyond who work to make the web a better place.”
- When: June 12, 2015
- Where: Pittsburgh, PA, USA
 51
DAHO.AM 201552
“daho.am is back for another one day conference — 2015’s edition will be bigger and better, not just in size, but also with regard to the speakers we’ll be hosting. As the only conference of its kind in Munich, it’s designed to connect experts within the industry and share experiences amongst developers and tech enthusiasts. We once again look forward to welcoming both local developers and those from further afield, with all talks being held in English.”
- When: June 12, 2015
- Where: Munich, Germany
 53
CSS Day 201554
“CSS Day is a one-day advanced CSS conference. Our attendees have been working with CSS for years now. They know it inside-out. So we asked our speakers to treat the really geeky CSS stuff – and that’s what we’ll deliver.”
- When: June 12, 2015
- Where: Amsterdam, Netherlands
 55
Balanced Team Summit 201556
“Balance is action guided by incremental adjustments, rather than an achieved state. At the 2015 Balanced Team Summit, we will explore and share the latest techniques and innovations of Balanced Teams in different sized organizations in the software industry and beyond. Throughout it all, we’ll be considering the question, “What does it mean to be a balanced team?””
- When: June 12-14, 2015
- Where: Grand Rapids, MI, USA
 57
GIANT Conference 201558
“GIANT Conference exists because creativity and community go together like a guitar and amp. GIANT is an event for people who do rad work. We’ll talk about rad work at a technical level, and we’ll talk about rad work in abstract levels. We’ll talk about doing rad work over drinks and music and just a generally good time. We’ll have people talking about rad work who you’ve heard of and people you haven’t. That’s because we think inspiration comes from all over, and rad work happens in all kinds of professions.”
- When: June 14–17, 2015
- Where: Charleston, SC, USA
 59
SmashingConf New York 201560
After the great success of last year’s New York conference, we’re bringing the SmashingConf back to the Big Apple. The rules haven’t changed: “2 days, one track, 18 brilliant speakers, and hands-on, practical and useful talks.” As always we have phenomenal speakers lined up.
- When: June 15–18, 2015
- Where: New York, NY, USA
 61
DWX Developer Week 201562
For the third time the DWX – Developer Week will bring the fields of .NET, Mobile and Web development, soft skills, makers and Internet of Things under one roof in Nuremberg. The participants will get to see 200 experts in the field, some 250 lectures and practice their craft during the workshop day.
- When: June 15–18, 2015
- Where: Nuremberg, Germany
 63
NDC Norwegian Developers Conference 201564
“The speaker line-up is big this year! We have over 150 international speakers ready to supply delegates with the latest and greatest trends in the software industry” and „NDC Oslo kicks off with the Pre-Conference workshops on 15 June.“
- When: June 15–19, 2015
- Where: Oslo, Norway
 65
GOTO Amsterdam 201566
“GOTO Amsterdam is a practitioner-driven enterprise software development conference designed for team leads, architects, and project management and is organized “for developers by developers”. As software developers and architects ourselves, we wanted to craft the ultimate conference.”
- When: June 17–19, 2015
- Where: Amsterdam, Netherlands
 67
Front 201568
“Front is an annual product and design conference held in Salt Lake City. Targeted at designers, product managers, UX, entrepreneurs, and technologists, this three-day event of talks, panels, and workshops, will bring together some of the best talent, thought-leaders, professionals, and artists from around the Wasatch Front to collaborate, network, and inspire each other to create amazing products. Join what will become a major scene for the industry, in the state and across the nation.”
- When: June 17–19, 2015
- Where: Salt Lake City, UT, USA
 69
enterJS 201570
enterJS tackles all JavaScript related challenges facing businesses in a series of talks and workshops. It is focused on helping developers, administrators, project managers and technology deciders design the most professional web experience.
- When: June 17–19, 2015
- Where: Darmstadt, Germany
 71
Responsive Day Out 3: The Final Breakpoint72
Responsive Day out 3 is an “affordable, enjoyable gathering of designers and developers sharing their workflow strategies, techniques, and experiences with responsive web design.”
- When: June 19, 2015
- Where: Brighton, UK
 73
TYPO3camp Berlin 201574
Expect thrilling sessions and great social events in one of the hippest cities in the world. TYPO3camp Berlin is a chance to network with other TYPO3 enthusiasts.
- When: June 19–21, 2015
- Where: Berlin, Germany
 75
Web Standards Day76
Set in St. Petersburg the Web Standards Days conference features many industry experts, discussing various cutting-edge web-standards subjects.
- When: June 20, 2015
- Where: St. Petersburg, Russia
 77
Dynamic Languages 201578
“The DLC is a cross-language event aimed at Open Source Dynamic Languages, we hope to bring together all the languages in an open forum to discuss and present the manner in which these languages approach and solve tasks at the cutting edge of development technology.”
- When: June 20, 2015
- Where: Manchester, UK
 79
UXcamp Europe 201580
“We are one the of the largest BarCamps for User Experience Professionals with 500+ active participants from all over the world and meet in Berlin once a year. The event is held since 2009 and is planned by a team of local volunteers and run during the weekend by everybody attending.”
- When: June 20-21, 2015
- Where: Berlin, Germany
 81
NUX Camp 201582
“We’re a bunch of usability enthusiasts who like to get together to talk about anything and everything to do with the user experience – sharing knowledge, sparking ideas and supporting each other. We’re non-charging, non-profiteering, non-egomaniacal, friendly, normal people who like informal, sociable meetings that give us something to think about. We also like to put on events like this every now and again.”
- When: June 22, 2015
- Where: Leeds, England
 83
MediterráneaJS84
“MediterráneaJS – a two-day not-for-profit conference about JavaScript and digital technology. Organised by BarcelonaJS for the community.“
- When: June 22–23, 2015
- Where: Barcelona, Spain
 85
jQuerySF 201586
“The theme of this year’s conference is Rebirth and a celebration of new and old technologies and companies coming together to breathe new life into web development. Speakers will deliver high utility talks, including tools and information attendees can immediately put into action.„
- When: June 22–23, 2015
- Where: San Francisco, CA, USA
 87
Design The Future: Web Conference at Penn State 201588
“We believe the web is a diverse and interdependent ecosystem, in which all elements–graphic design, code, content strategy, UX and UI development, accessibility, information architecture, instructional design, online marketing, and all other interactive technology–should integrate seamlessly to foster high quality interactive experiences. This conference brings together professionals from all of these fields not only to learn more about their own craft, but also to gain a better understanding of how these elements must work in harmony.“
- When: June 22–24, 2015
- Where: State College, PA, USA
 89
Solid: The O’Reilly Internet of Things Conference90
“Hardware, software, sensors, and physical things are coming together in uncharted waters. To succeed, you’ll need to build teams that cross disciplines in ways never before attempted. Envision new business models. And recognize the “crazy” ideas that are now entirely possible. Learn how at Solid.”
- When: June 23–25, 2015
- Where: San Francisco, CA, USA
 91
IoT Cloud World Forum 201592
“IoT Cloud World Forum 2015 is the world’s leading global internet of things & cloud computing conference focused IoT Cloud Platform, based in London UK Europe. The event covers IoT Platform & Cloud Services Vendors, IoT Enterprises, OEMs and Mobile Operators & Service Providers from across the globe.”
- When: June 25–26, 2015
- Where: London, UK
 93
Code 201594
“Code is two day, one track conference, featuring World leading experts in JavaScript and developing for the Web platform. Produced by Web Directions, and curated by John Allsopp, we’ve got over a decade’s experience in professional events for the Web industry, and John has over 20 years experience developing for, teaching and writing about Web technologies.”
- When: June 25–26, 2015
- Where: Melbourne, Australia
 95
Edge London 201596
Edge London 2015 is a “day of group discussion and debate on advanced web technologies for developers and browser vendors, raising funds for CodeClub. Edge has no conventional talks. Instead, we run two types of session: highly structured panel debates with pre-curated questions, which use tools to surface the most relevant opinions in real time, and more intimate breakouts where everyone sits together and works through a topic in more depth.”
- When: June 27, 2015
- Where: London, UK
 97
July 2015
ReactEurope98
“For more than a year now, React.js has changed the way we think about client-side applications through concepts such as the virtual dom, one-way data flow, immutable data structures and isomorphism. ReactEurope is the occasion to meet the core team and other awesome members of the community to learn, socialize and have fun in the beautiful city of Paris with great food, entertainment, connectivity, prizes and more!”
- When: July 2–3, 2015
- Where: Paris, France
 99
WebVisions Barcelona 2015100
“WebVisions explores the future of design, content creation, user experience and business strategy in an event that inspires learning, collaboration and entrepreneurism. Since 2001, we’ve built a loyal audience of designers, developers and industry leaders.”
- When: July 2-4, 2015
- Where: Barcelona, Spain
 101
CascadiaCSS102
“CascadiaJSFest is a three-day, community-driven conference on the cutting edge of JavaScript and CSS. Browser, server, OS – we cover it all.”
- When: July 8, 2015
- Where: Blaine, WA, USA
 103
App Promotion Summit London 2015104
“In 2013 we believed that app & game promotion deserved its own dedicated event. APS is a high quality, progressive and interactive conference.”
- When: July 9–10, 2015
- Where: London, UK
 105
PHP South Coast Conference 2015106
“Taking place on the south coast of England in Summer 2015, where community members from around the world will come together to learn and share information about the latest trends and technologies in professional PHP development.”
- When: July 18, 2015
- Where: Portsmouth, UK
 107
WDCNZ 2015108
WDC Is Wellington’s conference all around the web. It will feature tech talks by 13 international speakers.
- When: July 23, 2015
- Where: Wellington, New Zealand
 109
Forward 3 Web Technology Summit110
“Multiple tracks will cover an abundance of technical topics including JavaScript, real-time communication, web MVC components, functional programming, scala, clojure, UX, data visualization, and more.”
- When: July 27–31, 2015
- Where: San Francisco, CA, USA
 111
AnDevCon Boston 2015112
Get up to speed on the most recent innovations in Android development in 70+ sessions. “Learn what all the 2015 Google I/O announcements mean for you!”
- When: July 29–31, 2015
- Where: Boston, MA, USA
 113
August 2015
Design And Content Conference114
“At the Design and Content conference we’ll team up and learn from industry leaders how we craft experiences and tell stories that shape the future of the web. A day of workshops, two days of talks, and some amazing extras.”
- When: August 5–7, 2015
- Where: Vancouver, Canada
 115
Prototypes, Process & Play116
“Learn design leadership skills from Adaptive Path, Public Good Software, Google Ventures, and the Chicago Bulls–just to name a few! We’ll gain from the wisdom and experience of brilliant professionals who have been there, done that, and have shown others how to do it, too.”
- When: August 6–7, 2015
- Where: Chicago, IL, USA
 117
NEJS Conf 2015118
“Single day, single track conference dedicated to Web Development and JavaScript.” Keynote will be held by Ethan Marcotte.
- When: August 7, 2015
- Where: Omaha, USA
 119
Laracon US 2015120
“Laracon US is an annual gathering of people who are passionate about building amazing applications with the Laravel web framework.” Learn from 10 industry experts at the Kentucky Center in the Heart of Louisville.
- When: August 11–12, 2015
- Where: Louisville, KY, USA
 121
MidwestJS122
“Midwest JS is a premier technology conference focused on the JavaScript ecosystem. Midwest JS is a premier technology conference focused on the JavaScript ecosystem. There will be a variety of talks from wellknown speakers in the community in a typical presentation format.”
- When: August 12–14, 2015
- Where: Minneapolis, MN, USA
 123
TypeCon2015: Condensed124
“TypeCon is an annual conference presented by the non-profit Society of Typographic Aficionados (SOTA), an international organization dedicated to the promotion, study, and support of typography and related arts. Since the inaugural conference in 1998, TypeCon has explored type for the screen, printing history, Dutch design, type in motion, Arabic calligraphy, the American Arts and Crafts movement, experimental typography, webfonts, and much more.”
- When: August 12–16, 2015
- Where: Denver, CO, USA
 125
re:develop 2015126
“An affordable one day conference packed with great speakers right on the doorstep of Britain’s top rated beach. We’ve got 9 great talks scheduled for you. With a focus on methodologies and experiences you’ll take away plenty of inspiration and practical advice to approaching development projects more effectively. Each speaker will share their own takes on popular dev subjects, with every talk giving you insight on how to get to the best out of yourself, your team and the tools you work with.”
- When: August 14, 2015
- Where: Bournemouth, UK
 127
The Conference 2015 by Media Evolution128
“During two days we explore complexity and trends in the digital world of ours. You can expect everything from brain scientists and activists to marketing experts and cool makers who’ll cover topics like storytelling, design, gut feelings, robots and so on. In the end, it all comes down to exploring our three main themes: Human behavior, new technology and how to make it happen.”
- When: August 18–19, 2015
- Where: Malmö, Sweden
 129
HybridConf 2015130
HybridConf is a “web design and development conference based around bringing designers and developers together in a relaxed environment where they can learn, collaborate, and make new friends. Our core purpose is to bring you an awesome and diverse lineup. Listen to our fantastic speakers talk real world issues, motivation, communication, products, idea-creation, and so much more.”
- When: August 19–21, 2015
- Where: Dublin, Ireland
 131
Laracon EU 2015132
“Laracon EU is the official European Laravel event. Come learn about the state of the industry while networking with like-minded and diversely experienced developers.”
- When: August 25–26, 2015
- Where: Amsterdam, Netherlands
 133
Frontend Conference Zurich 2015134
“The Frontend Conference in Zurich is a two-day double-track conference. The conference is an excellent platform for Swiss and European researchers, developers and designers to present their projects, latest research and technologies in the fields of Web technologies, Web design and UX/HCI (Human Computer Interaction).”
- When: August 27–28, 2015
- Where: Zurich, Switzerland
 135
Write the Docs Europe136
“Join 200 people for a two-day event to explore the art and science of documentation. You can look forward to learning more about documentation systems, tech writing theory, information delivery, and more. Write the Docs brings everyone who writes the docs together in the same room: Writers, Developers, Designers, Support Folks.”
- When: August 31–September 1, 2015
- Where: Prague, Czech Republic
 137
September 2015
Full Stack Fest138
“Full Stack Fest is a programming event in Barcelona held during Sept 1 -5 2015, divided in two two-day single-track conferences: Barcelona Ruby Conference and Barcelona FutureJS.”
- When: September 1–5, 2015
- Where: Barcelona, Spain
 139
New Zealand PHP Conference 2015140
“New Zealand PHP Conference is one of the most important IT events in the region and will feature renown presenters, along with other expert speakers, presenting two concurrent tracks including over 22 talks exploring PHP trends and other topics to both inspire and challenge you.”
- When: September 2–4, 2015
- Where: Wellington, New Zealand
 141
ColdFront 2015142
ColdFront is Copenhagen’s cutting-edge single-day conference. It will feature 10 talks by industry leaders such Lea Verou, Jeremy Keith and Smashing Magazines’s own editor-in-chief.
- When: September 3, 2015
- Where: Copenhagen, Denmark
 143
DjangoCon 2015144
“DjangoCon has something for everyone, from the person who develops Django applications for a living, to the person who just tinkers in their spare time. Whether you’re a Django expert, just started working in Django recently, or are interested in learning, we have talks and tutorials for you. DjangoCon is a great place to learn, exchange ideas, and meet great people.”
- When: September 6–11, 2015
- Where: Austin, TX, USA
 145
UX STRAT USA 2015146
“UX STRAT conferences are carefully curated for UX / CX leaders and experienced professionals who want to develop a more strategic approach to their product and service design programs. UX STRAT presentations are case studies about how leaders within the experience design field organize, analyze, innovate, and communicate.”
- When: September 8–10, 2015
- Where: Athens, GA, USA
 147
UX Cambridge 2015148
UX Cambridge “is a community-driven, practical User Experience conference for software, mobile and web applications. The conference will consist of inspiring & practical keynotes, workshops, tutorials, case studies and experience reports as well as lots of time for informal networking and discussions. Connect and learn from your peers and leaders in the industry in a comfortable and exciting space and take away skills you can immediately use in your work.”
- When: September 9–11, 2015
- Where: Cambridge, UK
 149
MOBX 2015150
MOBX is the “annual conference for Mobile User Experience, small screen Interaction Design and usable interfaces on smart devices. This conference is for all you creative minds out there who deal with User Experience, interfaces and interactions in mobile contexts. MOBX is for all those who love small, mobile interfaces and smart experiences, good usability and consistent behaviour.”
- When: September 11, 2015
- Where: Berlin, Germany
 151
The Lead Developer Conference152
“When you’re busy leading a team, coding and maintaining standards, how do you find the time to stay ahead of new technologies and develop yourself as a technical lead? The Lead Developer is a new conference featuring practical advice from experts on leading and motivating your team and high-level sessions on new and disruptive technologies.”
- When: September 11, 2015
- Where: London, UK
 153
SmashingConf Freiburg 2015154
“Our mission; to explore real-life web design problems, projects and techniques in a way that’s relevant and applicable to your work straight away. A single track with 16 speakers means a focused, well-curated learning experience, and an intimate environment of just 300 attendees ensures a friendly atmosphere!”
- When: September 14–16, 2015
- Where: Freiburg, Germany
 155
SpringOne 2GX 2015156
“This is a one-of-a-kind conference for application developers, solution and data architects. The sessions are specifically tailored for developers using the popular open source Spring IO Projects, Groovy & Grails, Cloud Foundry, RabbitMQ, Redis, Hadoop and Tomcat technologies. Plus you’ll meet and learn from open source leaders who drive innovation for these technologies.”
- When: September 14–17, 2015
- Where: Washington, DC, USA
 157
The Mobility and Modern Web Conference158
“The third annual Mobility and Modern Web Conference will take place September 16-18 2015 at the University of California, Los Angeles. Presented by the UCLA Office of Information Technology, in association with higher ed and corporate partners, it will feature two days of exciting sessions, followed by a day of hands-on workshops, covering the latest trends of mobile and the modern web.”
- When: September 16–18, 2015
- Where: Los Angeles, CA, USA
 159
Generate London 2015160
“Generate conferences are presented by net magazine – the world’s leading print and digital publication for web designers. Established in 1994, net magazine has been at the heart of web design and development for over two decades, and boasts an unparalleled list of contributors and supporters. A source of inspiration, education and networking opportunities, this year’s Generate will be packed with more top content from world-class speakers.”
- When: September 17–18, 2015
- Where: London, UK
 161
Berlin Expert Days 2015162
BED Con 2015 is an web conference dealing with all practical aspects of information technologies. This is a not-for-profit event designed to deliver the most up-to-date information to its visitors, and offers a platform to exchange ideas.
- When: September 17–18, 2015
- Where: Berlin, Germany
 163
From The Front164
From The Front is back in Bologna with an amazing line-up of speakers. This year’s theme is “Frontend in Wonderland”. See talks by Anna Debenham, Tim Kadlec and many more industry leaders.
- When: September 17–18, 2015
- Where: Bologna, Italy
 165
MobileUXCamp DC 2015166
“MobileUX Camp DC brings together people from the fast expanding mobile user experience (UX) community in DC and the rest of East Coast. Join other mobile enthusiasts, user experience designers and anyone interested mobile UX and it’s future.”
- When: September 19, 2015
- Where: Washington, DC, USA
 167
HOW Interactive Design Conference 2015168
“HIDC is for the designer working through complex processes, across platforms, and trying to please both the boss and the client. It’s for anyone looking for help demystifying emerging trends, or the designer, art director or marketer who just wants a better grasp on interactive—from the experts.”
- When: September 20-22, 2015
- Where: San Francisco, USA
 169
DrupalCon Barcelona 2015170
“It’s time for a DrupalCon unlike any other. Come enjoy the final days of summer with us in the sunny, vibrant city of Barcelona, Spain, at a DrupalCon to remember.”
- When: September 21-25, 2015
- Where: Barcelona, Spain
 171
SmartWeb Conference 2015172
“SmartWeb is a conference organized for web designers & developers, UX designers, and web entrepreneurs. During the four session program, attendees will discover the latest trends in modern web and mobile development, and meet their peers and great people from web industry. SmartWeb presentations will be covering the need-to-know topics of the moment, such as Responsive Web Design, HTML5 & CSS3, SASS, JavaScript, and generally include best practices, tips and tricks and much more.”
- When: September 22, 2015
- Where: Bucharest, Romania
 173
MakingWeb 2.15174
“MakingWeb 2.15 is a 2-day conference filled with inspiration and cutting-edge knowledge for people working within the field of front-end and web design hosted by IGM. At MakingWeb, participants with different backgrounds will expand their knowledge together with the best in the industry and are at the same time able to build new networks in a pleasant social environment. MakingWeb will focus mainly on the tools, workflow, webdesign and trends of the trade.”
- When: September 22–23, 2015
- Where: Oslo, Norway
 175
Reject.JS 2015176
“Reject.JS is an annual, community-driven full day JavaScript conference happening in Berlin at September 24th, 2015. We provide an inclusive event that gives newcomers as well as long-time members of the community a relaxed space to meet, exchange experiences and make new friends. Together we explore tech and community topics and give a glimpse of Berlin’s flourishing tech scene.”
- When: September 24, 2015
- Where: Berlin, Germany
 177
PHPConf.Asia178
The “Inaugural pan-Asian PHP conference happening in Singapore this September”. Rasmus Lerdorf, the creator of PHP, will start the conference up as keynote speaker.
- When: September 24–25, 2015
- Where: Singapore
 179
EuroIA 2015180
“EuroIA is Europe’s premier Information Architecture and User Experience conference. In 2015, we’ll have our 11th summit. Start with us into the next decade of growing our community.”
- When: September 24–26, 2015
- Where: Madrid, Spain
 181
Over The Air 2015182
“Over the Air is a unique tech-agnostic event for and by the developer community, featuring technical workshops where attendees can roll up their sleeves and tinker with new mobile & web platforms, operating systems, APIs & open hardware. The tutorial sessions feature real business cases, new insights and a healthy dollop of inspiration.”
- When: September 25–26, 2015
- Where: London, UK
 183
Fluxible 2015184
Fluxible is “the UX party disguised as a conference. Like last year, Fluxible will take place in the Communitech Hub and Tannery Event Centre, in the heart of downtown Kitchener.”
- When: September 25–27, 2015
- Where: Kitchener, Canada
 185
CSSconf EU 2015186
“In late September 2015, CSSconf EU will unite the CSS community in Berlin, Germany. This is your chance to meet top-notch engineers, great web designers, world-class speakers and anyone who cares about CSS. With this one-day, one-track conference, CSS. CSSconf EU is one of the core events of WWWTFFest – yes, you read that right: an entire TechFest celebrating the WWW. An entire week full of community-driven conferences, hackathons, workshops, and social events.”
- When: September 26, 2015
- Where: Berlin, Germany
 187
NCDevCon 2015188
“The NCDevCon Conference is held annually on the Centennial Campus of NC State University in Raleigh, North Carolina and covers a wide variety of web development and design topics including Web / HTML5 / CSS, Mobile, Javascript / jQuery and ColdFusion.”
- When: September 26–27, 2015
- Where: Raleigh, NC, USA
 189
#dareconf London 2015190
“To design digital experiences you need to collaborate with people from different disciplines and backgrounds. You can’t make others take part—they’ll only choose to if it meets their needs. To understand those needs you can learn to use facilitation, coaching, and listening techniques. Practising these techniques will enable more trust and harmony in your work. Attend the third annual #dareconf if you want to: learn facilitation, coaching, and listening techniques in presentations and workshops, reflect on challenges and opportunities at work and choose how to apply what you’ve learned, connect with other people who want to collaborate with their teammates.”
- When: September 28–29, 2015
- Where: London, UK
 191
Topconf Bucharest 2015192
“Topconf Bucharest is a premier international software conference designed for Developers, Product owners / managers, Architects, Project Managers, Methods- and Process-Experts. Our speakers are authors, experts and practitioners across various areas of software development.”
- When: September 29, 2015
- Where: Bucharest, Romania
 193
code.talks 2015194
With 1,500 attendees code.talks is one of the biggest web development conference in Europe. Learn from a large array of speakers about every subject in and around the web and meet your peers.
- When: September 29–30, 2015
- Where: Hamburg, Germany
 195
October 2015
Rebase196
“Great design happens at the points of intersection – between art, science and technology. Rebase is a conference for designers who like to connect the dots. Over two days of events, talks and workshops, you’ll engage with designers from across disciplines, learn meaningful skills, and build lasting connections.”
- When: October 1–2, 2015
- Where: Dublin, Ireland
 197
Mobiconf 2015198
“Mobiconf is an international conference with a strong focus on mobile apps development but not only. During the conference we also plan to cover many mobile-related topics, just to mention UI/UX, apps business and mobile apps project management. This event is your chance to meet well-known speakers representing mobile brands from all over the world who are specialists in their area.”
- When: October 1–2, 2015
- Where: Krakow, Poland
 199
Voxxed Days Belgrade200
“We are proud to present the first Devoxx event in the Balkans – Voxxed Days Belgrade! Two-day and a two-track event in Serbia’s exciting capital will make you want more. Developers, Startup lovers, Geeks, and those of you who find tech as a true inspiration, welcome aboard!”
- When: October 1–2, 2015
- Where: Belgrade, Serbia
 201
Midwest UX 2015202
“A 3-Day gathering of the pioneers, developers and creatives driving a thriving Midwest UX community. This fifth annual conference highlights what’s next in UX through a mix of inspiring talks, hands-on sessions and workshops.”
- When: October 1–3, 2015
- Where: Pittsburgh, PA, USA
 203
Made by Few204
“Made by Few is a single-track, two day conference. The conference focuses on individuals who design and create web/mobile applications and sites. At Made by Few 2015, there will be a total of 8 speakers – 4 speakers presenting each day. The speakers will be a mix of designers, illustrators, developers, and entrepreneurs.”
- When: October 1–3, 2015
- Where: Little Rock, AR, USA
 205
Paris Web 2015206
Paris Web, the Francophone Conference of people doing the web , will be held from 1 to 3 October 2015. It explores the themes of Web accessibility, digital design and open standards. The conferences and workshops Paris Web are organized by the non-profit organization Paris-Web.
- When: October 1–3, 2015
- Where: Paris, France
 207
WebCamp Zagreb 2015208
“WebCamp Zagreb is a tech conference built by community for the community. With nearly 800 web developers & designers attending last years conference, the concept of sharing experiences and knowledge across different communities in South East Europe becomes even more apparent. This year we are targeting more talks in English.”
- When: October 3–4, 2015
- Where: Zagreb, Croatia
 209
Fronteers 2015210
Probably one of the best front-end conferences at the moment. A well-curated set of speakers, great atmosphere, affordable pricing.
- When: October 8–9, 2015
- Where: Amsterdam, Netherlands
 211
World Usability Congress 2015212
“It‘s its application-oriented, economic and holistic approach that makes the World Usability Congress one of a kind on a global scale. We talk about Usability, User Experience (UX) & Customer Experience Management (CX).”
- When: October 7–8, 2015
- Where: Graz, Austria
 213
Productized Conference 2015214
“The Productized event is a 3 day annual gathering that brings top speakers, industry thought leaders and experts to Lisbon to share their insights on how to turn ideas into well designed products, aiming to inspire through talks and workshops in areas such as Product Design, Product Management, Service Design and Hardware Startups.”
- When: October 8–9, 2015
- Where: Lisbon, Portugal
 215
Forge Conference216
“Home to America’s original makers, Philadelphia has tons of great people, meetups and groups, but Forge Conference is the flagship event for those making an impact in the digital space. The conference brings together extraordinary speakers and practitioners from around the country in user experience, design, development, and digital product management. There’s an intimacy to the event, and to the talks, which are focused on sharing stories and lessons learned from some of the most talented and passionate people in the industry.”
- When: October 9, 2015
- Where: Philadelphia, PA, USA
 217
Node.js Conf Italy218
Node.js Conf Italy is “about production node.js usage, mad science built in node (in the past we had a talk on node.js submarines!), cool modules and new approaches.” Organizer “WEBdeBS is a group of people sharing a strong passion for everything related to the web (but not only).”
- When: October 10, 2015
- Where: Desenzano del Garda, Italy
 219
Connect.JS 2015220
“After a stellar inaugural ConnectJS in 2014, we are expanding from 4 to 8 tracks, with twice as many sessions and over 800 people for 2015! With 2 more tracks on Web & JavaScript plus dedicated 2 day tracks on PHP and Ruby/Rails, we’ll have tons of great sessions to choose from – whether your build for the web, server, or mobile.”
- When: October 16–17, 2015
- Where: Atlanta, GA, USA
 221
ASCEND Digital Marketing Summit222
“ASCEND brings together the brightest minds in the industry to learn the strategies and tactics it takes to create successful, results-driven marketing campaigns. We’ve carefully curated our selection of talks to bring you 2-days of practical insights and anecdotes, from content marketing, conversion optimization and more. You’ll walk away with the skills you need to build a better business and become the ultimate digital marketer. Plus, a ton of valuable connections from all of the networking opportunities.”
- When: October 18–20, 2015
- Where: Philadelphia, PA, USA
 223
HTML5 Developer Conference224
“HTML5Devconf is the largest gathering of technical software developers, designers and decision makers in the world focused on Internet software technologies such as JavaScript, HTML5, CSS, node.js and other cross platform web, mobile and server technologies.”
- When: October 19–20, 2015
- Where: San Francisco, CA, USA
 225
ZendCon 2015226
“ZendCon, the global PHP conference, connects the vast PHP ecosystem and provides unique opportunties to engage with prominent PHP speakers, community leaders and vendors. You’ll learn about the latest innovations and network with peers to get educated, advance your PHP practices and solve business challenges. Learn from the largest variety of technical sessions, hear keynote presentations from thought leaders, improve your skills and gain competitive advantage. – See more at: http://www.zendcon.com/about#sthash.JdMGQmdB.dpuf”
- When: October 19–22, 2015
- Where: Las Vegas, NV, USA
 227
SmashingConf Barcelona 2015228
“A brand new Smashing Conference. In a brand new, special location. With the same guiding principles that we care about — a lot. Connecting with the community. Practical lessons learned. Pragmatic insights from people who’ve learned a thing or two from their very own experiences. Two days, 16 speakers, lots of networking. Sound like a good recipe to you?”
- When: October 20–21, 2015
- Where: Barcelona, Spain
 229
Interact London 2015230
“Interact London is a bespoke event that explores the importance of design and the roles that User Experience and Information Architecture play in today’s digital society. The speakers and talks presented represent a mix of ‘philosophy and practice’ from some of the most accomplished thinkers and practitioners in their fields. Interact London is a forum for people to talk about design, the role it plays in the digital world and those who believe that design can make a difference.”
- When: October 20–21, 2015
- Where: London, UK
 231
AngularConnect232
“Coming to London this October, AngularConnect is a two-day, multi-track conference featuring talks from the world’s leading Angular experts, including the core Angular team from Google. We’re expecting up to 1000 developers, making this the largest Angular conference ever! Learn from your peers, get involved in interactive sessions, and contribute to the Angular project.”
- When: October 20–21, 2015
- Where: London, UK
 233
Webdagene 2015234
“Webdagene is Norway’s (probably Scandinavia’s) leading conference for web communicators with 800 attendants in 2014. The conference is hosted and organized by Netlife Research, a Norwegian design and user experience consultancy. Webdagene is a 3-day conference with 1 day of workshops/tutorials and 2 days of keynotes and presentations. Web editors, marketers, communicators, content strategists, digital managers and designers are the primary audience for the conference.”
- When: October 21–23, 2015
- Where: Oslo, Norway
 235
HighLoad++ 2015236
“HighLoad++ is one of Europe’s biggest and most famous professional conferences on the development of high-loaded web-projects. The conference has been held annually in October since 2005. It usually takes place in Moscow; from year to year we choose the best Moscow conference centers for our guests’ convenience.”
- When: October 22–23, 2015
- Where: Moscow, Russia
 237
WebTech Conference 2015238
The WebTech Conference deals with a plethora of technical and methodical concepts, that are import for successfully working in the web today. Besides discussing HTML5 and JavaScript the conference will also feature presentations on modern architecture and methods, such as agile methodology, continuous delivery and DevOps.
- When: October 25–28, 2015
- Where: Munich, Germany
 239
Aggregate Conference 2015240
“Aggregate presents Content Derby. Two days of sessions discussing content as a practice. The first #GGRGT was a conference that melded tactics with community. We’re doing that again, but with a specific focus on content as practice. Everything from getting content from one place to successes (and failures) of implementing particular tactics. Lessons learned. How you overcame challenges.”
- When: October 26–27, 2015
- Where: Louisville, KY, USA
 241
CSS Dev Conf 2015242
“CSS Dev Conf is the place to learn techniques for everyday workflows to cutting-edge specifications landing in browser nightly builds. CSS Dev Conf features some of the most well-known people in CSS making sure you get you get practical, actionable content.”
- When: October 26–28, 2015
- Where: Long Beach, CA, USA
 243
FullStack 2015244
“FullStack is a three day, multi-track conference for full-stack developers. The first two days will consist of talks, discussions, and extended IoT workshops. The third day will include a series of workshops so that you can gain some hands-on experience with the ideas and skills you picked up during the conference. We received lots of ideas, talks and feedback in response to our Call For Thoughts this year and some hot topics, including JavaScript, ES6, Angular, Node, Microservices and IoT are clearly emerging.”
- When: October 26–28, 2015
- Where: London, UK
 245
Future of Web Design San Francisco246
“We proudly bring you the 1st ever Future of Web Design, San Francisco – the event for web designers and developers who want to be on top of their game in usability, responsive design, CSS, and front-end development. With a healthy blend of inspirational sessions and practical advice, #FOWD is the design and developer conference to take your skills to the next level and meet like-minded individuals ready to make the web awesome together.”
- When: October 28–30, 2015
- Where: San Francisco, CA, USA
 247
Amuse UX Conference248
“If you are a UX practitioner, product manager, frontend developer, designer or market researcher of digital products or simply interested what’s happening on the other side of the screen this conference is for you. Come and see how UX is done by the greatest players, get inspiration from their successes and failures and network with other professionals like you.”
- When: October 29–30, 2015
- Where: Budapest, Hungary
 249
REVOLVE Conference250
“REVOLVE Conference is a two-day gathering of creatives from across the country. This special event offers the creative inspiration to rekindle your passion for your work plus the tactical, take-home information and resources you need to achieve and advance in your career. Learn from platform-changing thinkers and disruptive innovators from the creative industry through practical sessions that address the challenges you face today.”
- When: October 29–30, 2015
- Where: Charleston, SC, USA
 251
Droidcon London 2015252
“Want to find out about all the latest Android advances, listen to expert speakers, see fantastic new technologies, and meet the international Android community? Then come and join Droidcon London, the largest Android developer conference in Europe!”
- When: October 29–30, 2015
- Where: London, UK
 253
November 2015
beyond tellerrand 2015254
“The name beyond tellerrand expresses the aim, that everybody involved wants look a bit further, look beyond the edge. It also reflects the global perspective of the event. The expression is a mix of the English word “beyond” and the German phrase “Über den Tellerrand schauen,” which means “Think outside the box”.”
- When: November 2–4, 2015
- Where: Berlin, Germany
 255
Future of Web Design NYC 2015256
“We proudly bring you the 9th annual Future of Web Design, NYC – the event for web designers and developers who want to be on top of their game in usability, responsive design, CSS, and front-end development. With a healthy blend of inspirational sessions and practical advice, #FOWD is the design and developer conference to take your skills to the next level and meet like-minded individuals ready to make the web awesome together.”
- When: November 2–4, 2015
- Where: New York, NY, USA
 257
Thunder Plains Developer Conference258
“Thunder Plains is a web and mobile developer conference organized by theOklahoma City Javascript User Group. The conference focuses on JavaScript and related technologies in a wide variety of different use cases and platforms that make the web all the more interesting.”
- When: November 3, 2015
- Where: Oklahoma City, OK, USA
 259
GWTcon 2015260
“A conference like GWTcon is all about new ideas, getting a renewed perspective on old topics, encouraging discussion and getting to know new people. A whole day focused on GWT and its ecosystem.”
- When: November 11, 2015
- Where: Florence, Italy
 261
Frontiers of Interaction 2015: FrontiersX262
“From mobile payments to improved customer experiences; from wereables to the internet-of-things; new and better digital applications and improved in-branch technologies. This is what you will find at FrontiersX, workshop and staget presentations with the most innovative CEOs from traditional banks and CEOs from the most disruptive start-ups in the global fintech arena.”
- When: November 12–13, 2015
- Where: Milan, Italy
 263
NationJS264
“Bringing the best of development with JavaScript and the Web Platform to the Mid-Atlantic.” Enjoy 2 days and 21 sessions with expert industry speakers.
- When: November 12–13, 2015
- Where: Silver Spring, MD, USA
 265
Collaborate Bristol: UX/Design/IA266
“Collaborate Bristol is a UX, IA and Design conference in celebration of World Usability Day 2015. The conference returns for the third year running, aimed at encouraging sharing, learning and networking within the digital community. The event returns, but with the grand new location of the Arnolfini, offering a unique chance to network with peers and learn from top brands and internationally renowned speakers.”
- When: November 13, 2015
- Where: Bristol, UK
 267
Ampersand 2015268
“Ampersand is an affordable one-day event for knowledgable web designers and type enthusiasts. Ampersand 2015 will be a fabulous day of nitty gritty details in all aspects of web typography, presented by experts in typeface design, layout, typesetting, performance & optimisation.”
- When: November 13, 2015
- Where: Brighton, UK
 269
Full Stack Toronto Conference: #fstoconf15270
“Full Stack Toronto Conference hosts speakers from around the world and across the stack! We organize things a bit differently too, all of our sessions are workshop-style where you can expect to leave with actionable items to continue your career growth, we keep the sessions free of commercial content so you don’t feel like you have been pitched to, and we leave ample time for you to network with your peers to learn about how they approach similar problems. This year we are excited to bring you the same commitment to awesome content and opportunities paired with improvements from your valued feedback.”
- When: November 14–15, 2015
- Where: Toronto, Canada
 271
QCon San Francisco 2015272
“QCon empowers software development by facilitating the spread of knowledge and innovation in the developer community. A practitioner-driven conference, QCon is designed for technical team leads, architects, engineering directors, and project managers who influence innovation in their teams.”
- When: November 16–20, 2015
- Where: San Francisco, CA, USA
 273
5th Global Innovation Forum274
“The 5th Global innovation Forum focuses on innovation, design, creativity, R&D, new product development and future trends. An excellent platform for pure knowledge sharing and establishing new valuable contacts. You can expect a tremendous agenda, experienced speakers, key messages, global players and intense networking.”
- When: November 18–19, 2015
- Where: London, UK
 275
Apps World 2015276
“Developer Conference & Exhibition: Now in its 6th year, Apps World has grown to be the leading global multi-platform event in the app industry. Following on from the success of the 2014 show, this year’s event is set to be the biggest yet with over 350 exhibitors and over 12,000 attendees across the app ecosystem including developers, mobile marketers, mobile operators, device manufacturers, platform owners and industry professionals registered for two days of high level insight and discussion.”
- When: November 18–19, 2015
- Where: London, UK
 277
IoT World Forum 2015278
“IoT World Forum 2015 is the leading Internet of Things Conference 2015 and the world’s leading IoT Event focusing on IoT applications, IoT Solutions and IoT Companies for all verticals including automotive, healthcare, asset and fleet management, manufacturing, security, retail point of sales, smart grid, smart metering, smart home and consumer electronics industry.”
- When: November 18–19, 2015
- Where: London, UK
 279
MODXpo 2015 Munich280
“Come join like-minded MODX professionals and have an amazing exchange of ideas about the role of MODX in the future, MODX development techniques, workflow, web technology in general, and some good ‘ol fashioned fun!”
- When: November 21–22, 2015
- Where: Munich, Germany
 281
December 2015
AnDevCon Santa Clara 2015282
“AnDevCon is the technical conference for software developers and engineers building Android apps. Offering mobile app development training, embedded Android secrets, and Android app development tutorials and classes, AnDevCon is the biggest, most info-packed, most practical Android conference in the world.”
- When: December 1–3, 2015
- Where: Santa Clara, CA, USA
 283
App Promotion Summit Berlin 2015284
“After three groundbreaking conferences, the leading app marketing event is returning to Berlin. Discover from the top industry practitioners how to take your mobile app and game marketing to the next level. We are delighted to be returning to Berlin this November. App Promotion Summit Berlin 2015 will once again bring developers, media companies, app studios and brands together with the mobile ad networks, cross promotion exchanges, software providers and agencies that can help them succeed in mobile app marketing.”
- When: December 3–4, 2015
- Where: Berlin, Germany
 285
More Links To Help You Keep Up
Here are a few links that will help you keep up with newly scheduled design and development conferences being shared through Lanyrd, sorted by category:
Where Are You Going?
If you’re planning to attend any of these events, we’d love to hear your thoughts in the comments section below! What are you most excited about? What are you looking forward to learning and experiencing?
Our next events list will be published in the middle of next year, so keep your eyes (and ears) open! And by the way, the Smashing team is constantly organizing a series of workshops295, as well as the Smashing Conferences296 — it would be wonderful and a great honor to meet you personally someday!
(vf, ml, il, og)
Footnotes- 1 #Jun15
- 2 #Jul15
- 3 #Aug15
- 4 #Sep15
- 5 #Oct15
- 6 #Nov15
- 7 #Dec15
- 8 http://www.m-enabling.com/
- 9 http://www.m-enabling.com/
- 10 https://futureinsightslive.com/las-vegas-2015/
- 11 https://futureinsightslive.com/las-vegas-2015/
- 12 http://frontendsummit.com/
- 13 http://frontendsummit.com/
- 14 http://www.jscamp.ro
- 15 http://www.jscamp.ro/
- 16 http://searchmarketingexpo.com/advanced
- 17 http://searchmarketingexpo.com/advanced/
- 18 http://de.droidcon.com
- 19 http://de.droidcon.com/
- 20 http://www.uxsofia.com
- 21 http://www.uxsofia.com/
- 22 http://www.ux-lx.com
- 23 http://www.ux-lx.com/
- 24 http://www.uxstrat.com/europe/
- 25 http://www.uxstrat.com/
- 26 http://2015.uxlausanne.com
- 27 http://2015.uxlausanne.com/
- 28 http://sparkconf.org
- 29 http://sparkconf.org/
- 30 http://www.webinale.de
- 31 http://www.webinale.de
- 32 http://yougottalovefrontend.com
- 33 http://yougottalovefrontend.com/
- 34 http://www.advatera.com/en/dlf
- 35 http://www.advatera.com/en/dlf
- 36 http://www.bringyourlayers.com
- 37 http://www.bringyourlayers.com/
- 38 https://qconnewyork.com
- 39 https://qconnewyork.com
- 40 https://2015.dareconf.com/underground
- 41 https://2015.dareconf.com/underground
- 42 http://uxscotland.net/
- 43 http://uxscotland.net/
- 44 http://www.nodeconf.com
- 45 http://www.nodeconf.com/
- 46 http://www.rubynation.org
- 47 http://www.rubynation.org/
- 48 http://uxburlington.com
- 49 http://uxburlington.com/
- 50 http://www.webdesignday.com
- 51 http://www.webdesignday.com/
- 52 http://daho.am
- 53 http://daho.am/
- 54 http://cssday.nl
- 55 http://cssday.nl/
- 56 http://www.balancedteam.org/btgr2015
- 57 http://www.balancedteam.org/btgr2015/
- 58 http://www.giantconf.com
- 59 http://www.giantconf.com/
- 60 http://www.smashingconf.com
- 61 http://www.smashingconf.com
- 62 http://www.developer-week.de
- 63 http://www.developer-week.de
- 64 http://www.ndcoslo.com
- 65 http://www.ndcoslo.com/
- 66 http://gotoams.nl
- 67 http://gotoams.nl
- 68 http://www.frontutah.com
- 69 http://www.frontutah.com/
- 70 http://www.enterjs.de
- 71 http://www.enterjs.de/
- 72 http://responsiveconf.com
- 73 http://responsiveconf.com/
- 74 http://www.typo3camp-berlin.de
- 75 http://www.typo3camp-berlin.de/
- 76 http://webstandardsdays.ru/2015/06/20
- 77 http://webstandardsdays.ru/2015/06/20/
- 78 http://www.dynamiclanguages.co.uk
- 79 http://www.dynamiclanguages.co.uk/
- 80 http://www.uxcampeurope.org/
- 81 http://www.uxcampeurope.org/
- 82 http://2015.nuxcamp.uk/
- 83 http://2015.nuxcamp.uk/
- 84 http://mediterraneajs.eu
- 85 http://mediterraneajs.eu/
- 86 http://jquerysf.com
- 87 http://jquerysf.com/
- 88 http://webconference.psu.edu
- 89 http://webconference.psu.edu/
- 90 http://solidcon.com/internet-of-things-2015
- 91 http://solidcon.com/internet-of-things-2015
- 92 http://iotcloudworldforum.com
- 93 http://iotcloudworldforum.com/
- 94 http://www.webdirections.org/code15
- 95 http://www.webdirections.org/code15/
- 96 https://edgeconf.com/2015-london
- 97 https://edgeconf.com/2015-london
- 98 https://www.react-europe.org
- 99 https://www.react-europe.org/
- 100 http://www.webvisionsevent.com/barcelona/
- 101 http://www.webvisionsevent.com/barcelona/
- 102 http://2015.cascadiajs.com/css
- 103 http://2015.cascadiajs.com/css/
- 104 http://apppromotionsummit.com
- 105 http://apppromotionsummit.com/
- 106 https://phpsouthcoast2015.eventbrite.co.uk
- 107 https://phpsouthcoast2015.eventbrite.co.uk/
- 108 http://wdcnz.com
- 109 http://wdcnz.com/
- 110 http://forwardjs.com
- 111 http://forwardjs.com/
- 112 http://www.andevcon.com/boston
- 113 http://www.andevcon.com/boston
- 114 http://www.designcontentconf.com
- 115 http://www.designcontentconf.com/
- 116 http://chicagocamps.org/events/2015/prototypes-process-play
- 117 http://chicagocamps.org/events/2015/prototypes-process-play/
- 118 https://nejsconf.com/
- 119 https://nejsconf.com//
- 120 http://laracon.us
- 121 http://laracon.us/
- 122 http://midwestjs.com
- 123 http://midwestjs.com/
- 124 http://www.typecon.com
- 125 http://www.typecon.com/
- 126 http://redevelop.io
- 127 http://redevelop.io/
- 128 http://www.theconference.se
- 129 http://www.theconference.se/
- 130 http://hybridconf.com
- 131 http://hybridconf.com/
- 132 http://laracon.eu
- 133 http://laracon.eu/
- 134 http://www.frontendconf.ch
- 135 http://www.frontendconf.ch/
- 136 http://www.writethedocs.org/conf/eu/2015
- 137 http://www.writethedocs.org/conf/eu/2015/
- 138 http://fullstackfest.com
- 139 http://fullstackfest.com/
- 140 http://www.phpconference.org.nz
- 141 http://www.phpconference.org.nz/
- 142 http://coldfrontconf.com
- 143 http://coldfrontconf.com/
- 144 https://2015.djangocon.us
- 145 https://2015.djangocon.us/
- 146 http://www.uxstrat.com/usa/
- 147 http://www.uxstrat.com/
- 148 http://uxcambridge.net/2015/
- 149 http://uxcambridge.net/2015/
- 150 http://mobxcon.com
- 151 http://mobxcon.com/
- 152 http://theleaddeveloper.com
- 153 http://theleaddeveloper.com/
- 154 http://smashingconf.com/freiburg-2015/
- 155 http://smashingconf.com/freiburg-2015/
- 156 http://springone2gx.com
- 157 http://springone2gx.com/
- 158 http://mmwcon.org
- 159 http://mmwcon.org/
- 160 http://www.generateconf.com/london-2015
- 161 http://www.generateconf.com/london-2015
- 162 http://bed-con.org
- 163 http://bed-con.org/
- 164 http://fromthefront.it
- 165 http://fromthefront.it/
- 166 http://www.mobileuxcamp.com
- 167 http://www.mobileuxcamp.com/
- 168 http://www.howinteractiveconference.com/
- 169 http://www.howinteractiveconference.com
- 170 https://events.drupal.org/barcelona2015
- 171 https://events.drupal.org/barcelona2015
- 172 http://www.smartwebconf.com/
- 173 http://www.smartwebconf.com//
- 174 http://makingweb.no
- 175 http://makingweb.no/
- 176 http://rejectjs.org
- 177 http://rejectjs.org/
- 178 http://phpconf.asia
- 179 http://phpconf.asia/
- 180 http://www.euroia.org
- 181 http://www.euroia.org/
- 182 http://overtheair.org
- 183 http://overtheair.org/
- 184 http://www.fluxible.ca
- 185 http://www.fluxible.ca/
- 186 http://2015.cssconf.eu
- 187 http://2015.cssconf.eu/
- 188 http://ncdevcon.com
- 189 http://ncdevcon.com/
- 190 https://2015.dareconf.com/london
- 191 https://2015.dareconf.com/london
- 192 http://topconf.com/bucharest-2015
- 193 http://topconf.com/bucharest-2015/
- 194 http://www.codetalks.de
- 195 http://www.codetalks.de/
- 196 http://www.rebase.ie
- 197 http://www.rebase.ie/
- 198 http://www.mobiconf.org
- 199 http://www.mobiconf.org/
- 200 https://voxxeddays.com/belgrade15
- 201 https://voxxeddays.com/belgrade15/
- 202 http://2015.midwestuxconference.com
- 203 http://2015.midwestuxconference.com/
- 204 http://madebyfew.com
- 205 http://madebyfew.com/
- 206 https://www.paris-web.fr
- 207 https://www.paris-web.fr/
- 208 http://2015.webcampzg.org
- 209 http://2015.webcampzg.org/
- 210 https://fronteers.nl/congres/2015
- 211 https://fronteers.nl/congres/2015/
- 212 http://www.worldusabilitycongress.com
- 213 http://www.worldusabilitycongress.com/
- 214 http://www.productized.co
- 215 http://www.productized.co/
- 216 http://forgeconf.com
- 217 http://forgeconf.com/
- 218 http://nodejsconf.it
- 219 http://nodejsconf.it/
- 220 http://connect-js.com
- 221 http://connect-js.com/
- 222 http://www.ascendsummit.com/?utm_source=PR&utm_medium=email&utm_campaign=ascend2015&utm_content=SmashingConf_eventlisting
- 223 http://www.ascendsummit.com/?utm_source=PR&utm_medium=email&utm_campaign=ascend2015&utm_content=SmashingConf_eventlisting/
- 224 http://html5devconf.com
- 225 http://html5devconf.com/
- 226 http://www.zendcon.com/
- 227 http://www.zendcon.com/
- 228 http://barcelona.smashingconf.com
- 229 http://barcelona.smashingconf.com/
- 230 http://2015.interactconf.com
- 231 http://2015.interactconf.com/
- 232 http://angularconnect.com
- 233 http://angularconnect.com/
- 234 http://webdagene.no
- 235 http://webdagene.no/
- 236 http://www.highload.ru
- 237 http://www.highload.ru/
- 238 https://webtechcon.de/2015
- 239 https://webtechcon.de/2015/
- 240 http://aggregateconference.com
- 241 http://aggregateconference.com/
- 242 http://2015.cssdevconf.com
- 243 http://2015.cssdevconf.com/
- 244 https://skillsmatter.com/conferences/6612-fullstack-the-conference-on-node-javascript-html5-hackable-electronics
- 245 https://skillsmatter.com/conferences/6612-fullstack-the-conference-on-node-javascript-html5-hackable-electronics
- 246 https://futureofwebdesign.com/san-francisco-2015
- 247 https://futureofwebdesign.com/san-francisco-2015/
- 248 http://amuseconf.com
- 249 http://amuseconf.com/
- 250 http://revolveconf.com
- 251 http://revolveconf.com/
- 252 http://uk.droidcon.com/2015
- 253 http://uk.droidcon.com/2015/
- 254 http://beyondtellerrand.com
- 255 http://beyondtellerrand.com/
- 256 https://futureofwebdesign.com/nyc-2015
- 257 https://futureofwebdesign.com/nyc-2015/
- 258 http://thunderplainsconf.com
- 259 http://thunderplainsconf.com/
- 260 http://www.gwtcon.org
- 261 http://www.gwtcon.org/
- 262 http://2015.frontiersofinteraction.com/
- 263 http://2015.frontiersofinteraction.com/
- 264 http://nationjs.com
- 265 http://nationjs.com/
- 266 http://2015.collaborateconf.com
- 267 http://2015.collaborateconf.com/
- 268 http://2015.ampersandconf.com
- 269 http://2015.ampersandconf.com/
- 270 http://fsto.co
- 271 http://fsto.co/
- 272 http://www.qconsf.com
- 273 http://www.qconsf.com/
- 274 http://innovation2015.com
- 275 http://innovation2015.com/
- 276 http://www.apps-world.net/europe
- 277 http://www.apps-world.net/europe
- 278 http://iotinternetofthingsconference.com
- 279 http://iotinternetofthingsconference.com/
- 280 http://2015.modxpo.eu/
- 281 http://2015.modxpo.eu/
- 282 http://www.andevcon.com/santaclara
- 283 http://www.andevcon.com/santaclara
- 284 http://apppromotionsummit.com/BERLIN/2015/
- 285 http://apppromotionsummit.com/BERLIN/2015//
- 286 http://lanyrd.com/topics/design/
- 287 http://lanyrd.com/topics/web-design/
- 288 http://lanyrd.com/topics/web-development/
- 289 http://lanyrd.com/topics/html5/
- 290 http://lanyrd.com/topics/css/
- 291 http://lanyrd.com/topics/javascript/
- 292 http://lanyrd.com/guides/ux-design-conferences/
- 293 http://lanyrd.com/topics/user-experience/
- 294 http://lanyrd.com/topics/mobile/
- 295 http://www.smashingmagazine.com/workshops/
- 296 http://www.smashingconf.com/
The post Upcoming Web Design Events (June–December 2015) appeared first on Smashing Magazine.
|
|
The Scanadu Scout
Some of the screens you may see on your smartphone after scanning with the Scout.
Scanadu Scout units being manufactured, packaged, and sent to Indiegogo backers.
Sam du Brouwer and Scanadu's next device, the Scanaflo
That black slab could be the most advanced virtual reality headset ever created: the Oculus Rift.
Sony's Project Morpheus, designed for use with the PlayStation 4 console, could give the Rift a run for its money. Maybe.
With the Rift, gamers can easily take a look around their virtual cockpits in the spaceship sim Elite: Dangerous.
The rejection notice from Apple over the Swim.com Pebble Uploader update
As you run, Games in Motion will pit you against enemies
Smoke bombs are just one way to dispatch bad guys who want to get between you and your daily burn.
Mica smart bracelet from Intel and Opening Ceremony
The button-shaped Curie processor from Intel, announced at the Consumer Electronics Show
The Overcast app has a revamped interface.
WatchKit has proved temperamental.
A smartwatch is a completely different device.
Chip helps teach users how to program with the Scratch coding language built in.
A built-in GUI operating system makes Chip cheap AND easy.
Want to navigate through menus on the new Gear smartwatch? Its rotating bezel acts similarly to the Apple Watch's digital crown.
Samsung is making a big show about working with developers before launching its new wearable. That's a good thing considering the criticisms suffered by its previous smartwatch efforts.
Cyanogen provides a very Android-like experience, but with enough different features to make it appealing to those looking to get away from Google.
Pebble Time (photo by 
The Suitsy, inside out
Source: App Annie
Source: App Annie
Source: App Annie
A mouse-click effect in ScreenFlow 5
Jon Wiley, formerly the lead designer of Google Search, now principal designer of Google Cardboard and VR (image via 
Google Now's Card UI was Wiley's brainchild
The Apple TV, set for an upgrade
I'm sorry—this is bonkers
Epiphany Eyewear
A close-up look at Epiphany Eyewear's well-hidden camera.
Skully, an AR-infused motorcycle helmet
Microsoft HoloLens Minecraft demo
TZOA co-founder and inventor Kevin Hart at Wearable World Congress 2015
The TZOA app provides a real-time air quality report, a daily digest of a user's environmental exposure, and crowdsourced air quality maps
The larger TZOA Research Edition
Oculus CTO John Carmack at Oculus Connect in 2014.
Oculus Rift invitation for June 11 press event
Samsung has its own IoT plans.
Source: Adobe Mobile Marketing Survey 2014
Source: Adobe & eConsultancy Digital Intelligence Briefing 2015
Source: Adobe
Source: Adobe
The Linkit One Arduino development board
This smart brewer was made using LinkIt One, and was on display at 
New Macbook owners have more options for how they want to set up Force Touch
The DualShock 3 was the second PlayStation controller to feature pressure-sensitive buttons. Sony dropped the feature for the PS4's gamepad, however.
Source: Adobe
Google Cardboard inventor Clay Bavor explaining the three parts that comprise Jump
GoPro's Jump rig
The new and improved Google Cardboard, which now supports devices with screens measuring up to six inches
Google Expeditions
Cortana on Android.
Project Soli can track a user's hand movements. So instead of swiping or tapping a screen, you could run your forefinger along your thumb. 
Behind the screens of Windy Day, an example of Spotlight Story's SDK, which in this case, stands for Story Development Kit.
Screenshot via 
A glimpse at how a Windows 10 Mobile device will look on the big screen with continuum
Apple CarPlay in the 2016 Chevy Cruze
Android Auto in the 2015 Hyundai Sonata
Soon users will be able to cast content in a queue, rather than one-by-one.
The new Game Manager API makes it easier for developers to make multiplayer Chromecast games than ever before.
A new Remote Display API might make virtual controllers out of all of our smartphones.
Google Cast product manager Nathan Camarillo goes over some of the new tools at developers' disposal at I/O.
The Powermat wireless charging station is based on PMA's charging standard.
The Samsung Galaxy S6 is compatible with PMA and Qi wireless charging stations.
Eric Frenkiel
A Shopify ad for Pinterest's Buyable Pins product which appeared prior to the product's launch.
Lutron's 
Without this certification logo, a smarthome device won't be HomeKit compatible.
Chart by the Ferenstein Wire
Here's what you see if you install the Study Kit app and you're not a registered participant.
Maybe your Android Wear device could link you into a larger Study Kit ecosystem down the road.
A Blocks smartwatch prototype being assembled
One of the brief glimpses Magic Leap has given of its work.
Another Magic Leap promotional image.
The gaming options on Android TV devices suddenly got a lot more interesting...
With actual apps to download, you might not rue the day you dropped $99 on the Nexus Player.
"The data warehouse was kind of a mess," said Airbnb VP of Engineering Mike Curtis at OpenAir 2015 in San Francisco.
security lock locks Flickr 
Pebble founder and CEO Eric Migicovsky speaking his mind on Apple's lack of openness at 2015's Wearable World Congress in San Francisco.
Source: The Ferenstein Wire
Talk to Siri, and she'll listen. 
Siri doesn't care how mundane your request might be. Want to know something about potatoes? Siri has potatoes.
Susan Prescott explains the new News app on iOS 9.
The iPad's new Slide Over feature
The Split View multitasking feature is exclusive to the iPad Air 2, much to older iPad owners' chagrin.
Tony Cue croons about Apple Music. 
Craig Federighi, Apple's senior vice president for software engineering, updates the WWDC 2015 audience on OS X El Capitan delivery dates.
Deep linked, on-device content delivered via the new search API, along with the integrated back button to return users to their search.
One of the IFTTT mobile apps.
The new feature in action.
Keyboard shortcuts will help users get more work done on an iPad...or an iPad Pro.
The new Split View for iPad suggests that an iPad Pro may be on the way.
The Surface 3 is Microsoft's answer to the iPad: an affordable, powerful-enough tablet that can imitate a computer if it wants to.
Changes are coming to Maps in iOS 9.
The new Medium login screen.
The lowest part of the line approaches 7 nanometers. (Graph courtesy of Intel)
Old Facebook ‘friends’ icon (left); new version (right)
Old Facebook ‘groups’ icon (left); new version (right)
