The Best Way To Reheat Pizza
But sometimes you want something warm in your belly and wish to bring back the original flavors and get the hot grease flowing again. How should you go about doing so? Do you pop it in the microwave? Throw it on the grill? Luckily for you, we decided to test out the best ways to reheat your pizza. Our findings may surprise you (as they did me), and may in fact lead to a slice of pie that was even better than the original.
pizza  reheat  recipes 
2 days ago
Humaaans: Mix-&-Match illustration library
Mix-&-match illustrations of people with a design library for InVIsion Studio and Sketch.
design  people  illustrations  stock  free 
4 days ago
Prioritizing What Not to Do (Yet)
It’s incredibly powerful to prioritize not just what to do, but what not to do. I kept that memo printed on my desk. I marked it up as we made progress and resorted to finding new colors of pens and squiggles when I needed to represent changes along the way. I used it to keep myself grounded when I had those weeks where it felt like all hell was breaking loose around me.
prioritization  process  workflow  tasks  management  leadership 
5 days ago
The All Powerful Front-End Developer
> I posted a video of this talk some months back, but it was nearly an hour and a half long. Here's an updated version that's only 30 minutes. The gist is that the front-end stack is wildly powerful these days. Our front-end skillset can be expanded to give us power to do back-end-ish things and talk with APIs that allow us to build entire products in a way we haven't quite been able to before.
fridayfrontend  css  video  frontend 
5 days ago
What makes someone a good front-end developer?
The least important skills for a front-end developer to have are technical ones. What does matter is problem-solving, critical thinking, communication and empathy.
fridayfrontend  css  cssbasics  culture  teamwork  frontend  empathy  communication  skills 
5 days ago
An Introduction to CSS Shapes
CSS Shapes allow us to make interesting and unique layouts by defining geometric shapes, images, and gradients that text content can flow around. Learn how to use them in this tutorial.
fridayfrontend  css  cssbasics  shapes  shape-outside  shape-inside  shape-margin  shape-image-threshold  layout 
5 days ago
Disability is a spectrum, not a binary
When we look at disability as a spectrum instead of a binary, we can see that a lot more people struggle to use our stuff than we might think. The good news is that making things accessible helps even more people than we might realise. In the best case we take something from can’t use to can use. In the worst case, we make something a little easier for everyone to use. That means more, happier, humans using our stuff. Yay!
fridayfrontend  cssbasics  accessibility 
5 days ago
What do you name color variables?
What naming scheme do you use for color variables? Have you succeeded at writing CSS that uses color variables in a manner agnostic to the colors they represent?
fridayfrontend  css  cssbasics  sass  variables  color  names  tokens 
5 days ago
Managing Flow and Rhythm with CSS Custom Properties
Andy Bell rings out a call for a more flexible method of achieving consistent vertical rhythm across components within a page. Using a technique of CSS custom properties to establish spacing inherited through the cascade, you can make sure your choir are all singing from the same song sheet.
fridayfrontend  css  cssbasics  vertical  rhythm  variables  customproperties 
5 days ago
Programming CSS
There’s a worrying tendency for “real” programmers look down their noses at CSS. It’s just a declarative language, they point out, not a fully-featured programming language. Heck, it isn’t even a scripting language. That may be true, but that doesn’t mean that CSS isn’t powerful. It’s just powerful in different ways to traditional languages. Take CSS selectors, for example. At the most basic level, they work like conditional statements.
fridayfrontend  css  cssbasics  programming 
5 days ago
Accessible SVG Icons with Inline Sprites - 24 Accessibility
If we were searching for reasons to use icons on a project, we don’t need to go far in order to find them. As Oliver Reichenstein wonderfully put it in his talk “On Icons” at Smashing Conference Freiburg 2016: “At a certain stage in a project someone always comes in and says: ‘We need icons!'” Whatever the reasoning may be, we need to make sure that people who can’t see or recognize these icons can understand their purpose.
fridayfrontend  css  cssbasics  icons  svg  accessibility  sprites 
5 days ago
Preventing Content Reflow From Lazy-Loaded Images
When a user scrolls and images are lazy-loaded, those img elements go from a height of 0 pixels to whatever they need to be. This causes reflow, where the content below or around the image gets pushed to make room for the freshly loaded image. Reflow is a problem because it's a user-blocking operation. It slows down the browser by forcing it to recalculate the layout of any elements that are affected by that image's shape.
fridayfrontend  cssbasics  javascript  lazyload  images  reflow  layout  css  aspectratio 
5 days ago
The Ecological Impact of Browser Diversity
Early in my career when I worked at agencies and later at Microsoft on Edge, I heard the same lament over and over: "Argh, why doesn’t Edge just run on Blink? Then I would have access to ALL THE APIs I want to use and would only have to test in one browser!" Let me be clear: an Internet that runs only on Chrome’s engine, Blink, and its offspring, is not the paradise we like to imagine it to be.
fridayfrontend  browsers  edge  chrome  microsoft  google  ecology  diversity 
5 days ago
Progressive Web Apps: The Case for PWAs
In this excerpt from Progressive Web Apps, Jason Grigsby covers the business case for going PWA.
fridayfrontend  performance  pwa 
5 days ago
Bridging the Gap Between CSS and JavaScript: CSS Modules, PostCSS and the Future of CSS
In the previous post in this two-part series, we explored the CSS-in-JS landscape and, we realized not only that CSS-in-JS can produce critical styles, but also that some libraries don’t even have a runtime. We saw that user experience can significantly improve by adding clever optimizations, which is why this series focuses on developer experience (the experience of authoring styles). In this part, we’ll explore the tools for "plain ol’ CSS" by refactoring the Photo component from our existing example.
fridayfrontend  css  javascript  cssmodules  postcss  css-in-js  preprocessors  customproperties  variables 
5 days ago
Mistletoe Offline
Jeremy Keith reminds us that 4G is king. The carollers sing. One tunnel has passed, a new one’s beginning. Dreams of wi-fi on the go. Fingers numb, smart phones aglow. It’s Christmas time, mistletoe offline. Children streaming their gameplay online. With batteries on fire and gigabytes for free, it’s time to rejoice in connectivity.
fridayfrontend  offline  pwa  javascript  serviceworkers 
5 days ago
What Can Be Learned From The Gutenberg Accessibility Situation?
WordPress has a brand new content editor called “Gutenberg” that is going to shape WordPress for years to come. In this article, Andy Bell explains why it’s a movement and not just a new editor.
fridayfrontend  accessibility  wordpress  gutenberg 
5 days ago
DRY Switching with CSS Variables: The Difference of One Declaration
This is the first post of a two-part series that looks into the way CSS variables can be used to make the code for complex layouts and interactions less difficult to write and a lot easier to maintain. This first installment walks through various use cases where this technique applies. The second post covers the use of fallbacks and invalid values to extend the technique to non-numeric values.
css  variables  customproperties 
5 days ago
DRY State Switching With CSS Variables: Fallbacks and Invalid Values
This is the second post in a two-part series that looks into the way CSS variables can be used to make the code for complex layouts and interactions less difficult to write and a lot easier to maintain. The first installment walks through various use cases where this technique applies. This post covers the use of fallbacks and invalid values to extend the technique to non-numeric values.
css  variables  customproperties 
5 days ago
Web Content Accessibility Guidelines 2.1—for People Who Haven’t Read the Update
Alan Dalton reaches for the glistening box of accessibility guidelines under the tree and unwraps them, taking his time to explain each carefully as he does so. Born unto you is a new guideline, and its name shall be called WCAG.
accessibility  wcag 
5 days ago
CSS Animation Rocks
Animation using CSS can be overwhelming to learn all at once. This book gives you a solid introduction to the topic, combining theory with practical lessons. You’ll learn how, and why to use animation on your web pages and hopefully be inspired to try it on your own projects!
css  animation  books 
5 days ago
Scalable & lightweight web screenshots with SVG
We explain how to generate web page screenshots in SVG format that are infinitely scalable while being over 10 times smaller in file size than a detailed PNG screenshot. SVG screenshots can be less than 20KB in size and will load instantly so they’re perfect for use as large, high quality landing page header images. The core trick is to use web browser to print to PDF the web page you want to screenshot, converting the PDF to a tiny optimised SVG image and then inlining the image data directly into your HTML.
screenshots  svg  pdf 
5 days ago
Test Level Overview
(Unit) The drawer works fine.
(Integration) Drawer might open, depending on the size of the handles used
(Live) Drawer cannot open with other drawer in place
(E2E) I need to call the installer. I can’t believe I paid for this kind of service.
testing  qa 
5 days ago
7 Easy Tips to Create Better WordPress Themes
Developing a WordPress theme is a complex task. We need to create a system which can handle a lot of content in a well-styled manner in any situation. We have to meet coding standards, and we have to support a bunch of plugins. The tasks sometimes are infinite. I have some wisdom to share with you if you are interested in making better WordPress themes!
wordpress  themes  tips 
5 days ago
Line breaking, by Florian Rivoal
Florian goes over a set of confusingly named properties and values from the css-text-3 specification that control what happens to white spaces when laying out text, and how line breaking works. He explains the logic of the system, different ways the properties can be used to achieve various results, and looks into some of the complication caused by incomplete implementations.
fridayfrontend  video  css  white-space  nowrap  overflow-wrap  hyphens  word-wrap  break-word 
8 days ago
Will This Year’s College Grads Job-Hop More Than Previous Grads?
A common stereotype of Millennials is that they job-hop more than previous generations. With millions of Millennials graduating in the next two months -- many of whom are likely evaluating jobs and deciding which industries they’ll work in -- now is as good a time as any to analyze  Economic Graph data to find out once and for all if millennials are getting a bad, job-hopping rap; which industries people job-hop most and least in; and whether men or women job-hop more. Here’s what we uncovered:
jobs  careers  millennials  culture  hiring 
11 days ago
185 Action Verbs That'll Make Your Resume Shine
So, let’s get a little more creative, shall we? Next time you update your resume, switch up a few of those common words and phrases with strong, compelling action verbs that will catch hiring managers’ eyes.
jobs  resumes  writing  verbs 
11 days ago
Reluctant Gatekeeping: The Problem With Full Stack
By assuming the role of the Full Stack Developer (which is, in practice, a computer scientist who also writes HTML and CSS), one takes responsibility for all the code, in spite of its radical variance in syntax and purpose, and becomes the gatekeeper of at least some kinds of code **one simply doesn’t care about writing well.** This has two adverse effects:
fridayfrontend  culture  management  leadership  fullstack  programming  css  javascript  gender  sexism  feminism  css-in-js 
11 days ago
A look at CSS Resets in 2018
In order to deal with the inconsistencies between user agent stylesheets, CSS resets were born. A CSS reset is a set of styles applied to a page before any other custom styles, with the purpose of creating a more standardised base between browsers.
fridayfrontend  css  cssbasics  reset 
12 days ago
How to understand CSS Position Absolute once and for all
Stop losing your elements on the screen by understanding how an object figures where it is supposed to sit
fridayfrontend  css  cssbasics  position  absolute  layout 
12 days ago
How and when to use the tabindex attribute
There is almost no reason to ever use a positive value to tabindex, and it is actually considered an anti-pattern. If you’re finding the need to use this value to change the order in which elements become focusable, it is likely that what you actually need to do is change the source order of the HTML elements.
fridayfrontend  cssbasics  html  tabindex  accessibility 
12 days ago
Everything about CSS environment variables
When the iPhone X came out with the infamous notch, you may have heard of the new safe-area-inset values, which allowed browsers to detect the area of the screen that was covered by the notch and move content around appropriately. Recently, these values have been formalised as part of a new specification for CSS Environment Variables.
fridayfrontend  css  html  variables  environmentvariables  customproperties  safe-area-inset 
12 days ago
Should I Use JavaScript to Load My Web Fonts?
As you can see, the advanced web font loading control offered by JavaScript still provides more than sufficient value to keep it around. You can adapt your page’s performance profile to suit a user’s network conditions, user preferences, improving the general loading behavior of self hosted fonts and third party hosting providers.
fridayfrontend  javascript  webfonts  typography  performance  css 
12 days ago
Front-End Developers Have to Manage the Loading Experience
Web performance is a huge complicated topic. There are metrics like total requests, page weight, time to glass, time to interactive, first input delay, etc. There are things to think about like asynchronous requests, render blocking, and priority downloading. We often talk about performance budgets and performance culture. Front-end developers already have a ton of stuff we're responsible for regarding performance. We now have another major concern: handling the loading experience.
fridayfrontend  javascript  css  performance  loaders  spinners 
12 days ago
It’s not about the device.
"Is anyone actually going to use the browser on a watch, though?" Sometimes the question’s asked sincerely; more often than not, it seems to be asked skeptically. (And perhaps a little derisively.) But each time I share a link to an article about browsing on the Watch, it’s always, always asked.
fridayfrontend  images  applewatch  ios  accessibility  performance  responsive 
12 days ago
What If?
These are all things that could, do, and will eventually go wrong, so if you’re a developer who decides that you’re going to forcibly hide a page until an event has taken place, you must also ask yourself what if that event never happens?
troubleshooting  blocking  images  lazyload  qa 
12 days ago
Project Guidelines: A set of best practices for JavaScript projects
While developing a new project is like rolling on a green field for you, maintaining it is a potential dark twisted nightmare for someone else. Here's a list of guidelines we've found, written and gathered that (we think) works really well with most JavaScript projects here at elsewhen. If you want to share a best practice, or think one of these guidelines should be removed, feel free to share it with us.
javascript  programming  guidelines  rules 
12 days ago
How To Create a Component Library From a Monolith
Below is an illustration of how our new microservice architecture ended up, including our new component library and its accompanying style guide. Different projects could swiftly install (depend on) which ever version of the component library suited the most, and upgrade independently of other projects. Designers and developers could easily talk about available components just by referring to the online style guide.
design  designsystem  patternlibrary  styleguide 
12 days ago
Getting Started with the Prettier Plugin for ESLint
There are a couple of ways of integrating Prettier and ESLint into your workflow. I’m going to show you the process that made the most sense to me, which is installing Prettier as an ESLint plugin. At the end of this tutorial, your code will be consistent, clean, and easy to read. Let’s get started.
eslint  prettier  javascript  linters 
12 days ago
Adventures in Packaging Existing React Components as an NPM Library
I want to share my thought processes and experience in turning our existing React components on Viki and Soompi into an NPM package. This is more of a guide rather than a tutorial since tools and its behaviours change really fast in our industry. I will be focusing on React components here but this experience can be applied to any UI building libraries out there.
javascript  react  npm  components 
12 days ago
Handling Addresses from All Around the World
As you can imagine, the list goes on and on. All of these details can’t be overlooked for a proper localized experience for customers connecting from everywhere in the world. At the same time, creating one version of the form for every country leads to unnecessary code duplication— something to avoid for the code to scale and remain maintainable.
forms  addresses  myths  localization  internationalization 
12 days ago
Front-end development is not a problem to be solved
The sentiment is that front-end development is a problem to be solved: “if we just have the _right_ tools and frameworks, then we might _never_ have to write another line of HTML or CSS ever again!” And oh boy what a dream that would be, right? …_We should see front-end development as a unique skillset that is critical to the success of any project._
fridayfrontend  css  html  frameworks  bootstrap  vanilla  css-in-js  cssmodules 
12 days ago
You might not need a loop
Although loops are great for a lot of use cases, the JavaScript language has provided a suite of methods that can be used to achieve similar results in a more targeted, and sometimes more performant, way. In this article, I want to cover some examples of where Array methods can be used to replace for loops (and by extension the forEach() method).
javascript  for  loops  map  filter  every  some 
15 days ago
How to manage React State with Arrays
You have learned about different ways on how to manage React state with arrays. You can add items to an array, update an item in the array or update the whole array, and remove items from an array. Everything is possible with only JavaScript without using React for it. React is only used to set the state in the end. It boils down to knowing the essential JavaScript array methods such as concat, map, filter and reduce.
react  arrays  state  javascript 
15 days ago
Read Color Hex Codes, by David DeSandro
How does a colorblind designer work with color? Not with his eyes! Instead David relies on reading color hex codes. He shares his process into understanding those six-digit codes and related insights into human vision, computer history, and digital color.
fridayfrontend  video  css  hex  color  colorblind  accessibility 
15 days ago
Never Write Another HoC
Michael Jackson, creator of the React Router library, gives this talk where he says a component with a render prop or children prop as renderer can do anything an HoC (Higher Order Component) can do, and more.
javascript  react  hoc  renderprops  components  video 
18 days ago
An Overview of Render Props in React
Using render props in React is a technique for efficiently re-using code. According to the React documentation, "a component with a render prop takes a function that returns a React element and calls it instead of implementing its own render logic." To understand what that means, let’s take a look at the render props pattern and then apply it to a couple of light examples.
react  renderprops  components  javascript 
18 days ago
I’m harvesting credit card numbers and passwords from your site. Here’s how.
You can still have your big ol’ React app with 938 npm packages for the header/footer/nav/whatever, but the part of the page where the user is typing should be in a secured iFrame and it should run only hand-crafted (and may I suggest, not-minified) JavaScript — if you want to do client-side validation.
javascript  npm  security 
18 days ago
Public APIs
A collective list of free APIs for use in software and web development.
api  github  awesome  lists  public  free 
19 days ago
Promise chaining is dead. Long live async/await
​​Just because you use promises does not mean you’re tethered to the barbarity that is promise chaining. In this article, we will look at how async/await really makes developers’ lives easier and why you should stop using promise chaining.
javascript  async  promises 
19 days ago
Use Inner Shadow instead of borders on images
If you're working with images that sometimes bleed into the background, try using a subtle inner shadow to create some distinction instead of a border. Borders will often clash with the image, while most people will barely realize the shadow is even there.
images  design  borders 
19 days ago
Things Nobody Told Me About Being a Software Engineer
Here are, in no particular order, some things that nobody told me about working in tech as a software engineer:
engineering  programming  culture  humor 
19 days ago
In a Zombie Apocalypse, find a Vet
Can we talk about how in zombie shows/movies/books they always find a veterinarian and not a surgeon? Are veterinarians deemed more likely to survive the apocalypse?

