This site uses cookies to improve your experience. To help us insure we adhere to various privacy regulations, please select your country/region of residence. If you do not select a country, we will assume you are from the United States. Select your Cookie Settings or view our Privacy Policy and Terms of Use.
Cookie Settings
Cookies and similar technologies are used on this website for proper function of the website, for tracking performance analytics and for marketing purposes. We and some of our third-party providers may use cookie data for various purposes. Please review the cookie settings below and choose your preference.
Used for the proper function of the website
Used for monitoring website traffic and interactions
Cookie Settings
Cookies and similar technologies are used on this website for proper function of the website, for tracking performance analytics and for marketing purposes. We and some of our third-party providers may use cookie data for various purposes. Please review the cookie settings below and choose your preference.
Strictly Necessary: Used for the proper function of the website
Performance/Analytics: Used for monitoring website traffic and interactions
Free Online Workshop: Frustrating Design Patterns And How To Fix Them. Free Online Workshop: Frustrating Design Patterns And How To Fix Them. Join us for a free online workshop on Frustrating Design Patterns on Monday, September 27 at 9:00 AM PDT / 6PM CET. Register for the free workshop. Mon, Sep 27.
Upcoming Live Workshops On Front-End & UX (Oct 2021–Jan 2022). Upcoming Live Workshops On Front-End & UX (Oct 2021–Jan 2022). There are fantastic video courses out there, yet online workshops are just different. That’s why we break workshops down into 2.5h-sessions Free Smashing Workshop.
Smashing Workshops: Winter 2021. Smashing Workshops: Winter 2021. That’s why we break our online Smashing workshops down into 2.5h-sessions Designing The Perfect Navigation Vitaly Friedman 2 sessions Dec 2–3 ux Early birds! Front-End Testing Masterclass Gleb Bahmutov 4 sessions Feb 8–16 dev Early birds!
The Value Of Concept Testing As Part Of Product Design. The Value Of Concept Testing As Part Of Product Design. UX design teams are passionate about our approach to solving problems and providing users with experiences that lead to their desired outcomes. What Is Concept Testing? Victor Yocco.
This is the question I get asked the most, so I’ve put together this article describing a workshop recipe you can use. In Domain-Driven Design, a large system is decomposed into bounded contexts , which become natural boundaries in code as microservices and as teams in the organisation. 30 minutes) Bounded Context Design Canvas (min.
New Smashing Online Workshops on Front-End & UX. New Smashing Online Workshops on Front-End & UX. You might know it already, but perhaps not yet: we regularly run friendly online workshops around front-end and design. All workshops sessions are broken down into 2.5h-segments What Are Workshops Like?
Inspired Design Decisions: Neville Brody Design Cannot Remain Neutral. Inspired Design Decisions: Neville Brody Design Cannot Remain Neutral. Local bands designed their own publicity and the mostly two-colour artwork was edgy and unpolished. Local screen-printing workshops offered affordable flyers and posters.
Local Testing A Serverless API (API Gateway And Lambda). Local Testing A Serverless API (API Gateway And Lambda). This article is for anyone struggling with testing cloud services locally, and specifically for people wanting to locally test an API that uses API Gateway and Lambda, with the Serverless framework, on AWS.
Here we describe the role of Experimentation and A/B testing within the larger Data Science and Engineering organization at Netflix, including how our platform investments support running tests at scale while enabling innovation. What more can we learn from this test, to inform the next one?”
Maintaining End-To-End Quality With Visual Testing. Maintaining End-To-End Quality With Visual Testing. Testing is a critical part of any developer’s workflow. But often automated tests can be a pain to manage. A Quick Look At Some Of The Types Of Automated Testing. Colby Fayock. 2021-07-19T10:30:00+00:00.
In a real-life scenario, you might need to create a lighter or darker shade of a color to quickly test or validate something. Note : I’m using Sketch app, but you use whatever design tool you want. On design systems, CSS/JS and UX. Jump to online workshops ?. Consider the following design: ( Large preview ).
I believe that attitude towards the design of code and architecture is one of them. In my experience, the culture is better and the results are better in orgs where engineers and architects obsess over the design of code and architecture. Both valuing design and striving for continuous delivery are necessary.
In the real world, content often differs vastly from the neat, perfectly fitting content presented in designs. In this article, we’ll walk through the process of taking a seemingly simple design for a text-and-media component and deciding how best to translate it into code, keeping in mind the needs of both users and content authors.
I am available to help you find and fix your site-speed issues through performance audits , training and workshops , consultancy , and more. I’m available for hire to help you out with workshops , consultancy , advice , and development. I’m available for hire to help you out with workshops , consultancy , advice , and development.
Email Testing Flow As It Should Be. Email Testing Flow As It Should Be. By testing every single email aspect! Unfortunately, email testing is often underestimated and leads to email testing mistakes that kill all your effort spent on creating a great email sequence. Let’s talk email testing! More after jump!
All you need to do is select a base color, the contrast ratio of the shades, and the number of color variations you’d like to have, and the tool generates a perfectly-balanced color palette that you can copy and paste into your favorite design tool. On design systems, CSS/JS and UX. Jump to online workshops ?. A true timesaver.
The big up front design phase that lasts for months (if not quarters) is going to be a tough sell when the AI brought to bear is touted as a major time saver: in the minds of the buyers, either the machines speed things up or they dont. This has ramifications for the consulting business model. Not the customers business.
Existing best practices and guidance, such as the Web Content Accessibility Guidelines (WCAG), give us a solid foundation for inclusive design and already incorporate many details that affect dyslexic readers. In this article, we’ll look at ways to make an existing design dyslexia-friendly. On design systems, CSS/JS and UX.
Whether you’re just starting out with Figma or have been using it for a good while now, this post will give you just enough pointers to make your design process faster and smoother. design tokens. design systems. responsive design and testing. responsive design and testing. Table of Contents.
JavaScript Design Patterns. Knights of the Flexbox Table is another well-designed interactive course to help you learn the different aspects of the flexbox specification. On design systems, CSS/JS and UX. Jump to online workshops ?. Design Patterns Game. Image source: Design Patterns Game ). CSS Flexbox.
With Moore’s Law becoming irrelevant, Asanovic made a strong case for the new vertical semiconductor business model where custom chip designs are needed for vertically integrated markets. In particular, she highlighted her transformative MIT’78 VLSI System Design Course she designed and taught as a Visiting Professor of EECS at MIT.
The case for accessibility is this; we as stakeholders, managers, teams, designers and developers need to do better in not only practicing accessibility but advocating for it as well. Of the 1 million home pages that were tested, over 51 million errors were detected averaging 51.4 Inclusive design and accessibility go hand-in-hand.
Continue reading below ↓ Meet Smashing Online Workshops on front-end & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A. On design systems, CSS/JS and UX. Jump to online workshops ?. More after jump! With Carie Fisher, Stefan Baumgartner and so many others.
Joining the Beta is free and once you submit the form, it should not take more than two or three days before you see Interactive Components appear in your Figma design tool. I have created a Figma design file with the examples from this article. Once you join the Beta, you can duplicate my design and follow along more easily.
The result is that we create better designed software systems and teams of problem solvers rather than order takers. Used judiciously, EventStorming gives us the ability to uncover enough information about our domain and our business that we can use it to design our microservices, bounded contexts, and even our teams.
Among PC laptops , I tested two 15.6-inch Continue reading below ↓ Meet Smashing Online Workshops on front-end & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A. On design systems, CSS/JS and UX. Jump to online workshops ?. To be sure, I tested it. My Printing Test.
We use Lighthouse and WebPagetest as our synthetic testing tools for performance to measure CLS. Continue reading below ↓ Meet Smashing Online Workshops on front-end & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A. On design systems, CSS/JS and UX. Jump to online workshops ?.
STELLA: report from the SNAFU-catchers workshop on coping with complexity , Woods 2017, Coping with Complexity workshop. Today’s choice is a report from a 2017 workshop convened with that title, and recommended to me by John Allspaw – thank you John! Workshop context. What happens during an incident.
The design was made by a design and UX agency that also handled the HTML prototype (based on Bootstrap 4). For the launch, we mostly focused on getting the new design out the door, but once the website’s relaunch went live, we started focusing our attention on turning the red and orange scores to greens. Large preview ).
. +-- modules/ | +-- payout/ | +-- index.js | +-- assets/ | +-- Components/ | +-- PayOut.vue | +-- UserInfo.vue | +-- store/ | +-- index.js. | +-- actions.js | +-- mutations.js. | +-- Test/. There is also a test folder to carry out testing for this feature. Jump to the workshop ?. Testing libraries. Unit testing.
Following are the codecs and/or configurations tested and reported against the baseline in the form of BD rate. CLIC dataset; 303 images; 2048x1320 resolution We selected a subset of images from the dataset made public as part of the workshop and challenge on learned image compression (CLIC) , held in conjunction with CVPR.
To improve the quality of a software product built by developers, software testing is the key. Testing is essential to ensure that the end product delivered is stable and works according to the required specifications. Test coverage has a huge impact on what is received as an end product. Training and adaptation.
Continue reading below ↓ Meet Smashing Online Workshops on front-end & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A. On design systems, CSS/JS and UX. Jump to online workshops ?. CSS is designed to not lose content, to not cause harm. More after jump! Debugging Overflow.
Continue reading below ↓ Deep-dive into front-end accessibility with Carie Fisher in her upcoming Smashing workshop on Accessible Front-End Patterns. With best practices and guidelines on accessibility, assistive technology and inclusive design patterns. Jump to the workshop ?. react-keyed-flatten-children tests.
Whenever we export an icon from a design tool, it comes with a specific fill and other color values defined in the design. Continue reading below ↓ Meet Smashing Online Workshops on front-end & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A. Jump to online workshops ?.
They were designed to provide a way to execute JavaScript code in the background, separate from the main execution thread of a web page, in order to improve performance and responsiveness. Web Workers are designed to perform tasks that do not require direct access to the UI, such as data processing, image manipulation, or calculations.
When designing cards, you might want a border-radius to have a quite sizeable value when there is enough space to display it along with other cards. Continue reading below ↓ Meet Smart Interface Design Patterns , with Vitaly Friedman. Jump to the workshop ?. Conditional Border Radius In CSS. Online, and live. CSS Charts.
Copywriting is about human psychology, consumer behaviour and applying tried and tested methodologies. Continue reading below ↓ Meet Smart Interface Design Patterns , with Vitaly Friedman. Jump to the workshop ?. 10 Writing Tips for Web Designers. A classic from copywriter John Caples, the man behind spilt testing.
That assumption was correct until I began testing the range input across multiple browsers and quickly realized that I had a lot more work on my hands. Continue reading below ↓ Meet Smashing Online Workshops on front-end & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A. More after jump!
Whether it’s dev, staging, testing, or production, developers need assurance that the code they deploy to one environment is going to work in another. Developers at the "Istio Hands-on Workshop" at KubeCon in Copenhagen. The way they’ve designed Kubernetes and its use of containers to actually run apps has become very powerful.
There are plenty of them out there already that have been tested, audited, used and reused and you should prefer these ones over your own. It is tentalizing to address all design problems with them, especially on mobile, but there often are other ways to overcome design issues. Jump to the workshop ?. Let’s fix that!
Componentizing generally makes testing and maintenance easier. You can check Website Sameness or Web Design Trends: Why Do All Websites Look The Same? Here I’m rendering a test page (you can see the source here ) using Google Webmaster Tools’ “Fetch as Google”. progress * 4 ) } workshops · { Math. for some inspiration :).
For testing on your local PC, I’d recommend the module live-server , which you can install via npm. Continue reading below ↓ Meet Smashing Online Workshops on front-end & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A. On design systems, CSS/JS and UX. Jump to online workshops ?.
We organize all of the trending information in your field so you don't have to. Join 5,000+ users and stay up to date on the latest articles your peers are reading.
You know about us, now we want to get to know you!
Let's personalize your content
Let's get even more personalized
We recognize your account from another site in our network, please click 'Send Email' below to continue with verifying your account and setting a password.
Let's personalize your content