Original Source: https://tympanus.net/codrops/collective/collective-743/

Inspirational Website of the Week: Water by Falmec

Subtle details and a wonderful scroll experience makes this website stand out. Our pick this week.

Get inspired

NodeToy (Beta)

Create, fork and publish shader graphs with the world using an intuitive and easy to use tool built for all.

Check it out

Optimize Interaction to Next Paint

Jeremy Wagner and Philip Walton learn how to optimize for the Interaction to Next Paint metric.

Read it

Our Sponsor

Get access to marketing and sales resources here

Whether you’re looking to land the next promotion or solve a sales or marketing challenge at work, The Juice can help. The ultimate industry insider hack, The Juice aggregates career-enhancing resources from top brands and thought leaders and organizes them in one place, so you don’t have to keep filling out marketing forms for access (or dodging sales calls yourself). Start thinking like top B2B marketers and sales professionals with The Juice.

Check it out

Inside the mind of a frontend developer: Article layout

An exploration of how a frontend developer thinks while building an article layout. By Ahmad Shadeed.

Read it

DOM Clobbering

In this HTMHell Advent Calendar article, Frederik Braun explains what DOM Clobbering is and how it can make a website vulnerable.

Read it

From Web Page to Web Player: How Spotify Designed a New Homepage Experience

Alexandria Goree walks us through the design process of making over Spotify’s homepage.

Read it

Wikipedia Analysis Tool

A tool to navigate edits to the English Wikipedia made by IPs belonging to known organizations.

Check it out

Mobile Performance of Next.js Sites

Clark Gunn shares his experience on performance remediation for a large e-commerce site built with Next.

Read it

Drowning in AI Generated Garbage: the silent war we are fighting

A very interesting read on how we’ll soon end up with inbred AI garbage and algorithmic trash.

Read it

Humanizer

Humanizer is a minimal static site generator made with PHP.

Check it out

Upscalo

Read how Morten Just made an app that makes a small image large and removes its background.

Check it out

Contrast is boring—can’t someone else do it?

Learn how color-contrast() is soon here to save us from the boring task of ensuring sufficient contrast on a website.

Read it

Introducing Mona Sans and Hubot Sans

Learn how to use and express yourself with GitHub’s open source variable fonts, Mona Sans and Hubot Sans.

Check it out

Puter

Puter is a cloud operating system. Store, open, and edit your files from anywhere at any time in the cloud.

Check it out

A :nth-child(An+B [of S]?) polyfill thanks to CSS :has()

Bramus Van Damme writes about an interesting polyfill made possible with :has().

Read it

VRTs – Visual Regression Tests

Visual Regression Tests is a WordPress Plugin to test your website for visual changes and notifies you upon alerts automatically.

Check it out

Rapier – Raycast Vehicle

Isaac Mason is porting the cannon.js RaycastVehicle to Rapier. Check out his progress in this demo.

Check it out

Blockbench

An easy to use 3D model editor for low-poly and pixel-art.

Check it out

Snowball Preloader

A beautiful CSS-only snowball preloader made by Jon Kantner.

Check it out

Building A Virtual Machine inside ChatGPT

Read how it’s possible to run a whole virtual machine inside of ChatGPT.

Read it

Coding techniques

A thread by Yuri Artiukh on some great coding techniques that can be learned from “Kerrygold, the Magical Pantry” made by makemepulse.

Check it out

From Our Blog

How to Code an On-Scroll Folding 3D Cardboard Box Animation with Three.js and GSAP

A tutorial on how to create a 3D cardboard box that folds and unfolds on scroll using Three.js and the GSAP ScrollTrigger.

Check it out

From Our Blog

Inspirational Websites Roundup #44

A new roundup of the most inspiring and creative website from the past couple of weeks.

Check it out

Our Sponsor

Explore the world like a local with Babbel

If you’ve always wanted to learn a new language, Babbel will be the most productive 10 minutes of your day. Trusted by over 10 million subscribers worldwide, the subscription-based language learning platform can get you confidently conversing in a new tongue in just three weeks. Sign up today and get up to 60 percent off your subscription.

Learn more

Original Source: https://1stwebdesigner.com/best-free-stock-photos/

Free stock photos have become a huge commodity on the web. They’re easier to find than ever before and it’s quite possible there are millions of these photos to choose from.

