Search

Nalezeno "bar": 226

The Next Scotch v8: How We're Getting to 1s Load Times

13.6.2018
You might be wondering, "are they redesigning again?!" Whenever I'm asked that, my answer is always a resounding "OF COURSE!" Sure the Scotch site is currently good enough, but there's alway

Creating a Bar Graph with CSS Grid

12.6.2018
If you’re looking for more manageable ways to create bar graphs, or in search of use cases to practice CSS Grid layout, I got you! Before we begin working on the graph, I want to talk about coding the bars, when Grid is a good approach for graphs, and we’ll also cover some code choices you might...

Code Challenge #11: JavaScript Functional Programming

12.6.2018
Previously on the code challenge #10, we delved into lazy loading images for performance, you can check out the challenge post and solution. This week on the code challenge, we'll be re-visi

Join Scotch's New Community Portal on Spectrum.chat

11.6.2018
We've created a new Scotch community on spectrum.chat. Come on over and join us. We're just getting started and think this will be a great place to chat.

8 Emmet Tips You Might Not Know

8.6.2018
Emmet (who remembers when it was called Zen Coding?) is a very useful code editor tool that brings snippets and supercharged shortcuts for generating HTML/markup and

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

Lazy Load Animal Memes with Intersection Observer

29.5.2018
Last week we on the code challenge #7 we delved into lazy loading images for increased performance of web pages. Yet to take the challenge? You can do so

Build Native Modals Using the Dialog Element

24.5.2018
With release of HTML 5.2 comes the dialog element. The dialog element has been around for a while now but was an experimental technology. Previously, if we wanted to build a mo

How Error Monitoring Helps You Find Bugs BEFORE Users Do

18.5.2018
One of the biggest distractions to any software team building web and mobile applications is the act of fixing up problems in previously written code. I'm willing to bet that your personal p

Code Challenge #10: Lazy Loading Animal Memes

18.5.2018
In a bid to lower the load times of a website, several techniques have been developed. One such technique is the lazy loading of images on the page. TL, DR

JSON Schema Validation and Expressive Query Syntax in MongoDB 3.6

10.5.2018
One of MongoDB’s key strengths has always been developer empowerment: by relying on a flexible schema architecture, MongoDB makes it easier and faster for applications to move through the developme

MongoDB 3.6: JSON Schema Validation and Expressive Query Syntax

8 Awesome New Features in Sublime Text 3.1

9.5.2018
What are developers without code editors? I can't seem to think of a clear answer to that. In recent times, code editors have evolved from traditional IDEs to smarter and faster tools. While some f

Build A Scroll-Spy Navbar (Solution to Code Challenge #9)

7.5.2018
Last week we put out a challenge to build out a scroll-spy navbar. Scroll-spy navbars are great and highlights th

Announcing THE Book on Server Side Rendering for React with Next.js

2.5.2018
With the high demand for SEO and high-performant web application, server-side rendering has become innevitable for commercial websites since they need to be found and ranked higher

Code Challenge #9: Build A Scroll-Spy Navbar

1.5.2018
A navigation bar is undoubtedly a really important element considered while designing websites and web pages. In a website, it's utilized in navigating around the site through specific links. Howev

Animating Progress

30.4.2018
Jonathan Snook on the complexity of animating the <progress> element. If you’re unfamiliar, that’s the element that spits out a bar chart-like visual that indicates a position between two values: This example has custom styles, but you get the point. Jonathan's post shows off a method...