Search

Nalezeno "work": 1778

Unicode Patterns


These Unicode patterns by Yuan Chuan are extraordinarily clever. It's a <css-doodle> custom web component that sets up a CSS grid and randomizes what character to drop into a cell and things, like color. See all their gorgeous work on CodePen and the very cool <css-doodle> website...

How React Reconciliation Works


React is fast! Some of that speed comes from updating only the parts of the DOM that need it. Less for you to worry about and a speed gain to boot. As long as you understand the workings of setState(), you should be good to go. However, it’s also important to familiarize yourself with how this...

Free Introduction to Web Development Workshop


Brian Holt and the Frontend Masters team are putting on a free workshop today and tomorrow that is live-streamed for anyone that's interested. This is super cool because, despite the fact that there is a mountain of articles about web development out there, there are only few that start with...

Get a React Component by DOM Node


Retrieving a React component’s DOM node is fairly simple from within the component itself, but what if you want to work backward:  retrieve a component’s instance by DOM node?  This is a task that the old Dojo Toolkit’s Dijit framework allowed with the dojo.byId method, so it made...

Microsites for Case Studies


A lot of y'all have personal sites. Personal sites with portfolios. Or you work for or own an agency where showing off the work you do is arguably even more important. Often the portfolio area of a site is the most fretted and hard to pull off. Do you link to the live projects? Screenshots?...

CSS Environment Variables


We were all introduced to the env() function in CSS when all that drama about "The Notch" and the iPhone X was going down. The way that Apple landed on helping us move content away from those "unsafe" areas was to provide us essentially hard-coded variables to use: padding: ...

CSS Blocks


A new entry into the CSS-in-JS landscape! Looks like the idea is that you write an individual CSS file for every component. You have to work in components, that's how the whole thing works. In the same isle as styled-components, css-modules, and glamorous. Then you write :scope { } which is...

Reset File Changes with git


There are many different philosophies when it comes to code review but mine is fairly simple:  I like receiving early “work in progress” patches, I like to be positive in my code review messages, and if a patch is 90% there, I like to finish the patch myself so the project...

Grid to Flex


Una Kravets shows how to make layouts in CSS Grid with flexbox fallbacks for browsers that don’t support those grid properties just yet. Una writes: CSS grid is AMAZING! However, if you need to support users of IE11 and below, or Edge 15 and below, grid won't really work as you expect...This site...

What are Higher-Order Components in React?


If you have been in the React ecosystem for a while, there is a possibility that you have heard about Higher Order Components. Let’s look at a simple implementation while also trying to explain the core idea. From here you should get a good idea of how they work and even put them to use. Why...

Script & Style Show: Episode 5: Q&A


On this week’s episode:  Todd’s back from vacation while David’s knee-deep in a Firefox Debugger breakpoint UI update.  We eventually move on to viewer questions that range form JavaScript knowledge, the Array.flatten controversy, front-end testing (TDD vs. BDD), and mastering...

Exchange Rates and Currency Conversion with fixer.io (Sponsored)


My most stressful tasks as a coder have always revolved around money.  Whether you’re coding a site for a client, your own business, or your employer, you want to be damn sure that any handling of currency is accurate, secure, and localized.  We always want our code to work but when...

Fallout 4 Rifle Is A Work Of Art


This replica of a Fallout 4 Tesla Rifle, by Wasted Props, doesn’t just look like the real (well, you know) thing. It spins and “charges” like it as well.Read more

The W3C App Manifest specification


By Marcos Cáceres and Bruce Lawson. Update 26 September 2014 The initial work for Manifest in Chromium M39 is done, and Marcos (more or less) finished coding the processor a few months ago. “I’m hoping to see it in fxos 2.2“, he said from the pool of his gorgeous Malibu home.)...

The W3C App Manifest specification


By Marcos Cáceres and Bruce Lawson. Update 26 September 2014 The initial work for Manifest in Chromium M39 is done, and Marcos (more or less) finished coding the processor a few months ago. “I’m hoping to see it in fxos 2.2“, he said from the pool of his gorgeous Malibu home.)...

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace