[Valid RSS] This is a valid RSS feed.


This feed is valid, but interoperability with the widest range of feed readers could be improved by implementing the following recommendations.


  1. <?xml version="1.0" encoding="utf-8" standalone="yes" ?>
  2. <rss version="2.0" xmlns:atom="">
  3.  <channel>
  4.    <title>Articles on Smashing Magazine — For Web Designers And Developers</title>
  5.    <link></link>
  6.    <atom:link href="" rel="self" type="application/rss+xml" />
  7.    <description>Recent content in Articles on Smashing Magazine — For Web Designers And Developers</description>
  8.    <generator>Hugo --</generator>
  9.    <language>en-us</language>
  10.    <lastBuildDate>Mon, 22 Jan 2018 13:43:48 +0100</lastBuildDate>
  12.      <item>
  13.        <title>Now You See Me: How To Defer, Lazy-Load And Act With IntersectionObserver</title>
  14.        <link></link>
  15.        <pubDate>Mon, 22 Jan 2018 13:43:48 +0100</pubDate>
  17.        <guid></guid>
  18.        <description>Once upon a time, there lived a web developer who successfully convinced his customers that sites should not look the same in all browsers, cared about accessibility, and was an early adopter of CSS grids. But deep down in his heart it was performance that was his true passion: He constantly optimized, minified, monitored, and even employed psychological tricks in his projects.
  19. Then, one day, he learned about lazy-loading images and other assets that are not immediately visible to users and are not essential for rendering meaningful content on the screen.</description>
  20.      </item>
  22.      <item>
  23.        <title>Monthly Web Development Update 1/2018: Browser Diversity, Ethical Design, And CSS Alignment</title>
  24.        <link></link>
  25.        <pubDate>Fri, 19 Jan 2018 15:17:55 +0100</pubDate>
  27.        <guid></guid>
  28.        <description>I hope you had a great start into the new year. And while it’s quite an arbitrary date, many of us take the start of the year as an opportunity to try to change something in their lives. I think it’s well worth doing so, and I wish you the best of luck for accomplishing your realistic goals. I for my part want to start working on my mindfulness, on being able to focus, and on pursuing my dream of building an ethically correct, human company with Colloq that provides real value to users and is profitable by its users.</description>
  29.      </item>
  31.      <item>
  32.        <title>How To Internationalize Your WordPress Website</title>
  33.        <link></link>
  34.        <pubDate>Fri, 19 Jan 2018 08:43:49 +0000</pubDate>
  36.        <guid></guid>
  37.        <description>On September 30th, 2017, the international WordPress community united for 24 hours to translate the WordPress ecosystem. For the third time, #WPTranslationDay fused an all-day translating marathon with digital and contributor day events designed to promote the value of creating accessible experiences for global users, better known as &#34;localization&#34;.
  38. As an open-source community, we should all strive to localize our open-source contributions. Before you can transcribe your digital assets though, you have to internationalize your codebase.</description>
  39.      </item>
  41.      <item>
  42.        <title>Learning Elm From A Drum Sequencer (Part 2)</title>
  43.        <link></link>
  44.        <pubDate>Thu, 18 Jan 2018 12:57:56 +0100</pubDate>
  46.        <guid></guid>
  47.        <description>In part one of this two-part article, we began building a drum sequencer in Elm. We learned the syntax, how to read and write type-annotations to ensure our functions can interact with one another, and the Elm Architecture, the pattern in which all Elm programs are designed.
  48. In this conclusion, we&amp;rsquo;ll work through large refactors by relying on the Elm compiler, and set up recurring events that interact with JavaScript to trigger drum samples.</description>
  49.      </item>
  51.      <item>
  52.        <title>Understanding And Using REST APIs</title>
  53.        <link></link>
  54.        <pubDate>Wed, 17 Jan 2018 13:30:34 +0100</pubDate>
  56.        <guid></guid>
  57.        <description>There&amp;rsquo;s a high chance you came across the term &amp;ldquo;REST API&amp;rdquo; if you&amp;rsquo;ve thought about getting data from another source on the internet, such as Twitter or Github. But what is a REST API? What can it do for you? How do you use it?
  58. In this article, you&amp;rsquo;ll learn everything you need to know about REST APIs to be able to read API documentations and use them effectively.</description>
  59.      </item>
  61.      <item>
  62.        <title>A Comprehensive Guide To UX Research</title>
  63.        <link></link>
  64.        <pubDate>Wed, 17 Jan 2018 11:30:56 +0100</pubDate>
  66.        <guid></guid>
  67.        <description>(This is a sponsored article.) Before embarking upon the design phase of any project, it&amp;rsquo;s critical to undertake some research so that the decisions you make are undertaken from an informed position. In this third article of my series for Adobe XD, I&amp;rsquo;ll be focusing on the importance of undertaking user research.
  68. Your job title might not be &amp;ldquo;design researcher&amp;rdquo;, but that doesn&amp;rsquo;t mean you shouldn&amp;rsquo;t at the very least inform yourself of your users and their needs by undertaking at least some initial scoping research before you embark upon a project.</description>
  69.      </item>
  71.      <item>
  72.        <title>How Big Is That Box? Understanding Sizing In CSS Layout</title>
  73.        <link></link>
  74.        <pubDate>Tue, 16 Jan 2018 13:50:04 +0100</pubDate>
  76.        <guid></guid>
  77.        <description>A key feature of Flexbox and Grid Layout is that they can deal with distributing available space between, around and inside grid and flex items. Quite often this just works, and we get the result we were hoping for without trying very hard. This is because the specifications attempt to default to the most likely use cases. Sometimes, however, you might wonder why something ends up the size that it is.</description>
  78.      </item>
  80.      <item>
  81.        <title>Free Online Event On Building And Maintaining Design Systems</title>
  82.        <link></link>
  83.        <pubDate>Tue, 16 Jan 2018 12:25:08 +0100</pubDate>
  85.        <guid></guid>
  86.        <description>(This is a sponsored article.) Everybody&#39;s talking about design systems, but they are more than just a trend. They are a best practice for design consistency and efficiency between designers and developers.
  87. Back in the day, only large companies could afford the effort of building and maintaining a design system. Nowadays, with the growth of new tools and processes, they have become much more feasible for companies of all sizes.</description>
  88.      </item>
  90.      <item>
  91.        <title>How To Make A Drag-and-Drop File Uploader With Vanilla JavaScript</title>
  92.        <link></link>
  93.        <pubDate>Mon, 15 Jan 2018 13:12:09 +0100</pubDate>
  95.        <guid></guid>
  96.        <description>It&amp;rsquo;s a known fact that file selection inputs are difficult to style the way developers want to, so many simply hide it and create a button that opens the file selection dialog instead. Nowadays, though, we have an even fancier way of handling file selection: drag and drop.
  97. Technically, this was already possible because most (if not all) implementations of the file selection input allowed you to drag files over it to select them, but this requires you to actually show the file element.</description>
  98.      </item>
  100.      <item>
  101.        <title>Air Lookout Is The Side Project That Changed My Design Process Forever</title>
  102.        <link></link>
  103.        <pubDate>Fri, 12 Jan 2018 13:16:39 +0000</pubDate>
  105.        <guid></guid>
  106.        <description>In February of 2015, I began working on an iOS app called Air Lookout. The goal of the app was to simplify and remove any obfuscation of air quality information. After over a year of working nights and weekends, the total net income since it launched in 2016 has been less than $1,000. Even with those numbers, I would relive every hour of work.
  107. The one thing that I can’t place a monetary value on is how the experience of creating Air Lookout has completely changed my mind on the process of design and development for every project I have worked on since.</description>
  108.      </item>
  110.      <item>
  111.        <title>Universal Principles Of User Experience Design</title>
  112.        <link></link>
  113.        <pubDate>Fri, 12 Jan 2018 10:48:31 +0100</pubDate>
  115.        <guid></guid>
  116.        <description>(This is a sponsored article.) As designers working in an ever-changing field, it’s important that we develop an understanding of the timeless design principles that underpin everything we do. In the second article in my series for Adobe XD, I’ll explore the foundations that enable us to establish some universal principles of UX.
  117. These principles, which should sit at the heart of everything we design and build, are critical and will stand the test of time:</description>
  118.      </item>
  120.      <item>
  121.        <title>Learning Elm From A Drum Sequencer (Part 1)</title>
  122.        <link></link>
  123.        <pubDate>Thu, 11 Jan 2018 14:00:36 +0100</pubDate>
  125.        <guid></guid>
  126.        <description>If you&amp;rsquo;re a front-end developer following the evolution of single page applications (SPA), it&amp;rsquo;s likely you&amp;rsquo;ve heard of Elm, the functional language that inspired Redux. If you haven&amp;rsquo;t, it&amp;rsquo;s a compile-to-JavaScript language comparable with SPA projects like React, Angular, and Vue.
  127. Like those, it manages state changes through its virtual dom aiming to make the code more maintainable and performant. It focuses on developer happiness, high-quality tooling, and simple, repeatable patterns.</description>
  128.      </item>
  130.      <item>
  131.        <title>Designing Friction For A Better User Experience</title>
  132.        <link></link>
  133.        <pubDate>Wed, 10 Jan 2018 14:24:18 +0100</pubDate>
  135.        <guid></guid>
  136.        <description>In experience design, friction is anything that prevents users from accomplishing their goals or getting things done. It&amp;rsquo;s the newsletter signup overlay covering the actual content, the difficult wording on a landing page, or the needless optional questions in a checkout flow. It&amp;rsquo;s the opposite of intuitive and effortless, the opposite of “Don&amp;rsquo;t make me think.”
  137. Having said that, friction can still be a good thing sometimes. In game design, for example, friction is actually required.</description>
  138.      </item>
  140.      <item>
  141.        <title>Visual Studio Code Can Do That?</title>
  142.        <link></link>
  143.        <pubDate>Tue, 09 Jan 2018 14:55:05 +0100</pubDate>
  145.        <guid></guid>
  146.        <description>About two years ago, I begrudgingly opened Visual Studio Code (VS Code) for the first time. The only reason I even did so is that I was working on a TypeScript project (also quite begrudgingly) and I was tired of fighting with the editor and the compiler and all of the settings that I needed to make a TypeScript project work. Someone mentioned to me that TypeScript &amp;ldquo;just works&amp;rdquo; in VS Code and I was pleasantly surprised to find that they were right.</description>
  147.      </item>
  149.      <item>
  150.        <title>Ghost Button Design: Is This Really Still A Thing (And Why)?</title>
  151.        <link></link>
  152.        <pubDate>Mon, 08 Jan 2018 14:17:06 +0000</pubDate>
  154.        <guid></guid>
  155.        <description>For such a small design element, buttons sure are a complicated one to tackle. It makes sense, what with call-to-action buttons serving as the next step in your visitors’ path to conversion. Mess that up and you might as well say “bye-bye” to business.
  156. Though we have a good understanding of the types of button design rules that universally work, there will be times when you’re surprised by a rogue element that performs well.</description>
  157.      </item>
  159.      <item>
  160.        <title>Dwelling On The Past: The Importance Of Self Reflection (Part 2)</title>
  161.        <link></link>
  162.        <pubDate>Fri, 05 Jan 2018 15:06:03 +0000</pubDate>
  164.        <guid></guid>
  165.        <description>Current and aspiring web professionals must continually grow in order to stay relevant. Our field doesn’t allow for stagnation. In part one of this series, I discussed the importance of project retrospectives in facilitating and documenting team growth. We don’t always have the luxury of engaging in team retrospectives, or even of working on teams. Personal reflection provides similar benefits, while focusing on your individual experiences.
  166. Personal reflection enables us to process and make meaning of all of the great (and not so great) learning and working experiences we’ve had.</description>
  167.      </item>
  169.      <item>
  170.        <title>The Rise Of The State Machines</title>
  171.        <link></link>
  172.        <pubDate>Thu, 04 Jan 2018 14:05:57 +0100</pubDate>
  174.        <guid></guid>
  175.        <description>It’s 2018 already, and countless front-end developers are still leading a battle against complexity and immobility. Month after month, they&#39;ve searched for the holy grail: a bug-free application architecture that will help them deliver quickly and with high quality. I am one of those developers, and I’ve found something interesting that might help.
  176. We have taken a good step forward with tools such as React and Redux. However, they’re not enough on their own in large-scale applications.</description>
  177.      </item>
  179.      <item>
  180.        <title>Front-End Performance Checklist 2018 [PDF, Apple Pages]</title>
  181.        <link></link>
  182.        <pubDate>Wed, 03 Jan 2018 16:03:13 +0000</pubDate>
  184.        <guid></guid>
  185.        <description>Performance matters — we all know it. However, do we actually always know what our performance bottlenecks exactly are? Is it expensive JavaScript, slow web font delivery, heavy images, or sluggish rendering? Is it worth exploring tree-shaking, scope hoisting, code-splitting, and all the fancy loading patterns with intersection observer, clients hints, CSS containment, HTTP/2 and service workers? And, most importantly, where do we even start improving performance and how do we establish a performance culture long-term?</description>
  186.      </item>
  188.      <item>
  189.        <title>The Front-End Performance Challenge: Winner And Results</title>
  190.        <link></link>
  191.        <pubDate>Wed, 03 Jan 2018 16:15:37 +0100</pubDate>
  193.        <guid></guid>
  194.        <description>A few weeks ago, we asked our readers and the community to use everything they could to make their websites and projects perform blazingly fast. Today, we&amp;rsquo;re thrilled to show off the results of this challenge and announce the winner who will be awarded with some smashing prizes indeed!
  195. What prizes, you ask? The winner wins a roundtrip flight to London, full accommodation in a fancy hotel, a ticket to SmashingConf London 2018, and last but not least, a Smashing workshop of their choice.</description>
  196.      </item>
  198.      <item>
  199.        <title>Introducing Web Payments: Easier Online Purchases With The Payment Request API</title>
  200.        <link></link>
  201.        <pubDate>Tue, 02 Jan 2018 12:52:21 +0000</pubDate>
  203.        <guid></guid>
  204.        <description>Buying things online can be a frustrating process, especially on mobile. Even if the pages are well designed, there&amp;rsquo;s a lot of information required: Our contact information, shipping and billing addresses, shipping option and card details. If you&amp;rsquo;ve ever just given up sometimes, you&amp;rsquo;re in the majority.
  205. The Baymard Institute took an average across 37 different studies and found that 69% of shopping carts are abandoned.
  206. A typical, long checkout form on mobile.</description>
  207.      </item>
  209.      <item>
  210.        <title>Inspiring Desktop Wallpapers To Welcome 2018 (January Edition)</title>
  211.        <link></link>
  212.        <pubDate>Sun, 31 Dec 2017 11:22:10 +0000</pubDate>
  214.        <guid></guid>
  215.        <description>The new year is an opportunity to start over fresh, to overcome routines and rethink processes. And, well, despite all the New Year’s resolutions you might have made, sometimes it’s the small things that work wonders. A tidy desktop and a new, inspiring wallpaper, for example, that caters for a little inspiration shot when you need one.
  216. To kick off 2018 with wallpapers that are a bit more distinctive as the usual crowd, artists and designers from across the globe once again challenged their artistic skills and designed unique desktop wallpapers for you to indulge in.</description>
  217.      </item>
  219.      <item>
  220.        <title>Making The Transition From After Effects To CSS Transitions And Keyframes</title>
  221.        <link></link>
  222.        <pubDate>Fri, 29 Dec 2017 13:05:22 +0100</pubDate>
  224.        <guid></guid>
  225.        <description>Websites are looking more and more like mobile apps. Users are also increasingly expecting a more app-like experience. From push notifications to offline mode, native web apps are getting there.
  226. Once web apps function like native apps, the design interactions would also change to address the use case — namely, the ubiquity of animations. Animations drive interactions in all of our favourite apps, from Uber to Lyft and Snapchat to Instagram.</description>
  227.      </item>
  229.      <item>
  230.        <title>A Sneak-Peek Inside The Southeast Asian Web Community</title>
  231.        <link></link>
  232.        <pubDate>Thu, 28 Dec 2017 14:56:05 +0000</pubDate>
  234.        <guid></guid>
  235.        <description>A few weeks ago, Vitaly Friedman (co-founder of this little magazine) and I had the pleasure to join Mozilla’s Developer Roadshow, traveling through four countries in Southeast Asia in just two weeks. We visited cities that are buzzing with life and met people who share our passion for the web. Our mission: To get up close with the Southeast Asian web community. We wanted to learn how different local communities are compared to Europe and the US.</description>
  236.      </item>
  238.      <item>
  239.        <title>Standing Out From The Crowd: Improving Your Mobile App With Competitive Analysis</title>
  240.        <link></link>
  241.        <pubDate>Thu, 28 Dec 2017 11:42:33 +0100</pubDate>
  243.        <guid></guid>
  244.        <description>The mobile app industry is arguably one of the most competitive industries in the world. With around 2.8 million apps available for download in the Google Play store and 2.2 million in Apple’s App Store, getting your app seen, let alone downloaded, can be difficult.
  245. With such fierce competition, it is important to make your app the best it can be. One of the most productive ways to do this is by conducting a competitive analysis to see where your competitors are at, what is working for them, what isn’t and what you can do better.</description>
  246.      </item>
  248.      <item>
  249.        <title>Productivity Tips And Tricks: The Community Shares Its Piece Of Advice</title>
  250.        <link></link>
  251.        <pubDate>Wed, 27 Dec 2017 16:04:00 +0100</pubDate>
  253.        <guid></guid>
  254.        <description>Productivity tips always make for a popular topic for an article, as everyone is looking for the silver bullet, that one weird trick that turns you into a productivity machine. However, the tips that work well for one person may not work so well for another.
  255. We asked the community on Twitter and Facebook to share their best productivity tips, and in this article I&amp;rsquo;m going to round these up alongside some things I&amp;rsquo;ve learned that work well for me.</description>
  256.      </item>
  258.      <item>
  259.        <title>Dealing With Stress As A Designer: Here&#39;s What Research Says</title>
  260.        <link></link>
  261.        <pubDate>Fri, 22 Dec 2017 09:23:42 +0100</pubDate>
  263.        <guid></guid>
  264.        <description>The world is a stressful place. That’s probably why if you search for articles about dealing with stress you’ll find lots of great advice. But the problem is that most of it is pretty generic. Eat good food. Exercise. Get plenty of sleep. Those are all good general tips &amp;mdash; but is there anything more specific to the profession of design?
  265. If you’re a designer who feels stressed from time to time, then this article is for you.</description>
  266.      </item>
  268.      <item>
  269.        <title>32 Free And Friendly Office Icons</title>
  270.        <link></link>
  271.        <pubDate>Wed, 20 Dec 2017 20:19:09 +0100</pubDate>
  273.        <guid></guid>
  274.        <description>The web has changed the way we work. Startups rethought what offices look like, and with a laptop in your bag, you can get work done from anywhere anyways — no matter if it’s your desk at home or the cozy coffee shop around the corner. Over are the times of dark and stuffy cubicles — in many companies, at least.
  275. To remove the dust from the term “office” and give the visuals revolving around it a fresh and friendly face, too, the creative minds at Vexels designed a set of 32 office-themed icons.</description>
  276.      </item>
  278.      <item>
  279.        <title>Building Better UI Designs With Layout Grids</title>
  280.        <link></link>
  281.        <pubDate>Wed, 20 Dec 2017 16:34:12 +0100</pubDate>
  283.        <guid></guid>
  284.        <description>(This is a sponsored post.) Designers of all types constantly face issues with the structure of their designs. One of the easiest ways to control the structure of a layout and to achieve a consistent and organized design is to apply a grid system.
  285. A grid is like invisible glue that holds a design together. Even when elements are physically separated from each other, something invisible connects them together.
  286. While grids and layout systems are a part of the heritage of design, they’re still relevant in this multiscreen world we live in.</description>
  287.      </item>
  289.      <item>
  290.        <title>Inspiration From Mobile Dating Apps: How To Improve Your Designs</title>
  291.        <link></link>
  292.        <pubDate>Tue, 19 Dec 2017 13:58:15 +0100</pubDate>
  294.        <guid></guid>
  295.        <description>Making improvements to your mobile app’s design isn’t necessarily the easiest of tasks. After all, how much can really be accomplished within such a limited space? You recognize that mobile users’ attention spans are waning and that, consequently, they expect a speedy, convenient and engaging experience when using apps.
  296. Realistically, how many other ways can there be to satisfy these expectations that haven’t already been done before?
  297. Let’s take mobile dating apps.</description>
  298.      </item>
  300.      <item>
  301.        <title>Breaking The Rules: Using SQLite To Demo Web Apps</title>
  302.        <link></link>
  303.        <pubDate>Mon, 18 Dec 2017 16:14:18 +0100</pubDate>
  305.        <guid></guid>
  306.        <description>Most potential users will want to try out the software or service before committing any time and money. Some products work great by just giving users a free trial, while other apps are best experienced with sample data already in place. Often this is where the age-old demo account comes into play.
  307. However, anyone who has ever implemented a demo account can attest to the problems associated. You know how things run on the Internet: Anyone can enter data (whether it makes sense or not to the product) and there is a good chance that the content added by anonymous users or bots could be offensive to others.</description>
  308.      </item>
  310.      <item>
  311.        <title>The Smashing Mystery Riddle Is Resolved: When Purple Rain Meets Felix The Cat</title>
  312.        <link></link>
  313.        <pubDate>Fri, 15 Dec 2017 16:54:16 +0000</pubDate>
  315.        <guid></guid>
  316.        <description>These riddles can be quite addictive and annoying, can&amp;rsquo;t they? With seven mischievous riddles published over the last few years, we&amp;rsquo;ve learned a few lessons along the way. At this point, you might be used to endless, mischievous, tricky, mean, time-consuming and intricate Mystery Riddles, and the latest one wasn&amp;rsquo;t any different. It had to be playful and challenging, and take at least 45 mins to resolve. In the end, the first answer to the new riddle came in after 1h 48minafter the (slightly delayed — sorry about that!</description>
  317.      </item>
  319.      <item>
  320.        <title>Monthly Web Development Update 12/2017: Pragmatic Releasing, Custom Elements, And Making Decisions</title>
  321.        <link></link>
  322.        <pubDate>Fri, 15 Dec 2017 12:18:30 +0000</pubDate>
  324.        <guid></guid>
  325.        <description>Today I read an eye-opening article about the current young generation and their financial future. It’s hard to grasp words like “Millenials”, and there’s much talk about specific issues they face, but, for many of us, it’s not easy to understand their struggle — no matter if you’re older or younger than me (I qualify under the Millenial generation). But Michael Hobbes’ entertaining and super informative article revealed a lot to me.</description>
  326.      </item>
  328.      <item>
  329.        <title>An Introduction To Automated Testing Of WordPress Plugins With PHPUnit</title>
  330.        <link></link>
  331.        <pubDate>Thu, 14 Dec 2017 14:38:50 +0000</pubDate>
  333.        <guid></guid>
  334.        <description>WordPress is a popular content management system for building websites because it is easy to get started with and a ton of themes and plugins are available to extend its feature set. The main reason WordPress has a lot of plugins and themes is because it&#39;s easy for developers of any level to start building one. Most of its developers are not experienced, and they do not write tests for their work, perhaps because of the following reasons:</description>
  335.      </item>
  337.      <item>
  338.        <title>How Do I Know If Venture Capital Fits My Business?</title>
  339.        <link></link>
  340.        <pubDate>Wed, 13 Dec 2017 22:21:40 +0100</pubDate>
  342.        <guid></guid>
  343.        <description>There is a popular image in the world of software which many young and inexperienced entrepreneurs are becoming infatuated with. It’s the idea that when you come up with an awesome idea, the highest peak to strive for — the ultimate goal — is getting in front of a venture capitalist and receiving a huge lump sum to propel your business to unimaginable heights and bring tremendous personal wealth. Well then, let’s explore what it really means to fund your business with equity capital.</description>
  344.      </item>
  346.      <item>
  347.        <title>How To Use Underlined Text To Improve User Experience</title>
  348.        <link></link>
  349.        <pubDate>Wed, 13 Dec 2017 10:03:28 +0100</pubDate>
  351.        <guid></guid>
  352.        <description>(This article is supported by Adobe.) An underline is a horizontal line immediately below a portion of text. In our everyday experience, we underline to emphasize key sections of text, sometimes drawing an underline by hand below printed text. But underlines have their own place in the world of digital design. In fact, underlined text has become one of the most common, most recognizable features of our online experience. When we see an underlined word or sentence on a web page, we immediately assume it’s a link.</description>
  353.      </item>
  355.      <item>
  356.        <title>The Smashing Mystery Riddle #8, An Emoji Edition</title>
  357.        <link></link>
  358.        <pubDate>Tue, 12 Dec 2017 14:40:34 +0000</pubDate>
  360.        <guid></guid>
  361.        <description>Oh yes, the infamous mystery riddles are back! To celebrate the relaunch of this little website, we&#39;ve prepared something special yet again — a Smashing Emoji Mystery Riddle. And this time, instead of scouting an answer in a physical place or on Twitter, it&#39;s well hidden somewhere on this website.
  362. So, What Can You Win? Among the first readers who tweet @smashingmag all the hidden emoji, we&#39;ll raffle a quite extraordinary, smashing prize (and a couple of other Smashing extras):</description>
  363.      </item>
  365.      <item>
  366.        <title>Understanding CSS Layout And The Block Formatting Context</title>
  367.        <link></link>
  368.        <pubDate>Mon, 11 Dec 2017 15:54:00 +0100</pubDate>
  370.        <guid></guid>
  371.        <description>There are a few concepts in CSS layout that can really enhance your CSS game once you understand them. This article is about the Block Formatting Context (BFC). You may never have heard of this term, but if you have ever made a layout with CSS, you probably know what it is. Understanding what a BFC is, why it works, and how to create one is useful and can help you to understand how layout works in CSS.</description>
  372.      </item>
  374.      <item>
  375.        <title>How To Iterate Your Way To A Winning Content-Driven Website</title>
  376.        <link></link>
  377.        <pubDate>Fri, 08 Dec 2017 16:36:53 +0100</pubDate>
  379.        <guid></guid>
  380.        <description>If, like me, you spend most of your days working on content-driven websites, you can feel left out of the cool kid&#39;s party. Best practice like Agile, continual iteration, and user feedback don’t sit quite as well when serving up lots of information, rather than a killer web app.
  381. When I talk about a content-driven site, I am referring to any website whose primary aim is to convey information, rather than complete tasks.</description>
  382.      </item>
  384.      <item>
  385.        <title>Using Design Workouts To Build World-Class Design Teams</title>
  386.        <link></link>
  387.        <pubDate>Thu, 07 Dec 2017 17:26:47 +0100</pubDate>
  389.        <guid></guid>
  390.        <description>What do the makers of the most successful products in the world, whether digital or physical, have in common? I bet they put design and user experience at the center of everything they do. These companies recognize that the smallest detail can make or break a product. The best design ideas, though, are made not in isolation, but by strong, well-rounded teams. So, how do you cultivate a strong design team?</description>
  391.      </item>
  393.      <item>
  394.        <title>Everything You Ever Wanted To Know About Prototyping (But Were Afraid To Ask)</title>
  395.        <link></link>
  396.        <pubDate>Thu, 07 Dec 2017 09:22:01 +0100</pubDate>
  398.        <guid></guid>
  399.        <description>Prototypes are my framework for learning new tools, platforms and techniques. A prototype works as hard proof that an idea will or won’t work. It is central to my entire creative process and is the medium I use to relate to the people and businesses I collaborate with.
  400. I’m gushy about prototypes because I think they can work wonders, but I also think they don’t get they’re due. Prototyping is usually not incorporated into project timelines at all or, if it is, usually as some tangential deliverable to a larger project.</description>
  401.      </item>
  403.      <item>
  404.        <title>The Evolution Of User Experience Design</title>
  405.        <link></link>
  406.        <pubDate>Wed, 06 Dec 2017 13:28:33 +0100</pubDate>
  408.        <guid></guid>
  409.        <description>(This series of articles is kindly supported by Adobe.) We’re fortunate enough to be working at an incredibly exciting time in our industry. Yes, the challenges are considerable, but the opportunities are – equally – transformational. It’s never been a more exciting time to work as a User Experience (UX) designer.
  410. Great designers deliver wonderful, considered and memorable experiences. Doing that isn’t easy and – through this series of articles – I’ll provide a wealth of pointers to ensure you’re on the right track.</description>
  411.      </item>
  413.      <item>
  414.        <title>Copyright Law Essentials All Designers Should Know</title>
  415.        <link></link>
  416.        <pubDate>Tue, 05 Dec 2017 09:27:12 +0100</pubDate>
  418.        <guid></guid>
  419.        <description>As software designers or developers, you have the important task of ensuring that a program works the way it is supposed to while being efficient, user-friendly, and unique. After all the creativity that is poured into making a program work just right, it’s fair to say that a well-designed software program is a work of art.
  420. From a legal perspective, a software program is a complex work that includes both functional and artistic elements.</description>
  421.      </item>
  423.      <item>
  424.        <title>Welcome To The Next Level Of Mobile App Development</title>
  425.        <link></link>
  426.        <pubDate>Mon, 04 Dec 2017 15:00:00 +0100</pubDate>
  428.        <guid></guid>
  429.        <description>(This is a sponsored article.) As users spend 89% of their mobile time inside apps &amp;mdash; and 56% of all traffic is now mobile &amp;mdash; creating a mobile app has become a top priority for many businesses. Statistics show that the average American spends more than two hours a day on their mobile device. Having a mobile app can be beneficial for your company for a number of reasons. But we all know that building an app from scratch is difficult &amp;mdash; the gap between a concept and solution is wide and requires a lot of time, effort and money.</description>
  430.      </item>
  432.      <item>
  433.        <title>Debugging CSS Grid Layouts With Firefox Grid Inspector</title>
  434.        <link></link>
  435.        <pubDate>Mon, 04 Dec 2017 14:56:33 +0100</pubDate>
  437.        <guid></guid>
  438.        <description>You may have heard quite a bit of talk about a CSS feature called &amp;ldquo;Grid&amp;rdquo; this year. If you are someone who cringes when you hear the words &amp;ldquo;CSS&amp;rdquo; and &amp;ldquo;grid&amp;rdquo; in the same sentence, then I highly suggest you check out this new CSS module called CSS Grid.
  439. Browsers render HTML elements as boxes according to the CSS box model, and CSS Grid is a new layout model that provides authors the ability to control the size and position of these boxes and their contents.</description>
  440.      </item>
  442.      <item>
  443.        <title>Customizing Admin Columns In WordPress</title>
  444.        <link></link>
  445.        <pubDate>Fri, 01 Dec 2017 17:46:00 +0100</pubDate>
  447.        <guid></guid>
  448.        <description>(This is a sponsored article.) If you manage a WordPress website, you&#39;ve probably faced a common problem. How do you get insight into all of your content at a glance? WordPress&#39; admin area does not show you much about your pages, posts, users and comments. That can make it hard to find the right page, to check if all associated fields are properly filled, or simply to get a general sense of your website&#39;s content.</description>
  449.      </item>
  451.      <item>
  452.        <title>Cheerful Wallpapers To Deck Your December Desktop (2017 Edition)</title>
  453.        <link></link>
  454.        <pubDate>Thu, 30 Nov 2017 12:59:33 +0100</pubDate>
  456.        <guid></guid>
  457.        <description>To get you in the right mood for December and the upcoming holiday season, artists and designers from across the globe once again got their creative ideas bubbling and created festive and inspiring desktop wallpapers for you. Wallpapers that are a bit more distinctive as the usual crowd and that are bound to add some holiday cheer to your screen.
  458. All wallpapers featured in this post can be downloaded for free and come in versions with and without a calendar for December 2017.</description>
  459.      </item>
  461.      <item>
  462.        <title>From Idea To Reality: Designing An App With Sketch And Xcode</title>
  463.        <link></link>
  464.        <pubDate>Wed, 29 Nov 2017 13:12:42 +0000</pubDate>
  466.        <guid></guid>
  467.        <description>Everyone has an idea for a mobile app, from your mom to the guy you met in line at the grocery store. You might even be one of those people, if you are reading this tutorial. Building your own app really gives you the ability to create anything you can imagine. For some people, the idea is the easy part; when it comes to making it a reality, they have no clue where to start.</description>
  468.      </item>
  470.      <item>
  471.        <title>Designing Ethics: Shifting Ethical Understanding In Design</title>
  472.        <link></link>
  473.        <pubDate>Tue, 28 Nov 2017 15:21:04 +0000</pubDate>
  475.        <guid></guid>
  476.        <description>The influence of design is expanding beyond the realms of typography and objects and into healthcare, public policy, education, financial services, and more. Designers working in these emerging design fields are responsible for projects that have significant and fundamental impact on the quality of people&#39;s lives with clear ethical implications.
  477. In healthcare, for example, designers are responsible for creating everything from the industrial designer&#39;s medical device that keeps a heart beating to the service designer&#39;s physical layout of an operating room.</description>
  478.      </item>
  480.      <item>
  481.        <title>Designing For A Browserless Web</title>
  482.        <link></link>
  483.        <pubDate>Mon, 27 Nov 2017 15:23:31 +0100</pubDate>
  485.        <guid></guid>
  486.        <description>What happens when we take the web browser out of web browsing? Google’s new &#34;Add to Homescreen&#34; feature delivers fast, focused web experiences that are indistinguishable from those of a native app. What can designers learn from the successes of early adopters such as Twitter, and how can we leverage app-like design patterns to tackle this brand new set of user experience challenges?
  487. The &#34;Add to Homescreen&#34; installation process, as shown on Google Chrome Developer’s mobile website (Image source) (Large preview) We’ve seen debates on the topic of native versus web experiences.</description>
  488.      </item>
  490.      <item>
  491.        <title>Building Accessible Menu Systems</title>
  492.        <link></link>
  493.        <pubDate>Thu, 23 Nov 2017 16:25:45 +0000</pubDate>
  495.        <guid></guid>
  496.        <description>Editor’s Note: This article originally appeared on Inclusive Components. If you’d like to know more about similar inclusive component articles, follow @inclusicomps on Twitter or subscribe to the RSS feed. By supporting on Patreon, you can help to make it the most comprehensive database of robust interface components available.
  497. Classification is hard. Take crabs, for example. Hermit crabs, porcelain crabs, and horseshoe crabs are not &amp;mdash; taxonomically speaking &amp;mdash; true crabs.</description>
  498.      </item>
  500.  </channel>
  501. </rss>

If you would like to create a banner that links to this page (i.e. this validation result), do the following:

  1. Download the "valid RSS" banner.

  2. Upload the image to your own server. (This step is important. Please do not link directly to the image on this server.)

  3. Add this HTML to your page (change the image src attribute if necessary):

If you would like to create a text link instead, here is the URL you can use:

Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda