Search

Nalezeno "well": 1182

Indicating Scroll Position on a Page With CSS


Scrolling is something we all know and do on the web to the extent that it’s an expectation or perhaps even a habit, like brushing our teeth. That’s probably why we don’t put too much thought into designing the scrolling experience — it’s a well-known basic function. In fact, the popular “there...

Flexbox and absolute positioning


Chen Hui Jing notes that when you absolutely position a flex item, it's no longer part of the flex layout. Except... it kinda is a little bit. If you make the child position: absolute; but don't apply any top/right/bottom/left properties, then flexbox alignment will still apply to it. It's odd...

Using the HTML title attribute


 Steve Faulkner: User groups not well served by use of the title attribute • Mobile phone users.• Keyboard only users.• Screen magnifier users.• Screen reader users.• Users with fine motor skill impairments.• Users with cognitive impairments. Sounds like in 2020, the only useful thing the title...

Make Yourself a Little API With Netlify Functions


Here's an example of a nice little use case for cloud functions. Glitch has this great package of friendly words. Say you wanted to randomly generate "happy-elephant" or "walking-tree", and you need to do that on your website in JavaScript. Well, this package is pretty big (~200 KB), necessarily...

Empow – Decentralized, Visually Focused Social Network


Since Blockchain became well-known to the public back in the bull-run in 2017, many developer teams have started to develop blockchain-based products and applications that can be used by the masses. The post Empow – Decentralized, Visually Focused Social Network appeared first on Bitcoin News

Creating a Modal Image Gallery With Bootstrap Components


Have you ever clicked on an image on a webpage that opens up a larger version of the image with navigation to view other photos? Some folks call it a pop-up. Others call it a lightbox. Bootstrap calls it a modal. I mention Bootstrap because I want to use it to make the same sort of thing. So, let’s...

The Slideout Footer


A fascinating new site called The Markup just launched. Tagline: Big Tech Is Watching You. We’re Watching Big Tech. Great work from Upstatement. The content looks amazing, but of course, around here we're always interested in the design and tech as well. There is loads to adore, from the clean...

BCH Funding Debate: Developers Plan to Launch IFP-Free Version of Bitcoin ABC


On February 19, a group of well known software developers announced the launch of a new Bitcoin Cash full node with the Infrastructure Funding Plan (IFP) removed from the codebase. The news was announced on the read.cash platform by the developer Freetrader who told the public that strong demand...

Add Background Colors to SVGs Using the “rect” Element


The advantages of using SVGs in web development are well known. SVGs are small in size, can be made quite accessible, are scalable while maintaining their quality, and can be animated. Still, there is a learning curve. Things, like the syntax of SVG, can be a little tricky and having to hand-alter...

Bitcoin Superstar and Bitcoin Era – The Latest Two Faces of the Same Scam


With the rising price and popularity of bitcoin come numerous scams. Bitcoin Superstar and Bitcoin Era are two investment schemes that have recently gained much attention. News.Bitcoin.com took a look at them, and it did not take much to spot how similar they are to each other and several other...

Footnote Characters


They are special superset numbers that are sometimes perfect for footnotes. Here they are: ¹ ² ³ ⁴ ⁵ ⁶ ⁷ ⁸ ⁹ I generally prefer to superscript the number myself, like: <pThis next word<sup1</suphas a footnote.</p You'd probably add an anchor link around that as well to link to an...

Moving from Vanilla JavaScript to a Reusable Vue Component


I recently wrote an article explaining how you can create a countdown timer using HTML, CSS and JavaScript. Now, let’s look at how we can make that a reusable component by porting it into Vue using basic features that the framework provides. Why do this...

Blame the implementation, not the technique


I'm not sure we've gotten much better at this since Tim Kadlec wrote this in 2012: Stop me if you’ve heard this one before. “Responsive design is bad for performance.”“User agent detection is bad. Don’t segment the web.”“Hybrid apps don’t work as well as native apps.”“CSS preprocessors shouldn’t...

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