These free photos certainly make design work easier, but finding high-quality photos for hero images can be a real pain. That’s why I’ve curated the absolute best sites to help you find HQ photos for all your web design projects.

NegativeSpace

First in this collection is NegativeSpace, featuring a gorgeous high-resolution gallery of stock photos. But these photos don’t have that cheesy vibe you typically expect from stock photo sites.

They all look incredibly natural and they span a wide array of topics. You can find photos to use on a business website, a restaurant homepage, or even pictures to use as featured photos on your personal blog.

Categories are easy to browse through and the layout is incredibly simple. If you need genuine-looking stock photos then start with NegativeSpace.

Gratisography

Gratisography is probably the most unique site in this bunch, with thousands of some of the quirkiest and sometimes even weird free stock photos you can find.

Started by creative Ryan McGuire, these photos are truly one of a kind. Not only won’t you find them anywhere else, they are unlike any others that populate other stock photo sites. They are pretty specific in their uniqueness, so if you’re looking for that perfect fit photo (or vector illustration), you could find it here.

LibreStock

All the photos on LibreStock come from dozens of other sources. This site works like a search engine for CC0 stock photography where you can enter a search term and browse 40+ different sites all at once.

Since many stock photo sites are small, they also don’t have many photos. But the photos they do have are usually unique and not found elsewhere. So LibreStock saves you time searching all these sites at once and curating the results in one place.

This is my go-to resource to search all the smaller sites before visiting the larger ones. They’ve also recently launched a free video search engine as well.

Picography

Next on the list is Picography, with a constant stream of new photos added every day. Not only are many of these photos unique to this site, but there are thousands to choose from and more to come.

This site is easy to search so you can find just the right photo for your needs and you’re not likely to see it being used anywhere else.

StockSnap

With StockSnap you can actually make your own account and curate all your favorite photos together.

All StockSnap photos are CC0 and they’re certainly large enough for hero images. And since you can bookmark your favorites you have easy access to find the original photographer, the tags, and even related photos based on size/color and content.

Stockvault

Stockvault has been around awhile, and that means it has, well, a literal vault full of thousands of free stock photos available for download. Search the vast collection and you will find a wide variety of pics for whatever you need.

Startup Stock

Tech blogs and startups thrive on great photography. That’s why Startup Stock Photos has to be in this list.

It’s a fairly new website but the quality is exquisite. I haven’t seen these photos anywhere else so they must be uniquely featured here with the goal of helping writers & startup founders add quality images to their site.

You can read a bit more about the site in this post written by one of the creators.

ShotStash

ShotStash is a bit of a “boutique” type of stock photo site, aimed at “creative professionals”. With a smaller but more specific selection you should be able to find some solid unique options here.

ISO Republic

ISO Republic has a great mix of free stock photos and videos with a variety of subjects, including business, technology, food, and many others. One really nice feature is being able to narrow your search to videos only, if that’s what you’re looking for. All of their content is under CC0 license so you can download, edit, and reuse them on any projects. Awesome!

Foodie Factor

If you’re looking for high quality and unique images of delicious food beyond today’s Instagram fare, Foodie Factor is a great resource to bookmark. It’s a very specific niche, but this recently relaunched site has beautiful photos of wonderful dishes that will add mouth-watering depictions to your projects. Check it whenever you’re looking for food-related free stock photos, as they are adding new photos all the time.

These are my favorite hero image resources but there are many others, like Free Nature Stock that you might like to try. CC0 images are so commonplace that it’s tough to even keep up with all the photos!

But if you keep some of these sites bookmarked you’ll have access to the vast majority of new images right at your fingertips.

Original Source: https://abduzeedo.com/citte-smart-urban-solutions-branding-visual-identy

Citte smart urban solutions — branding & visual identy

abduzeedo1212—22

Citte is focused on transforming cities into environments that prioritize people’s quality of life and promote sustainable, intelligent urban development. Using technology and innovation, Citte aims to create spaces that cater to individuals’ needs and desires, with a focus on inclusivity, value, and hospitality. At Citte, we believe that by combining technology and social spaces, we can create a better future for all.

Designing, developing and enabling intelligent and sustainable proposals for urban centers, spaces of common use aimed at improving the community, as well as the entire chain that involves the most different places of common use, creating with the support of technology and a lot of innovation, environments that speak to the reality of their individuals, that meet their needs and their desires, whether tangible or ideal.

