Search

Nalezeno "Design": 1110

3 Approaches to Integrate React with Custom Elements

15.1.2021
In my role as a web developer who sits at the intersection of design and code, I am drawn to Web Components because of their portability. It makes sense: custom elements are fully-functional HTML elements that work in all modern … The post 3 Approaches to Integrate React with Custom Elements...

Fixing Smooth Scrolling with Find-on-Page

13.1.2021
Back when we released the v17 design (we’re on v18 now) of this site. I added html { scroll-behavior: smooth; } to the CSS. Right away, I got comments like this (just one example): … when you control+f or … The post Fixing Smooth Scrolling with Find-on-Page appeared first...

Building Flexible Components With Transparency

12.1.2021
Good thinking from Paul Herbert on the Cloudfour blog about colorizing a component. You might look at a design comp and see a card component with a header background of #dddddd, content background of #ffffff, on an overall … The post Building Flexible Components With Transparency appeared...

New Web Design Trends and Inspiration for 2021

11.1.2021
Web design trends come and go. Thanks to the upheaval in 2020, web designers are going to see some common trends fall by the wayside for safer design choices. The post New Web Design Trends and Inspiration for 2021 appeared first on Codrops

A Canceled 2006 Tomb Raider Game Is Now Playable

7.1.2021
Back in 2006, Core Design, the original studio behind the Tomb Raider series, was working on a 10th-anniversary remake of the first game for PSP. While a lot of progress was made, the game was eventually canceled. Now, that original PSP game has resurfaced and is playable, PC Gamer reports.Read more

Students Are Filling in the Plot Lines of the Green New Deal

1.1.2021
The Green New Deal tells an important story about what society could be instead of what it currently is. It’s about transitioning to a system that allows everyone a fair shot at succeeding and fixing past wrongs from pollution to colonial land grabs.Read more

Design v18

29.12.2020
I redesigned the site! I can never think about the word redesign without also thinking about realigning, from Cameron Moll’s seminal article. I did not start from nothing. This design wasn’t a blank design canvas and empty code … The post Design v18 appeared first...

Chapter 6: Web Design

29.12.2020
Previously in web history… After the first websites demonstrate the commercial and aesthetic potential of the web, the media industry floods the web with a surge of new content. Amateur webzines — which define and voice and tone unique to … The post Chapter 6: Web Design appeared first...

Call Of Duty's 1980s Shopping Mall Map Gets The Little Details Right

28.12.2020
Maybe it’s the 2020 pandemic blues, but I can’t get enough of Black Ops Cold War’s retro shopping mall map. “The Pines” is a standard 6v6 multiplayer map that was added earlier this month with the launch of Cold War’s Season One. It’s a New Jersey-based mall filled with retail flashbacks. I’ve...

ČSFD.cz po dlouhých letech mění design. Je responzivní a přibyly funkce

23.12.2020
Česko-slovenská filmová databáze v těchto dnech uživatele oslovila s výzvou, aby vyzkoušeli novou podobu stránek. Na adrese new.csfd.cz najdete přepracovaný web, který teď působí moderněji, ale zároveň zachovává poznávací znamení originálu. Nově je responzivní, takže se umí přizpůsobit užším

25 Years of JavaScript & 25 Free Courses

17.12.2020
(This is a sponsored post.) Pluralsight is giving away 25 courses on JavaScript for free to celebrate JavaScript’s 25th birthday. It’s no cheapie, either. The courses range from getting your hands dirty with JavaScript for the first time, to full-on reactive development....

Three Ways to Distinguish a Site From the Norm

16.12.2020
In an age where so much web design is already neat, clean, and simple, I can think of three ways to distinguish your site from the norm: Stunning visuals that cannot be created in UI vector editors, like Figma and Sketch Beautifully-animated interactions that cannot be dreamt in the language...

Representation Matters

15.12.2020
This year I had the pleasure of re-launching The Accessibility Project. I spend a lot of time researching and writing about accessibility and inclusive design, so this felt like the cumulation of a lot of that effort. The site now uses all sorts of cool web features like CSS Grid, @supports,...

Let’s Create a Lightweight Native Event Bus in JavaScript

11.12.2020
An event bus is a design pattern (and while we’ll be talking about JavaScript here, it’s a design pattern in any language) that can be used to simplify communications between different components. It can also be thought of as publish/subscribe or pubsub. The idea is that components can listen...

2020 was not a good year for learning

10.12.2020
There, I said it. What did I learn about building websites in 2020? A lot. But what I learned is not nearly as important as how I learned it. So instead, I want to share a couple of strategies I used to unblock learning in less-than-ideal times. I spent almost a decade teaching design and, let...

Overlaying Video With Transparency While Wrangling Cross-Browser Support

8.12.2020
As websites are becoming more and more dynamic when it comes to design, there is sometimes a need to incorporate complex, animated elements. There are many ways to do that from CSS transitions to 3D rendering on canvas, and animated SVG. But it is often easier to use a <video> since they...

Painting With the Web

1.12.2020
Matthias Ott, comparing how painter Gerhard Richter paints (do stuff, step back, take a look) to what can be the website building process and what can wreck it: […] this reminds me of designing and building for the Web: The unpredictability, the peculiarities of the material,...

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