Search

Nalezeno "design": 1112

A Guide to the Responsive Images Syntax in HTML


This guide is about the HTML syntax for responsive images (and a little bit of CSS for good measure). We'll go over srcset and , plus a whole bunch of things to consider to help you get the best performance and design control from your images. The post A Guide to the Responsive Images Syntax...

Framer Web


The prototyping app Framer just launched the web version of their design tool and it looks pretty darn neat. I particularly love the design of the marketing site that explains how to use Framer and what sets it apart from other design tools. They have a ton of examples that you can pop open...

7 Examples of Scroll-Triggered Animations in Web Design


These days it is quite difficult to imagine a modern website without any dynamic elements. Small, big, medium-sized they — will be there on many websites. Web user interfaces... The post 7 Examples of Scroll-Triggered Animations in Web Design appeared first on Onextrapixel

Inspirational Websites Roundup #15


A new roundup that consists of a special collection of the latest web design trends and inspiration. Inspirational Websites Roundup #15 was written by Mary Lou and published on Codrops

How to Tame Line Height in CSS


In CSS, line-height is probably one of the most misunderstood, yet commonly-used attributes. As designers and developers, when we think about line-height, we might think about the concept of leading from print design — a term, interestingly enough, that comes from literally putting pieces of lead...

Online Together


(This is a sponsored post.) An Event Apart: Online Together is a single-day online conference with an intense focus on digital design, UX, content, code, and more, giving you deep insights into where we are now and where things are going next. AEA! With a brand new online version of their...

Turning a Fixed-Size Object into a Responsive Element


I was in a situation recently where I wanted to show an iPhone on a website. I wanted users to be able to interact with an application demo on this “mock” phone, so it had to be rendered in CSS, not an image. I found a great library called marvelapp/devices.css. The library implemented the device...

Anycoin Direct Launches Innovative New Platform


Cryptocurrency exchange service Anycoin Direct rolls out a new website for the European market. With their newly designed website, Anycoin Direct aims to make the buying and selling process of cryptocurrencies more accessible for everyone. The personalized design is unique within the cryptocurrency...

How to Display Mode-Specific Images


Now that we have most of the basics of HTML and CSS in the browser, we’ve begun implementing new features that I would consider “quality of life” improvements, many of which have been inspired by mobile. One great example is the CSS prefers-color-scheme media query, which allows...

Phuoc Nguyen’s One Page Wonders


I keep running across these super useful one page sites, and they keep being by the same person! Like this one with over 100 vanilla JavaScript DOM manipulation recipes, this similar one full of one-liners, and this one with loads of layouts. For that last one, making 91 icons for all those design...

8 Daring Examples of Cyberpunk Design


Cyberpunk design was a discovery of the previous year. Although it did not take the web by storm like flat style or material design did once, it was undoubtedly... The post 8 Daring Examples of Cyberpunk Design appeared first on Onextrapixel

Brutalist Web Design – A Big Trend to Notice


Several years ago, we were introduced to brutalist web design. In that sophisticated era focused on intricate ideas, the use of high-end solutions, and polished realizations, it went like... The post Brutalist Web Design – A Big Trend to Notice appeared first on Onextrapixel

Constrained CSS grids without `max-width`


Ain’t nothing wrong with max-width, but Ethan makes a point in the last sentence: Rather than simply defaulting to max-width as a constraint, I can use the empty space around my design, and treat it as a layout tool. If the space “around” your grid...

Bitcoin’s Third Halving: Survey Shows 50% of Miners Expect a Price Increase


The block reward halving for BTC is 32 days away and crypto businesses and mining operations are steadily preparing for the event. Today, Bitcoin’s hashrate is hovering just above 100 exahash per second (EH/s) and one year after the 2016 halving, the digital asset’s price and hashrate...

Collective #601


LCH colors in CSS * Frontend Mentor * Responsive Images the Simple Way * Button?Design * Interactive Timetable Collective #601 was written by Pedro Botelho and published on Codrops

CSS Foldable Display Polyfill


Foldable phones are starting to be a thing. Early days, for sure, but some are already shipping, and they definitely have web browsers on them. Stands to reason that, as web designers, we are going to want to know where that fold is so we can design screens that fit onto the top half and bottom...

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