Search

Nalezeno "block ": 1682

Where Do You Nest Your Sass Breakpoints?

11.2.2019
I love nesting my @media query breakpoints. It's perhaps the most important feature of Sass to me. Maybe I pick a method and do it like this: .element { display: grid; grid-template-columns: 100px 1fr; @include breakpoint(baby-bear) { display: block; } } That's straightforward enough....

Animate a Blob of Text with SVG and Text Clipping

6.2.2019
I came across this neat little animation in a designer newsletter — unfortunately, I lost track of the source, so please give a shout out if you recognize it! In it, a block of text appears to bleed into view with a swirl of colors, then goes out the same way it came in. It’s a slick effect and...

New CodePen Feature: Prefill Embeds

21.1.2019
I've very excited to have this feature released for CodePen. It's very progressive enhancement friendly in the sense that you can take any <pre> block of HTML, CSS, and JavaScript (or any combination of them) and enhance it into an embed, meaning you can see the rendered output. It also...

Meet Gutenberg: 6 Best Features Of The New WordPress Block Editor

2.1.2019
WordPress 5.0 is finally live! With it comes a brand new editor called Gutenberg. In this post, we take a closer look at this new editor to show you... The post Meet Gutenberg: 6 Best Features Of The New WordPress Block Editor appeared first on Onextrapixel

Gradient Borders in CSS

28.12.2018
Let's say you need a gradient border around an element. My mind goes like this: There is no simple obvious CSS API for this. I'll just make a wrapper element with a linear-gradient background, then an inner element will block out most of that background, except a thin line of padding around...

Why isn’t it <style src=””>?

10.12.2018
The way JavaScript works is we can do scripts as an inline block: <script> let foo = "bar"; </script> Or, if the script should be fetched from the network... <script src="/js/global.js"></script> With CSS, we can do an inline block of styles: <style> .foo...

Early Execs Leave Block.one, the Peter Thiel-Backed Crypto Startup Behind EOS

25.9.2018
As Block.one was raising $4 billion from Silicon Valley and Wall Street, a group of executives decided to quit and build a bigger, better blockchain

Stuff you can do with CSS pointer events

27.7.2018
Martijn Cuppens (the same fella with the very weird div!) has some more irresistible CSS trickery. Three of the examples are about making a child element trigger an event on a parent element (almost like the magic that is :focus-within). Here's how I reasoned it out to myself: You know how if...

Did you know that style and script tags can be set to display: block?

25.7.2018
The other night, Amit Patel mentioned that you can set script tags in HTML to display: block with CSS and then edit that code inline with the contentEditable attribute. This means that you can then see it all update live in the browser as you type. Shortly after, Marius Gundersen replied that...

Block.one Wants to Rewrite the Entire EOS Constitution

28.6.2018
Attempts to sort out the results of hacks and scams have resulted in a constitutional crisis

Learning Gutenberg: Building Our Custom Card Block

25.5.2018
We’ve got some base knowledge, we’ve played with some React and now we’ve got our project tools set up. Let’s dive into building our custom block. Article Series: Series Introduction What is Gutenberg, Anyway? A Primer with create-guten-block Modern...

Learning Gutenberg: Setting up a Custom webpack Config

24.5.2018
Gutenberg introduces the modern JavaScript stack into the WordPress ecosystem, which means some new tooling should be learned. Although tools like create-guten-block are incredibly useful, it’s also handy to know what’s going on under the hood. Article Series: Series Introduction ...

Learning Gutenberg: React 101

23.5.2018
Although Gutenberg is put together with React, the code we’re writing to make custom blocks isn’t. It certainly resembles a React component though, so I think it’s useful to have a little play to get familiar with this sort of approach. There’s been a lot of reading in this series so far, so let’s...

Learning Gutenberg: A Primer with create-guten-block

22.5.2018
Welcome back! We’ve just taken a look at what Gutenberg is and how it operates from the admin side. Gutenberg is certainly going to have a massive impact on the WordPress world. If you are just arriving here and have no idea what we’re talking about, I recommend at least skimming Part 1 to make...

Learning Gutenberg: What is Gutenberg, Anyway?

21.5.2018
Gutenberg is the new React-driven SPA editing experience in WordPress. Oh wait, a string of buzzwords doesn't count for a viable explanation of software? We’re going to unpack that string of buzzwords as we explain what Gutenberg is. Article Series: Series Introduction What...

Až vyrazí SpaceX do vesmíru s posádkou na novém Falconu 9

13.5.2018
Po pátečním úspěšném testu rakety Falcon 9 ve verzi Block 5 už mohou ve SpaceX opravdu pomýšlet i na start s posádkou. Právě i pro tyto účely byla zatím poslední verze Falconu vyvinuta. Seznamte se s nejdůležitějšími novinkami, které novinka přináší.Další články k tématu:Odteď už téměř bez údržby!...

Odteď už téměř bez údržby! SpaceX vyzkoušela přelomový model Falconu 9

11.5.2018
Až 100 startů bez větší údržby vydrží nově vyzkoušená raketa Falcon 9 ve verzi Block 5. Společnost SpaceX ji úspěšně vyslala do vesmíru v pátek ve 22:14 našeho času. Vynesla na oběžnou dráhu bangladéšskou telekomunikační družici.Další články k tématu:Co bude dál? SpaceX triumfuje, ale na záda se...