Search
Little Tip: Draw Your Grid in ASCII in Your CSS Comments for Quick Reference
9.7.2018
Say you declared a grid like this:
body {
display: grid;
grid-template-columns: min-content 1fr;
grid-template-rows: min-content auto min-content;
}
This depends on content, for sure, but how it's likely to play out is like this:
+---+-------------+
| | |
|...
Understanding The Underlying Processes of JavaScript’s Closures And Scope Chain
5.7.2018
When developers start exploring the JavaScript programming language, the concept of Scope and Closures can be expected to be a hurdle to their progress. The reason behind this behavior is the compl
Better rendering for variable fonts
26.6.2018
I was messing around with a variable font the other day and noticed this weird rendering issue in the latest version of Chrome where certain parts of letterforms were clipping into each other in a really weird way. Thankfully, though, Stephen Nixon has come to the rescue with a temporary hack...
How to use Error Boundaries in React 16
26.6.2018
Have you seen these in your console?
Cannot read property ‘getHostNode’ of null ????
TypeError: Cannot re
Resilient, Declarative, Contextual
25.6.2018
Keith J. Grant:
I want to look at three key characteristics of CSS that set it apart from conventional programming languages: it’s resilient; it’s declarative; and it’s contextual. Understanding these aspects of the language, I think, is key to becoming proficient in CSS.
Like HTML, unknown...
Understanding the Almighty Reducer
13.6.2018
I was reently mentoring someone who had trouble with the .reduce() method in JavaScript. Namely, how you get from this:
const nums = [1, 2, 3]
let value = 0
for (let i = 0; i < nums.length; i++) {
value += nums[i]
}
...to this:
const nums = [1, 2, 3]
const value = nums.reduce((ac, next)...
Debug JavaScript in Production with Source Maps
5.6.2018
These days, the code you use to write your application isn’t usually the same code that’s deployed in production and interpreted by browsers. Perhaps you’re writing your source code in a language t
What does the ‘h’ stand for in Vue’s render method?
30.5.2018
If you’ve been working with Vue for a while, you may have come across this way of rendering your app — this is the default in the latest version of the CLI, in main.js:
new Vue({
render: h => h(App)
}).$mount('#app')
Or, if you’re using a render function, possibly to take advantage...
How to Get a React Component’s Element
14.5.2018
JSX is an amazing pseudo-language for React, and if I’m honest, it’s what brought me to love React so much. Using React without JSX is cumbersome and frustrating, while using JSX is such an easier way to express your code. One drawback of JSX, however, is that it makes accessing...
Overriding Default Button Styles
9.5.2018
There are a variety of "buttons" in HTML. You've got:
<button>Button</button>
<input type="button" value="Button">
Plus, for better or worse, people like having links that are styled to match the look of other true buttons on the site
<a href="#0"...
CSS Environment Variables
4.5.2018
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:
...
IP Geolocation with ipstack (Sponsored)
2.5.2018
Knowing where your web visitor is located is an incredible advantage to any website; you can show relative content like maps, pricing, and availability, output your content in their likely language, etc — I cannot overstate how useful that information is. Of course we have the HTML5...
Change Python Version
1.5.2018
Python plays a major role at Mozilla; much of our website backends and tooling are written in the powerful language. Want to build Firefox? You’ll need to make sure you have the proper Python version, which I recently found out had been upgraded. Despite installing and verifying I had...
Getting Started with Python and MongoDB
3.4.2018
You can get started with MongoDB and your favorite programming language by leveraging one of its drivers, many of which are maintained by MongoDB engineers, an
Destructuring and Function Arguments
3.4.2018
The JavaScript language has benefitted from some really awesome new features over the past few years, including arrow functions, the spread operator, and default function argument values. Even if your browser doesn’t yet support proposed JavaScript API syntax additions, you can use a tool...
Brněnský Language Hackathon propojuje přirozené a programovací jazyky, řešit se budou také chatboti
6.10.2017
Podzim přichází s řadou hackathonů a jedním z nich je i brněnský Language Hackathon, jehož protagonisty jsou jazyky. Tentokrát nejen programovací, ale i ty přirozené. Jeho cílem je přinést neotřelá řešení například na téma strojového překladu, machine learningu, zpracování přirozeného jazyka...
Brněnský Language Hackathon propojuje přirozené jazyky a technologie
4.10.2017
Unikátní propojení přirozených a programovacích jazyků nabízí Language Hackathon 2017, který se uskuteční o víkendu 13. a 14. října v brněnském Impact Hubu. Akce je zaměřená na strojové učení a strojový překlad, zpracování přirozeného…
Here's The Programming Game You Never Asked For
15.4.2016
You know what's universally regarded as un-fun by most programmers? Writing assembly language code.
As Steve McConnell said back in 1994:
Programmers working with high-level languages achieve better productivity and quality than those working with lower-level languages. Languages such as...