Search

Nalezeno "CSS": 3281

CSS-Tricks on Flywheel

4.7.2019
I first heard of Flywheel through their product Local, which is a native app for working on WordPress sites. If you ask around for what people use for that kind of work, you'll get all sorts of answers, but an awful lot of very strong recommendations for Local. I've become one of them!...

Menus with “Dynamic Hit Areas”

3.7.2019
Flyout menus! The second you need to implement a menu that uses a hover event to display more menu items, you're in tricky territory. For one, they should work with clicks and taps, too. Without that, you've broken the menu for anyone without a mouse. That doesn't mean you can't also use :hover....

Hey, let’s create a functional calendar app with the JAMstack

3.7.2019
Hey, let's create a functional calendar app with the JAMstack I’ve always wondered how dynamic scheduling worked so I decided to do extensive research, learn new things, and write about the technical part of the journey. It’s only fair to warn you: everything I cover here is three weeks of research...

Haunted: Hooks for Web Components

3.7.2019
I was just chatting with Dave and he told me about Haunted. It's hooks, but for native web components! Pretty cool. I think the existence of stuff like this makes using web components more and more palatable — particularly in that totally-native no-build-step-needed-at-all kinda way. I...

Graphical User Interfaces for Git

3.7.2019
Git is command-line-driven software, but that doesn't mean you have to use the command line to make it work. There are lots of options! Some of the deepest programmer nerds I know prefer to use GUIs for Git (Graphic User Interface, or you know, software you can see things and click stuff), and some...

Toast

3.7.2019
One day, all the sudden, I started hearing jokes about toast. I had no idea what the context was. I assumed some friends just got started telling toast jokes, which isn't rare by any means. But it turns out it was a whole thing. It got me thinking, jeez, if I can't keep up with this stuff when it's...

Restricting a (pseudo) element to its parent’s border-box

2.7.2019
Have you ever wanted to ensure that nothing of a (pseudo) element gets displayed outside its parent's border-box? In case you're having trouble picturing what that looks like, let's say we wanted to get the following result with minimal markup and avoiding brittle CSS. The desired result. This...

Set Video Playback Speed with JavaScript

2.7.2019
I love that media has moved from custom plugins (Flash…gross) to basic HTML <video> and <audio> elements. Treating these media sources as just another element allows us to use CSS filters to adjust display, for example. The less we need to do with ffmpeg or plugins, the better. I’ve been...

7 Best CSS Optimization Tips for Better Page Load Times

2.7.2019
In today’s web, page load time is one of the most important website metrics. Even milliseconds can have a huge impact on your bottom line and slow page loads... The post 7 Best CSS Optimization Tips for Better Page Load Times appeared first on Onextrapixel

Collective #528

1.7.2019
Bounds.js * CSS Animation Worklet API * Numverify * HTML can do that? * Using Basis Textures in Three.js Collective #528 was written by Pedro Botelho and published on Codrops

Tips for rolling your own lazy loading

1.7.2019
You may have heard (or even issued the call) that “we can just use lazy loading!” when looking for a way to slim down a particularly heavy web page. Lazy loading is a popular technique for gradually requesting images as they come into view, rather than all at once after the HTML of the page...

Making width and flexible items play nice together

1.7.2019
The short answer: flex-shrink and flex-basis are probably what you’re lookin’ for. The long answer Let’s say you want to align an image and some text next to each other with like this: Now let's say you reach for flexbox to make it happen. Setting the parent element to display: flex; is a good...

Placing, Spanning and Density in CSS Grid

1.7.2019
The most common things you learn in CSS Grid is usually related to the grid container and less about the grid items. A generic grid definition applied to the grid container is enough for a basic la

The (Developer’s) Growth Model

29.6.2019
I really like the post "The Designer’s Growth Model" by Dennis Hambeukers. Dennis just invented this model, but it's based on some existing ideas and it all rings true for me. Let me try to summarize the five stages as he lays them out for designers. Producers: You learn how to design. You learn...

The (Developer’s) Growth Model

29.6.2019
I really like the post "The Designer’s Growth Model" by Dennis Hambeukers. Dennis just invented this model, but it's based on some existing ideas and it all rings true for me. Let me try to summarize the five stages as he lays them out for designers. Producers: You learn how to design. You learn...

Nownownow

28.6.2019
Matthias Ott, relaying an idea he heard from Derek Sivers: Many personal websites, including this one here, have an “about” page. It’s a page that tells you something about the background of a person or about the services provided. But what this page often doesn’t answer – and neither do Twitter...

Which CSS IS AWESOME makes the most sense if you don’t know CSS well?

27.6.2019
Peter-Paul posted this question: Which of the examples in the image do you consider correct? If you know CSS well, don't reply, just retweet. If you don't know CSS too well, please reply to the poll in the next tweet. pic.twitter.com/4bgnf9Wdkc — ppk 🇪🇺 (@ppk) June...

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