Search

Nalezeno "Github": 396

Shared Element Transitions


I was just Hoping for Better Native Page Transitions, and Bramus commented that Chrome is working on something. Looks like it has some fresh enthusiasm for it, as there is a brand new repo, and you can literally … The post Shared Element Transitions appeared first on CSS-Tricks. You...

SEC's 'Crypto Mom' Updates Token Safe Harbor Proposal on GitHub


Hester Peirce. Source: a video screenshot, Youtube, Blockland Solutions Hester Peirce, Commissioner of the US Securities and Exchange Commission (SEC), updated her token safe harbor proposal which aims to enable crypto businesses to offer tokens under initial coin offerings (ICOs) in compliance...

Why Netlify?


I think it’s fair to think of Netlify as a CDN-backed static file host. But it would also be silly to think that’s all it is. That’s why I think it’s smart for them to have pages like this, comparing … The post Why Netlify? appeared first on CSS-Tricks. You...

Hackers Target Github Server Infrastructure to Mine Cryptocurrencies


Github services is under investigation after a series of reports on attacks against one of its infrastructures by running unauthorized crypto mining apps. Cybercriminals allegedly exploited some security flaws that could have been exploited to mine cryptos illicitly. Attacks Exploit ‘Github...

Nailing That Cool Dissolve Transition


We’re going to create an impressive transition effect between images that’s, dare I say, very simple to implement and apply to any site. We’ll be using the kampos library because it’s very good at doing exactly what we need. We’ll … The post Nailing That Cool Dissolve Transition...

This Might Be the Only YouTube Browser Extension You'll Ever Need


YouTube is a real mixed bag. It’s home to so much of our favorite stuff on the internet, but the experience of using website itself isn’t great—filled with distracting recommendations, poor personalization, and ads, ads, ads—unless you take advantage of desktop browser extensions that can make...

CSS Border Font


Every letter in this “font” by Davor Suljic is a single div and drawn only with border. That means employing some trickery like border-radius with exotic syntax like border-radius: 100% 100% 0 0 / 37.5% 37.5% 0 0; which … The post CSS Border Font appeared first...

Take-Two Goes After Reverse-Engineered Grand Theft Auto Code


Last week we shared the good news that the source code for Grand Theft Autos III & Vice City had been reverse-engineered, allowing folks to port the games and come up with cool new mods. Now, we bring you the predictable news that publisher Take-Two Interactive are not happy.Read more

Beautiful accessibility with Floating Focus


Imagine if your :focus styles animated from element to element as you tab through a site. Like the focus ring up and flew across the page to the next element. The spirit of it is similar to smooth scrolling: it’s … The post Beautiful accessibility with Floating Focus appeared first...

How to Install a NPM Module from GitHub Branch


In my journey to work more quickly with a project containing loads of dependencies, I’ve come across a few techniques I’ve not needed to use before. I previously wrote about How to Push to a Git Remote Branch of a Different Name — this time we’ll talk about installing...

Nested Media Queries


We don’t have “regular” nesting in CSS. Maybe this becomes a thing someday, or something like it. That would be cool, although that pre-spec doesn’t mention anything about media queries. I’d hope we get that right out of the gate … The post Nested Media Queries...

Some Typography Blog Posts I’ve Bookmarked and Read Lately


Font-size: An Unexpectedly Complex CSS Property — From Manish Goregaokar in 2017. Of many oddities, I found the one where font: medium monospace renders at 13px where font: medium sans-serif renders at 16px particularly weird. The good line-height — Since … The post Some Typography Blog...

Styling Web Components


Nolan Lawson has a little emoji-picker-element that is awfully handy and incredibly easy to use. But considering you’d probably be using it within your own app, it should be style-able so it can incorporated nicely anywhere. How to allow … The post Styling Web Components appeared first...

Lightweight Form Validation with Alpine.js and Iodine.js


Many users these days expect instant feedback in form validation. How do you achieve this level of interactivity when you’re building a small static site or a server-rendered Rails or Laravel app? Alpine.js and Iodine.js are two minimal JavaScript … The post Lightweight Form Validation with...

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

Continuous Performance Analysis with Lighthouse CI and GitHub Actions


Lighthouse is a free and open-source tool for assessing your website’s performance, accessibility, progressive web app metrics, SEO, and more. The easiest way to use it is through the Chrome DevTools panel. Once you open the DevTools, you will see a “Lighthouse” tab. Clicking the “Generate report”...

I learned to love the Same-Origin Policy


I spent a good chunk of my work life this year trying (in collaboration with the amazing Noam Rosenthal) to standardize a new web platform feature: a way to modify the intrinsic size and resolution of images. And hey! We did it! But boy, was it ever a learning experience. This wasn’t my first...

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