Search

Nalezeno "you": 6051

Chapter 6: Web Design


Previously in web history… After the first websites demonstrate the commercial and aesthetic potential of the web, the media industry floods the web with a surge of new content. Amateur webzines — which define and voice and tone unique to … The post Chapter 6: Web Design appeared first...

Simulating Drop Shadows with the CSS Paint API


Ask a hundred front-end developers, and most, if not all, of them will have used the box-shadow property in their careers. Shadows are enduringly popular, and can add an elegant, subtle effect if used properly. But shadows occupy a strange … The post Simulating Drop Shadows with the...

Accessible SVG Icons


The answer to “What is the most accessible HTML for an SVG icon?” isn’t one-size-fits all, because what an icon needs to do on a website varies. I’m partial to Heather Migliorisi’s research on all this, but I can summarize.… The post Accessible SVG Icons...

Create a Tag Cloud with some Simple CSS and even Simpler JavaScript


I’ve always liked tag clouds. I like the UX of seeing what tags are most popular on a website by seeing the relative font size of the tags, popular tags being bigger. They seem to have fallen out of fashion, … The post Create a Tag Cloud with some Simple CSS and even Simpler JavaScript...

Open a Browser Tab with DevTools Open by Default


Using command line flags is a great way to subtly improve productivity. Whether saving yourself keystrokes or enabling specific features, it’s very much worth knowing the application flags available to you. To launch a new tab with DevTools in Chrome, you can use...

What Games On Your Backlog Do You Want To Finish This New Year?


I asked this same question last year and looking back on the list of games I hoped to finish, I actually am surprised I got to quite a few of them. That includes Deadly Premonition, Radiant Historia, Pikmin 3, Link Between Worlds, Trace Memory, and No More Heroes. The link between them all is that...

clipPath vs. mask


These things are so similar, I find it hard to keep them straight. This is a nice little explanation from viewBox (what a cool name and URL, I hope they keep it up). The big thing is that clipPath (the element in SVG, as well as clip-path in CSS) is vector and when it is applied, whatever you...

Ys VIII's Compelling Story Makes You Care About Every NPC


I always approach classics with a certain sense of trepidation, especially if I’m playing them outside of their original release window. Games that might have truly been remarkable in their day and age might come across antiquated and difficult to endure in the present, especially with how much...

A Utility Class for Covering Elements


Big ol’ same to Michelle Barker here: Here’s something I find myself needing to do again and again in CSS: completely covering one element with another. It’s the same CSS every time: the first element (the one that needs to be covered) has position: relative applied to it....

Responsible, Conditional Loading


Over on the Polyplane blog (there’s no byline but presumably it’s Kilian Valkhof), there is a great article, Creating websites with prefers-reduced-data, about the prefers-reduced-data media query. No browser support yet, but eventually you can use it in CSS to make choices that reduce...

James Sweet: Voices of Dissent


If you are a voice of dissent, you have a unique opportunity. You live in a time that puts you at an advantage to change the world for the better. It’s true that the world is always changing; change is the only constant. But I am convinced that you have a strong say in how […] The post...

Integrating TypeScript with Svelte


Svelte is one of the newer JavaScript frameworks and it’s rapidly rising in popularity. It’s a template-based framework, but one which allows for arbitrary JavaScript inside the template bindings; it has a superb reactivity story that’s simple, flexible and effective; and as an ahead-of-time (AOT)...

A Calendar in Three Lines of CSS


This article has no byline and is on a website that is even more weirdly specific than this one is, but I appreciate the trick here. A seven-column grid makes for a calendar layout pretty quick. You can let the days (grid items) fall onto it naturally, except kick the first day over to the correct...

ETN vs. ETF Difference: All You Need to Know


Financial markets are flooded with investment products that entice investors with the promise of guaranteed returns on their investments over a certain period. Among these, exchange-traded funds (ETFs) and exchange-traded notes (ETNs) have been the popular means of growing investment portfolios....

ETFs and Mutual Funds: Everything that You Should Know


The process of investing is complex, and one should be careful before investing money and making investments in any particular instrument. The horizon of investment can be short-term or long-term, and it ultimately depends upon your objective you want to achieve through your fund and...

Best Tax-Free Mutual Funds You Must Know About


Investments are always considered as integral parts to save personal finance, but making the right investments is equally important to grow your savings. However, the downside of investments is that your high yield investment incomes are taxable as per the tax laws of the country where you reside....

Custom Styles in GitHub Readme Files


Even though GitHub Readme files (typically ./readme.md) are Markdown, and although Markdown supports HTML, you can’t put <style> or <script> tags init. (Well, you can, they just get stripped.) So you can’t apply custom styles there. Or can you? You can use SVG as...

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