Search

Nalezeno "layout": 57

Final Fantasy XVI: 8 Useful Settings To Adjust For The Best Experience


The latest in the legendary series of Japanese role-playing games, Final Fantasy XVI features a very different tone in both story and combat. And with a vast story covering complex fictional political plotlines, it can all be a little overwhelming. The good news, however, is that Final Fantasy...

Faking Min Width on a Table Column


The good ol’ <table> tag is the most semantic HTML for showing tabular data. But I find it very hard to control how the table is presented, particularly column widths in a dynamic environment where you might not know how … Faking Min Width on a Table Column originally published...

Using Grid Named Areas to Visualize (and Reference) Your Layout


Whenever we build simple or complex layouts using CSS Grid, we’re usually positioning items with line numbers. Grid layouts contain grid lines that are automatically indexed with positive and negative line numbers (that is unless we explicitly name them). … Using Grid Named Areas...

How to Make CSS Slanted Containers


I was updating my portfolio and wanted to use the forward slash (/) as a visual element for the site’s main layout. I hadn’t attempted to create a slanted container in CSS before, but it seemed like it … How to Make CSS Slanted Containers originally published on CSS-Tricks. You should...

How Do You Handle Component Spacing in a Design System?


Say you’ve got a <Card /> component. It’s highly likely it shouldn’t be butted right up against any other components with no spacing around it. That’s true for… pretty much every component. So, how do you handle component spacing in … How Do You Handle...

Grid Zoom Layout


A simple image grid layout where a small grid image zooms to become larger while a content view opens. The post Grid Zoom Layout appeared first on Codrops

Slideshow with Filter Reveal Effect


A slideshow page layout with a filter enhanced navigation effect. The post Slideshow with Filter Reveal Effect appeared first on Codrops

Kinetic Typography Page Transition


A concept for a kinetic typography based page transition where background letters come into the foreground and reveal a new content level. The post Kinetic Typography Page Transition appeared first on Codrops

Minding the “gap”


You might already know about the CSS gap property. It isn’t exactly new, but it did gain an important new ability last year: it now works in Flexbox in addition to CSS Grid. That, and the fact that I … The post Minding the “gap” appeared first on CSS-Tricks. You can support...

Layout with Reveal Animations and Content Preview


Some experimental reveal animations on typographic elements as repeating pattern for a website design. The post Layout with Reveal Animations and Content Preview appeared first on Codrops

Hexagons and Beyond: Flexible, Responsive Grid Patterns, Sans Media Queries


A little while back, Chris shared this nice hexagonal grid. And true to its name, it’s using —wait for it — CSS Grid to form that layout. It’s a neat trick! Combining grid columns, grid gaps, and creative clipping … The post Hexagons and Beyond: Flexible, Responsive Grid Patterns, Sans Media...

Building a Settings Component


This is a tremendous CSS-focused tutorial from Adam Argyle. I really like the “just for gap” concept here. Grid is extremely powerful, but you don’t have to use all its abilities every time you reach for it. Here, Adam … The post Building a Settings Component appeared first...

Building a Settings Component


This is a tremendous CSS-focused tutorial from Adam Argyle. I really like the “just for gap” concept here. Grid is extremely powerful, but you don’t have to use all its abilities every time you reach for it. Here, Adam … The post Building a Settings Component appeared first...

Preview to Full Content Page Transition


An experimental page transition concept for magazines and blogs where an excerpt item opens for a full page view. The post Preview to Full Content Page Transition appeared first on Codrops

Distributed Letters Animation Layout


A distributed letters animation in the context of a triple panel layout with hover effect. The post Distributed Letters Animation Layout appeared first on Codrops

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