With a focus on people at the center of all development, we daily focus on the individual and the collective, to create relationships and interactions that are even more inclusive, valuable, and welcoming, mindful of the larger background involving public and private management, cost reduction in municipal, state, and federal budgets, and better functioning of large cities.

With this in our mindset, at Citte we breathe the essence of uniting technology with quality of life derived from the maximum use of social spaces, making for and by people, a more ideal society designed for the future.

Credits

Developed by: Trauma Studio | Lucas Oliveira
Project lettering: Felipe Polo
Graphic Design: Yago Ferreira
Art Direct: Lucas OLiveira
Copywrite: Aldenis Rodrigues
Project link: Estudio Trauma on Behance

Original Source: https://www.webdesignerdepot.com/2022/12/download-free-xmas-patterns/

Christmas is just around the corner, and these free Xmas patterns are a great way to get into the Christmas spirit!

There are so many different ways to enjoy these Christmas patterns, from cards to ornaments, and everything in between. Why not design your own custom wrapping paper, or print garlands to hang throughout the house?

These illustrated Christmas patterns are also the perfect way to add some holiday cheer to your business’ marketing. Create a festive email signature, add banners to your website, or just post a message of peace and goodwill on your social media. The happy snowmen and cheerful Santa characters are sure to bring a smile to the face of the staunchest Grinch, so download them now.

You may use these patterns for personal and commercial purposes. You MUST add a link to our site www.webdesignerdepot.com wherever you use these patterns online. If you use them for print, you must clearly credit us somewhere in your product with written text crediting our website www.webdesignerdepot.com If you can’t or don’t want to add a link to our site, please contact us for a special commercial license that doesn’t require any kind of linking or attribution. Licensing fees start at only $15 but may be more expensive in certain situations. Please reach out for more details. These files cannot be distributed in any shape or form on their own.

Source

p img {display:inline-block; margin-right:10px;}
.alignleft {float:left;}
p.showcase {clear:both;}
body#browserfriendly p, body#podcast p, div#emailbody p{margin:0;}

The post Download Free Xmas Patterns first appeared on Webdesigner Depot.

Original Source: https://www.webdesignerdepot.com/2022/12/50-best-websites-of-2022/

We’ve seen some incredible websites in 2022. There have been more than the usual number of sites with a political mission, and plenty that made us want to travel. The big design trends were brutalism, huge typography, and bold positive color. We’re looking forward to what the web will bring in 2023, but in the meantime, take a look back at the best 50 websites of 2022. Enjoy!

Justice Reskill

Justice Reskill used bright colors and positive, uplifting artwork to create a supportive platform for people who’ve been through the justice system.

Pienso

Bold type and plenty of on-scroll animation made this site for Pienso stand out back in January.

Gazelle No.1

The promotional site for Gazelle No.1 used innovative scroll-activated video to sell the electric bike.

Mekanism

Mekanism’s site was the first agency redesign to impress us in 2022. Super-polished then, super-polished now.

Redbrick

Redbrick was well ahead of the trend for brutalism with a twist when it released this site promoting its coffee.

SOS Foods

Ethical and sustainable goods were top of the sales charts in 2022, and SOS Foods did a great job capitalizing on the style.

Hartzler Dairy

Hartzler Dairy embraced its mid-20th-century branding with a nostalgia-infused site.

Engineered Floors

Even in 2022, designers are still paying mobile short shrift, but this site for Engineered Floors is excellent on mobile.

Emi Ozaki

We loved the quirkiness of Emi Ozaki’s phone-style interface for her portfolio back in February.

I Killed A Cactus

I Killed A Cactus is a beautiful 3D site designed to help people care for houseplants.

Aris Hotel

We were tempted in the direction of Crete by this stunning luxury site for Aris Hotel on the island.

Milton Textiles

Milton Textiles is a big, bold site for a product that is usually an afterthought in the interior design world.

MAAP

The site for MAAP is predictably excellent, modern, and efficient. It encapsulated the apparel brand’s values perfectly.

Garden Eight

The promotional site for Garden Eight, a digital design studio in Tokyo and Copenhagen, was suitably standout eccentric.

Circus Shanghai

Circus Shanghai used a mid-century illustration style to reference the solar system and the Chinese flag.

Normand

Normand took the bold decision to step away from the typical law firm design strategy.

SND

