Search

Nalezeno "JavaScript": 803

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

Level up your JavaScript error monitoring


(This is a sponsored post.) Automatically detect and diagnose JavaScript errors impacting your users with Bugsnag. Get comprehensive diagnostic reports, know immediately which errors are worth fixing, and debug in a fraction of the time. Bugsnag detects every single error and prioritizes errors...

Prototypes and production


There’s an interesting distinction that Jeremy Keith defines between prototype code and production code in this post and I’ve been thinking about it all week: ...every so often, we use the materials of front-end development—HTML, CSS, and JavaScript—to produce something that isn’t intended...

What makes someone a good front-end developer?


We recently covered this exact same thing, but from the perspective of a bunch of developers. Chris Ferdinandi weighs in: The least important skills for a front-end developer to have are technical ones. The nuances of JavaScript. How to use a particular library, framework, or build tool. How...

Why isn’t it <style src=””>?


The way JavaScript works is we can do scripts as an inline block: &#60;script&#62; let foo = "bar"; &#60;/script&#62; Or, if the script should be fetched from the network... &#60;script src="/js/global.js"&#62;&#60;/script&#62; With CSS, we can do an inline block of styles: &#60;style&#62; .foo...

JavaScript waitForever


Writing mochitests for new features in DevTools can be difficult and time-consuming.  There are so many elements interacting in an async manner that I oftentimes find myself using the debugger to debug the debugger!  In the case where it&#8217;s unclear what interaction isn&#8217;t working...

An Introduction and Guide to the CSS Object Model (CSSOM)


If you've been writing JavaScript for some time now, it's almost certain you've written some scripts dealing with the Document Object Model (DOM). DOM scripting takes advantage of the fact that a web page opens up a set of APIs (or interfaces) so you can manipulate and otherwise deal with elements...

CSS Selectors are Conditional Statements


foo { } Programmatically, is: if (element has a class name of "foo") { } Descendent selectors are &#38;&#38; logic and commas are &#124;&#124;. It just gets more complicated from there, with things like combinators and pseudo selectors. Just look at all the ways styles can cascade. Jeremy Keith: If...

Bridging the Gap Between CSS and JavaScript: CSS-in-JS


In this article, we’re going to dig into the concept of CSS-in-JS. If you’re already acquainted with this concept, you might still enjoy a stroll through the philosophy of that approach, and you might be even more interested in the next article. Web development is very interdisciplinary. We’re used...

Embed a Blog Onto Any Website With DropInBlog


With DropInBlog, you can embed a blog into your site in only three minutes. A quick JavaScript/HTML widget, or a full-featured JSON API, is all it takes. A headless blog you can take anywhere Ever been working on your existing static site or anything that wasn’t built with WordPress, wanted...

10 Node Frameworks to Use in 2019


Introduction More developers have switched to using JavaScript to build more applications, especially for the web. This has brought about an exponential growth in the usage of frameworks b

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

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