Search

Nalezeno "you": 7721

CSS Grid in IE: Debunking Common IE Grid Misconceptions

2.7.2018
This is the first in a three-part series all about how to use CSS grid in a way that will work not only in modern browsers but also in Internet Explorer (IE). Imagine writing CSS grid code without having to write a fallback layout! Many of us think that this is some far off future that is many...

Fitting Text to a Container

29.6.2018
There are a number of ways to go about putting some text in a container and having it size itself to fill that container. There are different technologies we can use and different considerations to think about. Let us count the ways. Magic Number it with viewport units If you set type with...

Empower Through Web Development

28.6.2018
As a person with a disability, I appreciate the web and modern-day computing for their many affordances. The web is a great place to work and share and connect. You can make a living, build your dream, and speak your mind. It’s not easy, though. Beginners struggling with the box model often take...

React Node Flow

27.6.2018
Flow, the static type checker used in many React projects, feels like a gift and a curse at times; a gift in that it identifies weaknesses in your code, and a curse that sometimes you feel like you’re needlessly adjusting your code to satisfy Flow.  I’ve grown to appreciate Flow...

​Add real-time comments to a Gatsby blog

26.6.2018
(This is a sponsored post.) This tutorial will show you how to add realtime comments to a Gatsby blog. You will use Node and Express to create a simple backend, allowing users to add and view comments instantly. Direct Link to Article — Permalink… The post ​Add real-time comments to...

Count Frames in an Animated GIF

26.6.2018
The animated GIF always makes me chuckle; on one hand they seem like a relic of the “old web”, on the other hand they aren’t going anywhere and their meme-like presence seem to only make them more popular.  If you browse through my media blog posts archives, you’ll notice...

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

Easy Document Signing with the Eversign Chrome Extension

25.6.2018
A while back I wrote about Eversign, an awesome service that allows you and your clients or partners to digitally sign documents online.  If you’ve recently bought a house or did any other large purchases or agreements, you know how important the ability to reliably sign documents online is. ...

Drawing Images with CSS Gradients

25.6.2018
What I mean by "CSS images" is images that are created using only HTML elements and CSS. They look as if they were SVGs drawn in Adobe Illustrator but they were made right in the browser. Some techniques I’ve seen used are tinkering with border radii, box shadows, and sometimes clip-path. You...

Users DO Change Font Size

24.6.2018
Evan Minto: The question was “How many users browse the main Internet Archive site with a default font size other than the common value of 16 pixels?” By knowing this, we would determine how many users would be affected by sizing with relative units like rems/ems. Using the methodology I describe...

Don’t Use The Placeholder Attribute

22.6.2018
Eric Bailey takes a hardline position on <input placeholder>. You might be thinking, as I did: yeah, yeah I know the pitfalls. I'm capable of using placeholder responsibly. But when you look at all the negatives together: Can’t be automatically translated; Is oftentimes used in place of...

What the heck is "Script error?"

22.6.2018
If you’ve done any work with the JavaScript onerror event before, you’ve probably come across the following: "Script error." “Script error” is what brows

Advanced Document Conversions with Filestack

22.6.2018
You might know Filestack from being an incredible service to add file uploading, storage, and management to your own web apps. There is another thing Filestack can do for you: convert documents into different formats. For one thing, it can manipulate documents. Take images. Perhaps you would...

An Almost Ideal React Image Component

21.6.2018
Yes, this is a React component, but regardless if you care about that part or not, the "ideal image component" part could be of interest. There is a lot to consider with how we put images on web pages these days. This deals with: Placeholder space (and then flexible responsive styles after...

Using Custom Fonts With SVG in an Image Tag

21.6.2018
When we produce a PNG image, we use an <img> tag or a CSS background, and that's about it. It is dead simple and guaranteed to work. PNG is way simpler to use in HTML than SVG Unfortunately, the same cannot be said for SVG, despite its many advantages. Although you're spoiled for choices...

What is SVG good for?

21.6.2018
Y'all probably wouldn't be surprised if I told you it's pretty awesome for icons, and icon systems. SVG icon systems can, and perhaps should be quite easy. I'm a fan of just inlining those suckers, particularly when they are pretty simple. But what else? Logos is a classic example! A lot...

UTC is Enough for Everyone, Right?

20.6.2018
A good candidate for the Blog Post of the Year from Zach Holman. I think Eric Portis' "w descriptors and sizes: Under the hood" is up there too, but perhaps even nerdier. Ooooh, also Frank Chimero's "The Good Room" is up there. But I digress. Zach's article is as educational as it is funny. But...

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