Designing a site for UI sound kits is challenging, but SND pulled it off perfectly with this minimal site.

Polybion

We saw lots of brutalism in 2022, and Polybion’s site was a standout example of how to make the trend work.

neueMeta

Bold block coloring added depth and interest to this portfolio site for design studio neueMeta.

Dumpling Delivery

OK, we confess we spent waaay too much time playing this dumpling delivery game from Mailchimp back in May.

Nowhere Bakery

Nowhere Bakery succeeded in making vegan, paleo, gluten-free cookies seem appealing.

Triniti

We were mesmerized by the perpetual motion video for the pan-Baltic law firm Triniti.

Kim Kniepp

Kim Kniepp’s site impressed us with interconnected navigation and a superbly coded masonry grid.

Feed The 300

Feed The 300 is one of dozens of great sites to combat Russia’s invasion of Ukraine. In this case, it was aimed at feeding zoo animals.

Icons By Menu

Icons By Menu is a stunning minimalist site that is a pleasure to browse.

Museum Of Pink Art

The Museum of Pink Art is an immersive experience celebrating the color pink. It was easy to lose hours wandering around.

BelArosa Chalet

2022 was the year of illustrations, and BelArosa Chalet’s site used them to significant effect to sell a venue still under construction.

WTFFF

Online sexual abuse and harassment are particularly appalling when directed at young people. WTFFF tackled the issue sensitively.

Pretty Damn Quick

Logistics aren’t the most engaging topic, but this friendly, illustrated site for Pretty Damn Quick grabbed us immediately.

Norwegian Soda Co.

This site for the Norwegian Soda Co. uses beautiful photography to create an engaging one-page site.

Fornasetti Profumi

Fornasetti Profumi wowed us with its long-form videos used to emphasize stillness and calm.

Laesk Kombucha

We were convinced this site for Laesk Kombucha had been produced by Wes Anderson.

Cased In Time

Single-product sites are often underwhelming, but this excellent ecommerce site bucks that trend.

DS & Durga

Eschewing the well-trod approach of flowers and pretty models, this perfume site for DS & Durga fully embraces the brutalist trend.

Daniel Spatzek

We loved the way Daniel Spatzek’s portfolio site broke all the rules and still managed to be informative and engaging.

Aro

Aro kept minimalism alive with a simple site that exudes luxury while selling a simple concept.

Think Packaging

Think Packaging took a case study approach to present its products, and it worked really well.

Steffie de Leeuw

Giant typography intertwined with botanical illustrations created a memorable site for Steffie de Leeuw.

Anna Jóna

The prelaunch teaser site for the Ana Jóna café and cinema was elegant and modern and had us eyeing a long weekend in Reykjavik.

Das Salz

More wanderlust courtesy of the fresh, enticing site for the Das Salz hotel and café.

Jono Pandolfi

This simple-to-use site for US tableware and cookware brand Jono Pandolfi sold us on hand-made ceramics.

LolaVie

We still can’t get over the fact that it took until 2022 for Jennifer Aniston to produce a haircare range.

Nathan Riley

Another big trend in 2022 was masonry-style sites, and this portfolio for Nathan Riley was one of our favorites.

Capsul’in Pro

With the excellent application of animation and careful use of color, this site for Capsul’in Pro transformed coffee pods into luxury items.

Seen

Seen is an essential site that explores themes of prejudice and racism in creative fields. It’s a strong approach to a difficult subject.

Glasfurd & Walker

Glasfurd and Walker’s superb portfolio site sets itself apart by over-extending the viewport. It’s a highly original idea.

The Other Side Of Truth

The Other Side of Truth is the standout site of 2022. It used the web expertly to present two interpretations of the facts surrounding the Russian invasion of Ukraine.

Bannach

Back in October, we fell in love with the pixel-block animation loading for the Bannach furniture brand.

Karina Sirqueira

Karina Sirqueira’s portfolio was a joy to browse through. The morphing shapes imposed simplicity on a series of beautifully presented case studies.

Joshua’s World

We were amazed by Joshua’s World, a little island that can be titled and rotated to power the little cyclist along his career.

Source

p img {display:inline-block; margin-right:10px;}
.alignleft {float:left;}
p.showcase {clear:both;}
body#browserfriendly p, body#podcast p, div#emailbody p{margin:0;}

The post 50 Best Websites of 2022 first appeared on Webdesigner Depot.