博客 / 列表

Louis Lazaris - Interactive Learning Tools For Front-End Developers

Because this industry moves so quickly, learning new skills is a regular thing for most of us. Over the last little while, I’ve been able to collect links to several interactive coding tools and app

Round-Ups , Css , Javascript

Louis Lazaris - Powerful Terminal And Command-Line (CLI) Tools For Modern Web Development

Many modern programmers, including front-end and full-stack developers, work daily with the command line. Even those who are relatively new to web development are picking up command-line skills earl

Techniques , Round-Ups , Tools , coding

Louis Lazaris - Those HTML Attributes You Never Use

In January, Madison Kanna asked her Twitter followers: What are the languages/tech you’re excited to learn or learn more deeply this year? mine: typescript, next.js, react, graphql, s

Guides , Techniques , coding , HTML

Louis Lazaris - Powerful Image Optimization Tools

In recent years, the web development community has rightfully spread the message widely that images are often the largest resource on any given web page. While many developers spend time optimizing

performance , optimization , Techniques , Tools

Louis Lazaris - Top Front-End Tools Of 2022

Over the past 12 months, we continue to see new free and open-source projects shared around the developer community. In my newsletter, Web Tools Weekly, I feature more than two dozen tools every wee

workflow , Techniques , Tools

Louis Lazaris - Top Front-End Tools Of 2023

Over the past 12 months, I’ve shared hundreds of tools in my newsletter, Web Tools Weekly. I feature tons of practical libraries, helpers, and other useful things for front-end and full-stack develo

workflow , Techniques , Round-Ups , Tools

Louis Lazaris - Thinking Inside The Box With Vanilla JavaScript

During the past four or five years of blogging regularly and doing research for other writing projects, I’ve come across probably thousands of articles on JavaScript. To me, it seems that a big chu

Techniques , coding , HTML , Javascript

Louis Lazaris - Using White Space For Readability In HTML And CSS

Right up front, I’ll offer some simple advice: In production, your code should be as performance-friendly as possible. This means, Gzip’ing, concatenating and minifying as many assets as possible, t

coding , Readability , Css , HTML

Louis Lazaris - Dear Web User: Please Upgrade Your Browser

Shopping. Social networking. Emailing. Reading. Finding directions. Banking. Researching. Those are some of the most common tasks people perform on the World Wide Web. You’ve probably done all of th

ux , Web Design , Browsers

Louis Lazaris - Old Browsers Are Holding Back The Web

Because of how far certain Web technologies like HTML5 and CSS3 have brought us, many would say that—from a Web platform perspective—the future is now. Sounds like a cliché, I know. At the very leas

Web Design , Browsers , Internet Explorer

Louis Lazaris - When You Learn Something, Write About It!

I don’t think anyone can deny that the Web has changed the way people teach, learn, and do research. Of course, this doesn’t mean that everything we read online is true and accurate—far from it. But

Community , workflow , Opinion Column

Louis Lazaris - An Introduction To Object Oriented CSS (OOCSS)

From a Web developer’s perspective, however, some may argue that speed is king. More and more, I’m starting to favour that stance. In recent years many experienced front-end engineers have offered t

coding , Css

Louis Lazaris - Learning To Use The :after And :before Pseudo-Elements In CSS

If you’ve been keeping tabs on various Web design blogs, you’ve probably noticed that the :before and :after pseudo-elements have been getting quite a bit of attention in the front-end development s

Techniques , coding , Css , Essentials

Louis Lazaris - An Introduction To CSS Keyframes Animation

By now you’ve probably heard at least something about animation in CSS3 using keyframe-based syntax. The CSS3 animations module in the specification has been around for a couple of years now, and it

animation , css3 , coding , Responsive Images , Css

Louis Lazaris - The HTML5 Logo: What Do You Think?

This has been an interesting week for the web design community, to say the least. The W3C revealed a new HTML5 logo to help designers and developers ‘tell the world’ that they’re using HTML5. The lo

Discussions , Opinion Column , Logo Design , html5

Louis Lazaris - Learning to Love HTML5

From my own vantage point — aside from a few disputes about what the term “HTML5” should and shouldn’t mean — the web design and development community has for the most part embraced all the new tech

coding , HTML , html5

Louis Lazaris - !important CSS Declarations: How and When to Use Them

When the CSS1 specification was drafted in the mid-to-late 90s, it introduced !important declarations that would help developers and users easily override normal specificity when making changes to t

coding , Css , Essentials

Louis Lazaris - A Design Is Only As Deep As It Is Usable

There are well-known proverbs that imply (or state outright) that beauty is superficial and limited in what it can accomplish. “It’s what’s inside that counts” and “Beauty is only skin deep” are a f

ux , Usability , Design

Louis Lazaris - Why Web Designers Should Not Use Ad Blockers

I’ll start this article with a positive statement: Most people frequenting the web design community (whether they are casual readers or regular design bloggers doing research) understand that nothin

Community , Advertising , Browsers , Opinion Column

Louis Lazaris - The Principles Of Cross-Browser CSS Coding

While I agree that creating a consistent experience for every user in every browser (putting aside mobile platforms for the moment) is never going to happen for every project, I believe a near-exact

testing , coding , Css , Essentials

Louis Lazaris - CSS3 Solutions for Internet Explorer

Experienced developers understand that CSS3 can be added to new projects with progressive enhancement in mind. This ensures that content is accessible while non-supportive browsers fall back to a le

css3 , coding , Css , Internet Explorer

Louis Lazaris - CSS Sprites: Useful Technique, or Potential Nuisance?

Ah, the ubiquitous CSS sprites — one of the few web design techniques that was able to bypass “trend” status almost instantly, planting itself firmly into the category of best practice CSS. Although

Sprites , coding , Css

Louis Lazaris - Print Magazines for Web Designers, Digital Artists, and Photographers

Although much valuable information for all sorts of web and print professionals can be found online, it is often difficult to weed through all the noise and find good quality content. I believe it’s

Photography , Magazines , Print , Inspiration , Design

Louis Lazaris - The Case Against Vertical Navigation

In a recent article about unusable and superficial beer and alcohol websites, I made the claim that using left-hand vertical navigation is an out-of-date method in modern web design. In the comments

Navigation , Web Design , Design