Codecamps in Flip Flops - a one week coding bootcamps
The elements on the page are organised in the same way as words in a book: from left to right and from top to bottom. If you have been using CSS for a while,…
4 days ago
A new Gmail (Concept)
Indhuja Pillai Bangalore, India A new Gmail (Concept) Interaction Design UI/UX Product Design 2933 93 12 Published: February 13, 2018 Sketch App Flinto Indhuja
4 days ago
Nested routes with React Router v4
React Router v4 introduced a new declarative, component based approach to routing. With that approach came some confusion around nested routes. In this post…
4 days ago
How to gain widespread adoption of your design system
Using documentation to cultivate co-ownership between design and development This post is the second in a series about HubSpot Canvas , our new Design Language.…
4 days ago
Advice to the newish programmer - macwright.org
I occasionally field questions about computing and the industry frompeople starting out, whether it be friends switching jobs or just internet denizens.My…
4 days ago
JavaScript’s a mess – and that’s a good thing
JavaScript never removes old features – new versions are always backward compatible. I wish we could clean it up, but staying compatible has too many benefits,…
4 days ago
302 Found
the design of complexity Until recently everyday objects were shaped by their technology. The design of a telephone was basically a hull around a machine. The…
4 days ago
JavaScript Decorators for Declarative and Readable Code · Minko Gechev's blog
Decorators in JavaScript are now in stage 2 . They allow us to alter the definition of a class, method, or a property. There are already a few neat libraries…
4 days ago
Build a Download Button Full of Micro Interactions ― Scotch
We often see websites and apps that really get our attention throught some UI details and well designed animations. Those little animation pieces that…
4 days ago
Seva Zaikov - Asynchronous Reduce in JavaScript
Reduce is a very powerful concept, coming from the functional programming (also known as fold ), which allows to build any other iteration function – sum ,…
4 days ago
Understanding CORS – Bartosz Szczeciński – Medium
“OK, but no” If you ever worked with an AJAX call, you are probably familiar with the following error displayed in browser console: Failed to load…
4 days ago
The King vs. Pawn Game of UI Design · An A List Apart Article
Illustration by Dougal MacPherson If you want to improve your UI design skills, have you tried looking at chess? I know it sounds contrived, but hear me out.…
4 days ago
Taking A Look At The State Of Progressive Images And User Perception — Smashing Magazine
Trying To Find Studies About Users’ Perception I wanted to find some scientific research that could support that these techniques to load images were (or not)…
4 days ago
The only NodeJs introduction you’ll ever need.
A step by step introduction to writing web apps with the JavaScript environment. Photo by Farzad Nazifi on Unsplash If you write front end code, it shouldn’t be…
4 days ago
How to model the behavior of Redux apps using statecharts
Statecharts: a visual formalism for complex systems Our app, whether we like it or not, will be in a particular state at any given point in time. As we code…
4 days ago
The Creation of a Design System for product with long and complicated history.
What is Design System? Why products are getting worse after a time? You have a great team, top programmers, talented designers, tracking metrics, email full of…
4 days ago
What’s the difference between UX and UI design?
And some tips for you to get started with both. Image credits A few days ago, I published a post on Typography , a post on Color Theory , and a post on…
4 days ago
Modern CSS Explained For Dinosaurs – Actualize – Medium
Images from Dinosaur Comics by Ryan North CSS is strangely considered both one of the easiest and one of the hardest languages to learn as a web developer. It’s…
4 days ago
How to gain widespread adoption of your design system
Using documentation to cultivate co-ownership between design and development This post is the second in a series about HubSpot Canvas, our new Design Language.…
4 days ago
Your Sketch library is not a design system | Brad Frost
You can write words explaining how to properly use a toaster, draw pictures of toasters, and even create more efficient ways to draw pictures of toasters. But…
4 days ago
React’s ⚛️ new Context API
It’s way more ergonomic, it’s no longer “experimental,” and it’s now a first-class API! OH, AND IT USES A RENDER PROP! NOTE: This is a cross-post from my…
4 days ago
Redux modules and code-splitting – Nicolas Gallagher
Twitter Lite uses Redux for state management and relies on code-splitting.However, Redux’s default API is not designed for applications that…
4 days ago
Design Systems: The Parts | Viget
Design Systems: The Parts , VP, Design Article Categories: #Design & Content , #Design Systems Posted on February 1, 2018 . Not sure how to structure a Design…
4 days ago
Develop a Design Perspective
It used to be one of my favorite questions to ask when interviewing prospective employees: What techniques/approaches/people have influenced your approach to…
4 days ago
Dragging React performance forward – Alex Reardon – Medium
Photo by James Padolsey on Unsplash I work on a drag and drop library for React : react-beautiful-dnd 🎉. The goal of the Atlassian library is to provide a…
4 days ago
5 Tips and Thoughts on Async / Await Functions
So I finally hopped on the boat with usage of ES7 Async/Await, though primarily when in Node.js land (as opposed to front-end, babelling, webpacking land). And,…
4 days ago
Center stage: Best practices for staging environments – Increment: Development
Let’s talk about staging . We’re talking about staging because no one talks about it. It’s mentioned in passing as the annoying sidekick to production. It’s the…
4 days ago
Home · thisDaveJ's Guide to Using Redis with Node.js
thisDaveJ's Guide to Using Redis with Node.js Welcome to thisDaveJ's Guide to Using Redis with Node.js. In this guide, we'll explore using Redis, a fast…
4 days ago
Twitter
Great talk from on 's approach to consistency and flexibility in…
UXPinSummit  from twitter_favs
6 days ago
Why I changed the way I think about Code Quality
80% of the code that makes up the Matrix is unnecessary bloat. What do you think about when you think about code quality? Is it consistency? Enforcing a set of…
13 days ago
Automatic visual diffing with Puppeteer – Monica Dinculescu
So testing, right? We should do it. The thing is, testing is hard, and good testingis reaaaaaaally hard, and tbh I’m pretty bad at testing. So I end up…
13 days ago
aria-label is a xenophobe | HeydonWorks
Internationalization is a major component of inclusive design. But with automatic translation features provided by Google and Microsoft, it’s mercifully simple…
13 days ago
Reinventing our User Experience Design: From UX to IX
How my UX design has evolved working as the UX Designer at Helios Interactive F rom a neglected artifact of the design process to fully ingrained in AGILE…
13 days ago
Debugging JavaScript With A Real Debugger You Did Not Know You Already Have — Smashing Magazine
console.log can tell you a lot about your app, but it can't truly debug your code. For that, you need a full-fledged JavaScript debugger. The new Firefox…
13 days ago
Why Japanese Web Design Is (Still) the Way It Is
Anybody who visits Japanese websites will be struck by their loud banners, dense text, multiple columns, lots of tiny images, and an overall busy, crowded look.…
13 days ago
aria-expanded does not require a fallback
When building a control that toggles content in a web app, we can use aria-expanded to let the control know whether the content is shown or hidden. Expanded or…
13 days ago
Circularity and Container Queries · WICG/cq-usecases Wiki · GitHub
This is how your browser renders websites: Nice and linear, isn’t it? This is how your browser renders websites on container queries: Container queries alter a…
13 days ago
Why you shouldn’t skip your wireframing
Recently I started seeing a trend where fellow designers skip wireframing/low-fidelity-mockups and jump straight into their UI work. While for “some” tasks this…
13 days ago
How to Build a Design System with a Small Team
Illustration by Chris Gilleard Last night my small team and I headed out to do a little networking and learn about Design Systems. Being that is was the…
13 days ago
How To Make A Drag-and-Drop File Uploader With Vanilla JavaScript — Smashing Magazine
As you might expect, you can register event handlers for these events in the same way you register event handlers for most browser events: via addEventListener…
13 days ago
Learn Flexbox for free | Scrimba.com
tutorial index.html index.css basic.css 1 < html > 2 < head > 3 < link rel = "stylesheet" href = "basic.css" > 4 < link rel = "stylesheet" href = "index.css" >…
13 days ago
Using CSS Clip Path to Create Interactive Effects | CSS-Tricks
Do you remember being a kid, cutting out pictures from magazines? Did you glue them onto paper to create your own collages? This post is about cutting out…
13 days ago
Finding Dead CSS – CSS Wizardry – CSS Architecture, Web Performance Optimisation, and more, by Harry Roberts
Written by on CSS Wizardry . During a performance workshop I was running this week, I was reminded ofa technique for finding dead CSS on a live site. Note that…
13 days ago
Sketching in the Browser – SEEK blog – Medium
Ask any team that works with a design system, and you’ll find the benefits are clear—designers and developers are more productive, products are more consistent,…
13 days ago
A GraphQL Primer: The Evolution Of API Design (Part 2) — Smashing Magazine
Human Readable We learned from the SOAP days that an API isn’t easy to interact with, people will grimace at its mention. Engineering teams want to use the same…
13 days ago
How to Build an MVP in the Right Way in 2018 – The Startup – Medium
Courtesy: Innofied Solution “I have got an idea!” 😃 😉 That’s the foundation of many successful and unsuccessful stories behind a number of products. Nod your…
13 days ago
Designing for B2B and Enterprise SaaS
Challenges faced in design process & pointers to overcome them. When I first started working on VWO , I came across many instances which have led me to wonder:…
13 days ago
Enter The Dragon (Drop): Accessible List Reordering — Smashing Magazine
If you want to use live regions in your application, refer to the Live Region module on npm . < div aria-live = " assertive " role = " log " aria-relevant = "…
13 days ago
A GraphQL Primer: Why We Need A New Kind Of API (Part 1) — Smashing Magazine
RPC RPC was, arguably the first major API pattern and its origins go all the way back to early computing in the mid-60s. At the time, computers were still so…
13 days ago
How to Take Design Feedback from Non-Designers – UX Power Tools – Medium
Tiny Tactics There’s no shortage of great articles about how to give and receive design critiques. But what I’ve learned over the years is that most of your…
18 days ago
Empathy Mapping: The First Step in Design Thinking
As UX professionals, it is our job to advocate on behalf of the user. However, in order to do it, not only must we deeply understand our users , but we must…
18 days ago
DasSur.ma – Deep-copying in JavaScript
DasSur.ma – Deep-copying in JavaScript Deep-copying in JavaScript How do I copy an object in JavaScript? It’s a simple question, without a simple answer. Call…
18 days ago
PWAs are coming to iOS 11.3: Cupertino, we have a problem
After the surprise yesterday from a tweet from Ricky Mondello and then the Safari 11.1 beta Release Notes stating that Web App Manifest and Service Workers are…
18 days ago
Style Guide-Driven Design Systems | Brad Frost
There are many facets of a design system initiative, so it can be extremely daunting to figure out where to begin. There are stakeholders to educate , tools to…
18 days ago
HTML templating with vanilla JavaScript ES2015 Template Literals – Ben Frain
0 Days 0 days since this post was last revised. All content should be accurate. I needed to prototype something recently by creating output HTML from a modest…
18 days ago
Nested Ternaries are Great – JavaScript Scene – Medium
Smoke Art Cubes to Smoke — MattysFlicks — (CC BY 2.0) Note: This is part of the “Composing Software” series on learning functional programming and compositional…
18 days ago
Decouple Business Logic using Async Generators – DailyJS – Medium
Async generators are new in JavaScript, and I believe it is a very remarkable extension. It provides a simple, easy to use but very powerful tool for splitting…
18 days ago
SurveyJS is out of Beta
SurveyJS - an open-source JavaScript Survey library with versions for Angular 2+ , React , Vue , Knockout and jQuery - is out of Beta. We first released a…
18 days ago
phfilip | A Short Guide to Creating Babel Plugins
A Short Guide to Creating Babel Plugins Babel is a JavaScript compilerwith plugin support. Imagine a Babel pluginthat transforms all string literals into…
18 days ago
Asynchronous JavaScript: Async/Await Tutorial | Toptal
One of the keys to writing a successful web application is being able to make dozens of AJAX calls per page. This is a typical asynchronous programming…
18 days ago
Meet the New Dialog Element
HTML 5.2 has introduced a new
18 days ago
« earlier      
#perfmatters a11y abtest accessibility advice ajax amp android angular.js animation api app architecture async aws babel backbone.js bash bem boilerplate book bookmarklet browser browserify build build-first cache canvas career case-study chrome chrome-extensions cli code-read color colorscheme component contentstrategy css css-architecture css-grid css-modules css3 d3.js data-visualization debug deploy design design-system designfile designing-in-browser-v1-rc dev development devop devtool docker documentation dom e2etest ebook editor elm email errorhanding es6 event express.js flexbox flux font font-face form framework frontend frontrend functional.js game.js git github gofrontrend golang grid grunt-plugin grunt.js hapi.js haskell html html5 ia icon ie ifttt image image-optimization in-browser-design inheritance interaction-design interview ios isomorphic jasmine javascript jekyll job-to-be-done jquery jquery-plugin js-template json learning leveldb localstorage mac macapp make management markdown memory memoryleak micro-service mobile mock module monads mvc navigation nginx node.js npm oocss oop optimization osx perfmatters performance phantom.js photoshop polyfill polymer postcss process product-design product-management programming progressive-enhancement promises prototype psychology pwa python qa quote react.js reactive refactoring reference regex require.js responsive responsive-image router ruby rust rwd sass scroll security service-worker shell slide snippet spa spec stat static-site streams styleguide svg tcp tdd team template test testing this tool typography ui unit-test usability ux varnish via:popular video vim w3c web web-components webdesign webdev webkit webpack webtool weekly.ed weekly.rc wireframe workflow youtube

Copy this bookmark:



description:


tags: