Search

Nalezeno "make": 2721

Colorized Brackets for IDE


Coders treat their text editors and IDE’s like fragile beings, and for good reason: we spend a ton of time in them and having our tweaks and extensions can make us incredibly productive for our personal workflows. I always love hearing about what extensions and workflows other developers...

5 Hottest VS Code Themes To Use in 2019


Visual Studio Code is incredibly easy to customize, including adding some awesome looking themes. Themes can give your editor a lot of personality and make it more fun to work with

The 10,000 Year Clock Design Principals


In the new year edition of the Clearleft newsletter, Jeremy Keith linked to the design principals Danny Hillis thought about while considering a clock that would work for 10,000 years. Here's part of that page, satisfyingly displayed as a <dl>: Longevity: Go slow Avoid sliding friction...

Multi-Line Inline Gradient


Came across this thread: CSS superfriends! Have you seen examples of how to do multi-line padded text like this article on @css (https://t.co/2j8p4jmaT4), but with a gradient that doesn't reset for each line? pic.twitter.com/MVPdAjxt1W — Dan Mall (@danmall) December 3, 2018 My first...

Quicklink


We're in the future now so, of course, we're working on ways to speed up the web with fancy new tactics above and beyond the typical make-pages-slimmer-and-cached-like-crazy techniques. One tactic, from years ago, was InstantClick: Before visitors click on a link, they hover over that link. Between...

Gradient Borders in CSS


Let's say you need a gradient border around an element. My mind goes like this: There is no simple obvious CSS API for this. I'll just make a wrapper element with a linear-gradient background, then an inner element will block out most of that background, except a thin line of padding around...

Nested Destructuring


Destructuring in JavaScript can initially feel confusing but the truth is that destructuring can make your code a bit more logical and straight forward. Destructuring does look a bit more complex when you’re looking for a property several objects deep, so let’s have a look at how to...

Making SVG icon libraries for React apps


Nicolas Gallagher: At Twitter I used the approach described here to publish the company’s SVG icon library in several different formats: optimized SVGs, plain JavaScript modules, React DOM components, and React Native components. There is no One True Way© to make an SVG icon system. The only...

JavaScript to Native (and Back!)


I admit I'm quite intrigued by frameworks that allow you write apps in web frameworks because they do magic to make them into native apps for you. There are loads of players here. You've got NativeScript, Cordova, PhoneGap, Tabris, React Native, and Flutter. For deskop apps, we've got Electron....

Rendering Lists Using React Virtualized


Working with data in React is relatively easy because React is designed to handle data as state. The hassle begins when the amount of data you need to consume becomes massive. For example, say you have to handle a dataset which is between 500-1,000 records. This can result in massive loads and lead...

Creating an Animated Login Form for TouchID


I came across this amazing Dribbble shot by Jakub Reis a while back. It caught my eye and I knew that I just had to try recreating it in code. At that moment, I didn’t know how. I tried out a bunch of different things, and about a year later, I finally managed to make this demo. I learned a couple...

Edge’s Announcements


The public-consumption blog post: Ultimately, we want to make the web experience better for many different audiences. People using Microsoft Edge (and potentially other browsers) will experience improved compatibility with all web sites, while getting the best-possible battery life and hardware...

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...

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...

Sayonara Edge


Sounds like Edge is going to spin down EdgeHTML, the engine that powers edge, and go with Chromium. It's not entirely clear as I write whether the browser will still be called Edge or not. Opera did this same thing in 2013. We'll surely be seeing much more information about this directly from...

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. An Introduction to CSS Shapes was written by Tania Rascia and published on Codrops

Get Viewport Lines and Columns in CodeMirror


CodeMirror is an amazing utility for presenting code in a browser environment.  Syntax highlighting, widgets, and a number of advanced functions make it a unique, useful tool.  When using CodeMirror inside the Firefox DevTools debugger, I found that adding hundreds of column breakpoint widgets...

Change Mac Brightness from Command Line


Earlier this week I posted about how you can modify your Mac’s volume from command line.  Little command line scripts make me smile because I spend so much of my day in command line, and automation can be the key to productivity.  I next thought about modifying brightness from command line...

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