Search

Nalezeno "Output": 75

Value Bubbles for Range Inputs

26.3.2020
HTML5 range inputs, in supported browsers and by design, don't show the user the actual value they are submitting. If you want to use the cool slider, but show the value, you'll have to do that yourself. Here we use the output element and jQuery to show the current value in a bubble that hovers...

How to Make Repeating Border Images

16.3.2020
I just saw this cool little site from Max Bittker: broider. You design an image on a 9-slice grid (except the middle part) and it will produce an image for you to use with border-image along with the CSS to copy and paste. Check out my little design: CodePen Embed Fallback The areas of the image...

Sass !default and themeable design systems

11.3.2020
This is a great blog post from Brad Frost where he walks us through an interesting example. Let’s say we’re making a theme and we have some Sass like this: .c-text-input { background-color: $form-background-color; padding: 10px } If the $form-background-color variable isn’t defined then...

Data-driven Jamstack with Sourcebit

28.2.2020
Think of building sites with Gatsby as an hourglass shape. Gatsby itself is right in the middle. The wide funnel at the top represents the fact that Gatsby can take in data from all sorts of sources. The data could be in markdown files, from a headless CMS or some other API, from a hosted database...

A Guide to Console Commands

21.2.2020
The developer’s debugging console has been available in one form or another in web browsers for many years. Starting out as a means for errors to be reported to the developer, its capabilities have increased in many ways; such as automatically logging information like network requests, network...

German Economy in Risk of Recession Amid Weak Demand, Tariff Threat, and Epidemic

8.2.2020
Germany, the economic powerhouse of Europe, is facing renewed challenges that may soon push it towards recession. Falling industrial production and dwindling factory orders are the prime cause of concern. The negative results have been announced on the backdrop of weak demand from Eurozone...

Awesome Forward & Reverse Geocoding API: positionstack (Sponsored)

6.2.2020
One awesome web functionality we take for granted is geolocation. Based on geolocation data, we can get someone to their destination, provide them suggestions based on their location, and so on. One downside of native geolocation, especially in the browser, is that it’s limited in both input...

As Oil Demand Falters, OPEC Decides To Keep Output Cuts Into Next Year

1.7.2019
The OPEC countries’ share of oil production may have become far less than what it used to be, but the institution is still regarded as one of the most powerful bodies when it comes to the oil industry. The soaring production levels of shale oil in the United States and the weak outlook with regards...

Chilean Mining Giant Codelco’s Copper To Be Hit As Mines Go Underground

24.5.2019
As far as the largest mining companies are concerned, they have the capability of taking big hits over the short term. However, it takes a whole new dimension when a company’s largest mine is out of business due to a restructuring process. That is exactly what has happened with Codelco, the Chilean...

CSS Algorithms

6.3.2019
I wouldn't say the term "CSS algorithm" has widespread usage yet, but I think Lara Schenck might be onto something. She defines it as: a well-defined declaration or set of declarations that produces a specific styling output So a CSS algorithm isn't really a component where there is some parent...

Need to Test API Endpoints? Two Quick Ways to Do It.

25.1.2019
Here's a possibility! Perhaps you are testing your JavaScript with a framework like Jasmine. That's nice because you can write lots of tests to cover your application, get a nice little UI to see the output, and even integrate it with build and deploy tools to make your ongoing development work...

New CodePen Feature: Prefill Embeds

21.1.2019
I've very excited to have this feature released for CodePen. It's very progressive enhancement friendly in the sense that you can take any <pre> block of HTML, CSS, and JavaScript (or any combination of them) and enhance it into an embed, meaning you can see the rendered output. It also...

console.logTime

7.6.2018
I work on a really complex debugger at Mozilla but, and don’t tell my colleagues, I sometimes enjoy simply using console.log and other console commands to get some simple output. I know, I know, but hey — whatever gets the job done. A few years ago I detailed console.time...

console.timeLog

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