Search

Nalezeno "HTML": 2743

Easy Google Search Result API with Zenserp (Sponsored)

25.9.2019
No matter how much experience I gain in this industry, one task I continue to fail at is building an accurate, flexible, and maintainable scraper for site search. As soon as sites change their HTML structure, my scrape is borked. When looking to build my own search results page, I looked around...

Filtering Data Client-Side: Comparing CSS, jQuery, and React

24.9.2019
Say you have a list of 100 names: <ul> <li>Randy Hilpert</li> <li>Peggie Jacobi</li> <li>Ethelyn Nolan Sr.</li> <!-- and then some --> </ul> ...or file names, or phone numbers, or whatever. And you want to filter them...

Link Underlines That Animate Into Block Backgrounds

23.9.2019
It's a cool little effect. The default link style has an underline (which is a good idea) and then on :hover you see the underline essentially thicken up turning into almost what it would have looked liked if you used a background-color on the link instead. Here's an example of the effect on...

Random Notes from a JAMstack Roundtable

23.9.2019
I hosted a JAMstack roundtable discussion at Web Unleashed this past weekend. Just a few random notes from that experience. I was surprised at first that there really is confusion that the "M" in Jamstack stands for "Markdown" (the language that compiles to HTML) rather than "Markup" (the "M"...

Table with Expando Rows

20.9.2019
"Expando Rows" is a concept where multiple related rows in a <table> are collapsed until you open them. You'd call that "progressive disclosure" in interaction design parlance. After all these years on CSS-Tricks, I have a little better eye for what the accessibility concerns of...

A Comparison of Static Form Providers

18.9.2019
Let’s attempt to coin a term here: "Static Form Provider." You bring your HTML <form>, but don’t worry about the back-end processing that makes it work. There are a lot of these services out there! Static Form Providers do all tasks like validating, storing, sending notifications,...

(Why) Some HTML is “optional”

16.9.2019
Remy Sharp digs into the history of the web and describes why the <p> tag doesn’t need to be closed like this: <p>Paragraphs don’t need to be closed <p>Pretty weird, huh? Remy writes: Pre-DOM, pre-browsers, the world's first browser was being written by Sir...

caniemail.com

15.9.2019
As long as I can remember the main source for feature support in HTML email clients is Campaign Monitor's guide. Now there is a new player on the block: caniemail.com. HTML email is often joked about in how you have to code for it in such an antiquated way (<table>s! really!) but that's...

Fast Static Sites with Netlify and AnyMod

12.9.2019
In about 10 minutes, we'll set up a workflow that makes static sites dead simple. You'll get the following: Free https Free or cheap hosting Build sites quickly Edit with live reload Edit when you’ve forgotten everything in 6 months Start: signups We can get all this by using Netlify (really...

Some HTML is “Optional”

11.9.2019
There is a variety of HTML that you can just leave out of the source HTML and it's still valid markup. Doesn't this look weird? <p>Paragraph one. <p>Paragraph two. <p>Paragraph three. It does to me, but the closing </p> tags are optional. The browser will detect...

Need to scroll to the top of the page?

2.9.2019
Perhaps the easiest way to offer that to the user is a link that targets an ID on the <html> element. So like... <html id="top"> <body> <!-- the entire document --> <a href="#top">Jump to top of page</a> ...

Styling Links with Real Underlines

30.8.2019
Before we come to how to style underlines, we should answer the question: should we underline? In graphic design, underlines are generally seen as unsophisticated. There are nicer ways to draw emphasis, to establish hierarchy, and to demarcate titles. That’s clear in this advice from Butterick’s...

Collective #543

26.8.2019
JavaScript: The Modern Parts * Ruffle * Pagemap * Mario HTML * Consume less, create more Collective #543 was written by Pedro Botelho and published on Codrops

Other Ways to SPAs

21.8.2019
That rhymed lolz. I mentioned on a podcast the other day that I sorta think WordPress should ship with Turbolinks. It's a rather simple premise: Build a server-rendered site. Turbolinks intercepts clicks on same-origin links. It uses AJAX for the HTML of the new page and replaces the current page...

Moving Text on a Curved Path

9.8.2019
There was a fun article in The New York Times the other day describing the fancy way Elizabeth Warren and her staff let people take a selfie with Warren. But... the pictures aren't actually selfies because they are taken by someone else. The article has his hilarious line of text that wiggles by...

Design Principles for Developers: Processes and CSS Tips for Better Web Design

8.8.2019
It is technically true that anyone can cook. But there’s a difference between actually knowing how to prepare a delicious meal and hoping for the best as you throw a few ingredients in a pot. Just like web development, you might know the ingredients—<span>, background-color, .heading-1—but...

SSCCE

6.8.2019
You know what a "reduced test case" is, right? We've talked about it here. I imagine the concept is useful in many walks of life, but in the world of front-end development, you can think of it like: A reduced test case is a demo/example page you create which reproduces the problem you are having...

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