Yup. One of our professional skills is ‘not being bitten by patients’
zombies  movies  writing  worldbuilding  doctors  veterinarians 
19 days ago
Day.js — Fast 2kB alternative to Moment.js with the same modern API
Day.js is a minimalist JavaScript library that parses, validates, manipulates, and displays dates and times for modern browsers with a largely Moment.js-compatible API. If you use Moment.js, you already know how to use Day.js.
javascript  date  moment  timezones  time 
19 days ago
{"documentation_url": "", "statistics": {"labels": 1292170, "releases": 10540775, "artists": 5970812}, "hello": "Welcome to the Discogs API.", "api_version": "v2"}
discographies  music  api 
19 days ago
Sexual Fantasies are Transgressive
Sexual fantasies are, for many, many people, inherently transgressive. That's how the human psyche works: it takes the shit you're afraid of, the shit that hurts you, the shit you're ashamed of wanting, and it mixes it all up into a high octane bonerade.
sex  fantasies  kink  taboo  psychology  writing  erotica 
19 days ago
Speak Up & Stay Safe(r): – A Guide to Protecting Yourself From Online Harassment
This guide is for anyone who fears they might be targeted, or who is already under attack, for speaking their mind online, but is especially designed for women, people of color, trans and genderqueer people, and everyone else whose existing oppressions are made worse by digital violence. It details best security practices for social media, email, online gaming, website platforms, and ensuring privacy of personal information online, as well as the documentation and reporting of harassment, and caring for yourself emotionally during an online attack. You don’t need any specialized knowledge to use this guide – just basic computer and internet skills.
security  privacy  harassment  safety 
19 days ago
Knights of the Round Table Anime
Conclusion: modern depctions of the Knights of the Round Table aren’t anime enough.
anime  arthur  roundtable  knights  fantasy  worldbuilding  writing  humor 
19 days ago
Magic: the Gathering Modern Decks and Metagame
Popular Modern Magic: the Gathering decks with prices from the latest tournament results.
mtg  cards  modern  decks  deckbuilder 
19 days ago
Job interviews for programmers now often come with days of unpaid homework
Completing days of free work as a requirement for applying to a job is a burden for anyone, but it may also deepen biases against already underrepresented groups in tech.
interviews  hiring  engineering  design  programming  challenges  specwork  homework  exercises 
19 days ago
Tech Companies Are Getting Free Work Out of Job Applicants
The tech industry is built on free work. For every CEO like Mark Zuckerberg, who has said he clocks a relatively modest 50 or 60 hours at the office every week, there are hordes of workers putting in endless unpaid overtime. That’s called “crunch,” and it’s often viewed as a routine part of doing business. And while that problem is well-documented, less frequently discussed is the free labor many people have to complete to land a job in the first place.
interviews  hiring  engineering  design  programming  challenges  specwork  homework  exercises 
19 days ago
The Google Pixel 3 Is A Very Good Phone. But Maybe Phones Have Gone Too Far.
We are captives to our phones, they are having a deleterious effect on society, and no one is coming to help us. On the upside, this is a great phone.
reviews  phones  culture  humor  society 
19 days ago
Programming Sucks
You are an expert in all these technologies, and that’s a good thing, because that expertise let you spend only six hours figuring out what went wrong, as opposed to losing your job. You now have one extra little fact to tuck away in the millions of little facts you have to memorize because so many of the programs you depend on are written by dicks and idiots.
culture  programming  engineering  humor 
19 days ago
Hate OKRs? Avoid these 7 mistakes
Then I realized I’d been doing them wrong in a bunch of ways. In fact, most of us were getting something about OKRs wrong. No wonder it was confusing. Long story short, we straightened ourselves out and now OKRs are actually fruitful — I’ll show you some real life examples below.
management  leadership  culture  okrs  goals 
19 days ago
Adding Value as an Engineering Manager
I think the real issue here is that many managers don't believe that managers can really contribute much of value to their team. Most engineering managers were engineers, and most of their exposure to engineering management was probably pretty mediocre, so it's easy to understand where that perspective comes from, but managers can absolutely be useful.
management  leadership  culture 
19 days ago
React Render Props
This pattern, as you probably guessed by now, is called Render Props. Summarized in the React docs, “the term render prop refers to a technique for sharing code between React components using a prop whose value is a function”.
javascript  react  renderprops  hoc  components 
19 days ago
Braces to Pixels
Doesn’t CSS seem like magic? Well, in this third installment of “URL to Interactive” we’ll look at the journey that your browser goes through to take your CSS from braces to pixels. As a bonus, we’ll also quickly touch on how end-user interaction affects this process. We have a lot of ground to cover, so grab a cup of <insert your favorite drink’s name here>, and let’s get going.
fridayfrontend  css  cssbasics 
19 days ago
Why Browsers Download Stylesheets With Non-Matching Media Queries
The thing is, the user could always decide to resize their window (impacting width, height, aspect ratio), to print the document, etc., and even things that at first sight seem static (like the resolution) can change when a user with a multi-screen setup moves a window from say a Retina laptop screen to a bigger desktop monitor, or the user can unplug their mouse, and so on.
fridayfrontend  css  cssbasics  mediaqueries  performance 
19 days ago
Testing iOS on a Mac (for Free!)
Full interactive iOS Mobile Safari browser testing is possible right on your Mac, no additional services necessary. We'll set up Apple's Simulator and configure it for testing Safari on a wide range of iOS versions and devices.
fridayfrontend  css  cssbasics  testing  qa  ios  vm  emulator 
19 days ago
When to use CSS vs. JavaScript
I don’t really have a formal model for choosing when to use CSS vs. JS, but approach to which one to use and when looks like this: If the item requires interaction from the user, use JavaScript (things like hovering, focusing, clicking, etc.). If the item needs to change in visibility, needs to be animated, or have any other visual change made to is, use CSS.
fridayfrontend  css  cssbasics  javascript 
19 days ago
The Current State of Styling Scrollbars
There is good news on this front! The standards bodies that be have moved toward a standardizing methods to style scrollbars, starting with the gutter (or width) of them. The main property will be scrollbar-gutter and Geoff has written it up here. Hopefully Autoprefixer will help us as the spec is finalized and browsers start to implement it so we can start writing the standardized version and get any prefixed versions from that.
fridayfrontend  css  cssbasics  scrollbars 
19 days ago
Exclusions will hopefully be like more powerful grid-friendly floats
Exclusions (which are currently in a "working draft" spec as I write) are kinda like float in that they allow inline content to wrap around an element. But not exactly a float.
fridayfrontend  css  exclusions  floats  layout 
19 days ago
What's New In CSS?
Slides from my talk about what is new and interesting in CSS. Covering some of the things we can already use as well as things just recently discussed at the CSS Working Group. In addition I talk about how things become part of CSS, and how everyone can get involved.
fridayfrontend  css  grids  cssgrid  layout  subgrid  scroll-snap  shapes  conic-gradient  aspectratio  exclusions  houdini 
19 days ago
Why can’t we use Functional CSS and regular CSS at the same time?
In those cases where you need to balance readability, dependencies, and optical adjustments, writing regular CSS in a regular old-fashioned stylesheet is still my favorite thing in the world. But functional CSS still solves a ton of other problems very eloquently.
fridayfrontend  css  functional  atomic  tachyons 
19 days ago
The State of JavaScript 2018
This year again, we surveyed over 20,000 JavaScript developers to figure out what they’re using, what they’re happy with, and what they want to learn. And the result is a unique collection of stats and insights that will hopefully help you make your own way through the JavaScript ecosystem.
fridayfrontend  javascript  survey  statistics 
19 days ago
Responsive Images on the Apple Watch
Unless you send Apple a specific signal that you’ve considered one-inch-wide screens, they’re going to assume that you haven’t, pretend to be a bigger, more-common viewport, and zoom out.
apple  ios  watch  rwd  responsive  images  fridayfrontend 
19 days ago
Web workers vs Service workers vs Worklets
Web workers, service workers, and worklets. All of these are what I would call “Javascript Workers”, and although they do have some similarities in how they work, they have very little overlap in what they are used for. They are all scripts that run on a separate thread. So what are the differences between these three types of workers?
javascript  workers  webworkers  serviceworkers  worklets 
19 days ago
The Power of Web Components
Given that Web Components have been around for a while, there are lots of other resources available. This article is meant as a primer, introducing a range of new capabilities and resources. If you’d like to go deeper (and you definitely should), you’d do well to read more about Web Components on MDN Web Docs and the Google Developers site.
webcomponents  components  customelements 
19 days ago
Why using `tabindex` values greater than “0” is bad
Recently Tenon received a support request from a customer complaining that their site had thousands of issues in Tenon about their use of tabindex. The customer believed that their use of tabindex was a good thing because the tab order made sense. Here’s a cleaned-up version of the response I sent to them:
accessibility  tabindex 
19 days ago
The End of Life of Internet Explorer 11
Stop supporting IE 11. It is as simple as that. As soon as more and more Websites do not work in IE 11 the easier it is for the corporations to see the need to move on to another browser and nobody will be using IE 11 anymore.
ie11  ie  microsoft  browsers  support  qa  testing 
19 days ago
« earlier      
5e accessibility advice agile alignment analytics animation api architecture aria async atomic awesome backgrounds bem bestpractices bias books browsers burnout business buttons cards careers characters charts cheatsheet checklist chrome code color comics comments communication components conferences contrast critical css css-in-js cssbasics cssgrid culture customproperties defaults demos design designsystem development devtools discrimination diversity dnd documentation earthquakes editors email emergency engineering fantasy features feminism filters flexbox fluid focus fonts forms frameworks free fridayfrontend frontend games gender generator git github google gradients grids grunt guidelines harrassment health hiring history howto html icons ie images inclusive inputs inspiration interviews ios javascript jobs jquery keyboard language layout leadership learning less lint lists mac magic maintainability management mediaqueries meetings mixins mobile modular movies myths names navigation oocss optimization osx parenting patternlibrary patterns performance photos plugins presentation process productivity programming qa quickreference quotes racism react recipes reference reset responsive reviews rpgs rules rwd safari salary sass science scifi screenreaders scripts scrum security selectors semantics sexism shapes slides smacss social space speaking standards startrek starwars stock styleguide sublime support supports svg syntax tables tech television templates testing themes tips tools transforms transitions tutorials twitter typography ui usability ux validation variables video viewport webapps webfonts windows wordpress work worklifebalance worldbuilding writing

Copy this bookmark: