Friday, July 30Digital Marketing Journals

JavaScript

How Modernizr Can Help You Implement CSS Fallbacks
building website, creating a website, CSS, CSS Grid, CSS Layouts, google web designer, internet design, JavaScript, JavaScript Library, web design, web design company, web designer, web page design, website builder, website design

How Modernizr Can Help You Implement CSS Fallbacks

As web designers, we are often encouraged to utilize the latest and greatest features that CSS has to offer. And there are plenty of compelling reasons to do so. Techniques like CSS Grid and Flexbox make quick work of common layouts, while CSS animations add movement and interactivity. That’s just the tip of the iceberg. However, implementing these features can sometimes come at the cost of browser compatibility. For websites that still have a significant number of users with older browsers, or for features that are very new, there’s a risk in leaving some people out. Philosophically speaking, some designers are fine with this – and that’s OK. But implementing fallbacks for these features may be easier than you think. These failsafe measures offer a reasonable facsimile of a particular...
Now THAT’S What I Call Service Worker! – A List Apart
Browsers, building website, Code, creating a website, google web designer, internet design, JavaScript, User Experience, web design, web design company, web designer, web page design, website builder, website design

Now THAT’S What I Call Service Worker! – A List Apart

The Service Worker API is the Dremel of the web platform. It offers incredibly broad utility while also yielding resiliency and better performance. If you’ve not used Service Worker yet—and you couldn’t be blamed if so, as it hasn’t seen wide adoption as of 2020—it goes something like this: Article Continues BelowOn the initial visit to a website, the browser registers what amounts to a client-side proxy powered by a comparably paltry amount of JavaScript that—like a Web Worker—runs on its own thread.After the Service Worker’s registration, you can intercept requests and decide how to respond to them in the Service Worker’s fetch() event.What you decide to do with requests you intercept is a) your call and b) depends on your website. You can rewrite requests, precache...
A Tale of Two Experts – A List Apart
building website, Code, creating a website, google web designer, internet design, JavaScript, web design, web design company, web designer, web page design, website builder, website design

A Tale of Two Experts – A List Apart

Everyone wants to be an expert. But what does that even mean? Over the years I’ve seen two types of people who are referred to as “experts.” Expert 1 is someone who knows every tool in the language and makes sure to use every bit of it, whether it helps or not. Expert 2 also knows every piece of syntax, but they’re pickier about what they employ to solve problems, considering a number of factors, both code-related and not.  Article Continues BelowCan you take a guess at which expert we want working on our team? If you said Expert 2, you’d be right. They’re a developer focused on delivering readable code—lines of JavaScript others can understand and maintain. Someone who can make the complex simple. But “readable” is rarely definitive—in fact, it’s largely based on the eye...
Part II – A List Apart
Application Development, Browsers, building website, creating a website, google web designer, internet design, JavaScript, web design, web design company, web designer, web page design, website builder, website design

Part II – A List Apart

You and the rest of the dev team lobbied enthusiastically for a total re-architecture of the company’s aging website. Your pleas were heard by management—even up to the C-suite—who gave the green light. Elated, you and the team started working with the design, copy, and IA teams. Before long, you were banging out new code. Article Continues BelowIt started out innocently enough with an npm install here and an npm install there. Before you knew it, though, you were installing production dependencies like an undergrad doing keg stands without a care for the morning after.Then you launched.Unlike the aftermath of most copious boozings, the agony didn’t start the morning after. Oh, no. It came months later in the ghastly form of low-grade nausea and headache of produc...
Part III – A List Apart
Application Development, building website, Code, creating a website, google web designer, Industry & Business, internet design, JavaScript, State of the Web, web design, web design company, web designer, web page design, website builder, website design

Part III – A List Apart

You’ve done everything you thought was possible to address your website’s JavaScript problem. You relied on the web platform where you could. You sidestepped Babel and found smaller framework alternatives. You whittled your application code down to its most streamlined form possible. Yet, things are just not fast enough. When websites fail to perform the way we as designers and developers expect them to, we inevitably turn on ourselves: Article Continues Below“What are we failing to do?” “What can we do with the code we have written?” “Which parts of our architecture are failing us?”These are valid inquiries, as a fair share of performance woes do originate from our own code. Yet, assigning blame solely to ourselves blinds us to the unvarnished truth that a sizable on...
8 Ways for Bringing Creativity to Hyperlinks with CSS & JavaScript
building website, creating a website, CSS, CSS Snippets, google web designer, internet design, JavaScript, JavaScript Snippets, ux design, web design, web design company, web designer, web page design, website builder, website design

8 Ways for Bringing Creativity to Hyperlinks with CSS & JavaScript

Since the beginning of the World Wide Web, the venerable hyperlink has been a crucial feature. Remember the amazement when you found out that a single click could take you anywhere in the world? OK, maybe that gee-whiz moment has passed. But links are still as important as ever. And they’re something designers need to make both obvious and accessible. Though simplistic, the default behavior of underlining text links works well enough. Yet, modern CSS and JavaScript allow us to do so much more. Not only can links look prettier than ever, they can also provide greater context and fit into your overall branding. Today, we’ll show you some examples of link styles that go beyond the ordinary. They stand out and make for a better (or more interesting, at least) user experienc...