Archive for month: September, 2022

Original Source: https://1stwebdesigner.com/how-to-bolster-your-design-ideas-with-these-unlikely-sources-of-inspiration/

We all know how frustrating it can be to feel creatively stuck. Whether you’re trying to come up with new ideas for a project or simply looking for a fresh perspective, sometimes all it takes is some out-of-the-box thinking to find inspiration to jump start your creativity.

Today, we’ll be covering a few unlikely sources of inspiration that can help you bolster your design ideas. These don’t include the super obvious choices like Awwwards or Best Website Gallery. Instead, these inspiring sources delve into less top-of-mind places and offer creative fuel in less conventional ways.

Enjoy!

Children’s Books

Believe it or not, children’s books can be a great source of inspiration for designers. The vibrant colors and playful illustrations in these books can help spark new ideas and help you see things from a different perspective.

Take a Walk in Nature

There’s no denying that nature is one of the most beautiful things in the world. So why not use it as inspiration for your next design project? From the patterns of leaves to the colors of a sunset, there are endless possibilities when it comes to finding inspiration in nature.

Taking a walk in nature can also help clear your mind and give you some much-needed time to think about your project.

Music

Music may be a wonderful method to stimulate your creative thinking. Music may assist you access your creative side and produce some fantastic design ideas, whether you’re listening to your favorite album or looking at new artists.

Go to an Art Gallery or Museum

Viewing art can also be a great way to get inspired. Whether you’re visiting a museum or simply looking at paintings online, observing other artists’ work can help you see things in a new light and come up with some fresh ideas for your own projects.

Go to an Antique Store or Vintage Shop

If you’re looking for some unique inspiration, take a trip to an antique store or vintage shop. Surrounded by old items, you may find yourself seeing things in a new way and coming up with some original ideas for your project. You could even browse vintage designs on Etsy to get some inspiration.

Look Through Fashion Magazines

Fashion magazines are another great source of inspiration, especially if you’re working on a design project that involves clothing or accessories. From the latest trends to classic looks, you’ll be sure to find plenty of inspiration in these magazines.

At the very least, you can find some really interesting color palette inspiration in fashion magazines.

Talk to a Friend

Sometimes doing something completely different than the work on hand can clear your mind enough to leave room for fresh inspiration. So go ahead and take a break from your project to chat with a friend. You never know, they may just have the perfect idea for your next great design.

People Watch at Your Local Coffee Shop

Another great way to get inspired is to watch people at your local coffee shop. You never know who or what you’ll see, and you might just come up with some creative ideas for your project by observing the people around you.

Take a Trip

If you’re really feeling stuck, sometimes the best thing to do is take a trip. This doesn’t necessarily mean that you have to go somewhere far away; even taking a day trip to a nearby town can help you clear your mind and come up with some new ideas.

Get Some Sleep

If you’re feeling creatively drained, it might be time to get some sleep. Sometimes all you need is a good night’s rest to recharge your batteries and come up with some great new ideas.

Design Inspiration Can Be Found Almost Anywhere

Whether you’re looking for a fresh perspective or simply trying to get out of a design rut, these ten sources of inspiration can help you bolster your ideas and come up with some truly original designs. So don’t be afraid to explore new places and try new things; you never know where you’ll find your next great idea.

Original Source: https://www.webdesignerdepot.com/2022/09/adobe-has-acquired-you/

There were mixed reactions on Thursday morning when Adobe announced it had acquired Figma.

Excited press releases extolling the benefits of the “collaboration” followed the news. Dylan Field, founder and CEO of Figma, said: “There is a huge opportunity for us to accelerate the growth and innovation of the Figma platform with access to Adobe’s technology…”

The reaction from the design community has been a little less enthusiastic.

The problem for the design industry is that we’ve been here before. The acquisition of Macromedia followed a period in which Adobe tried to compete, failed to update its legacy code, lost the battle, and purchased the victor. You only need to look at the number of former Macromedia products in Adobe’s stable (zero) to see where Figma’s heading.

Figma has grown faster than any of its rivals in the last eight years. It is, of course, easier to grow when you start at zero. But there’s no denying Figma is a well-managed business and probably a good investment — if not worth the $20bn that Adobe reportedly paid.

Figma’s technology will give Adobe a leg-up in the collaborative design stakes, where it is clearly lacking. And Adobe’s resources will iron out some of the kinks in Figma, especially around typography, which is, if we’re honest, a bit hacky in places.

Adobe will provide a good home (we hope) for the Figma team, who will have the opportunity for career advancement in a much wider pool of development teams.

And, of course, Figma’s annual revenue will begin to trickle into Adobe’s vault — although it may be some time before it makes a dent in that $20bn hole.

But Adobe didn’t buy Figma for its business model, collaborative technology, team, or revenue stream. Adobe bought Figma’s users, all four million of them.

Adobe‘s approach to design software is upselling. It lures you in with free apps, and when you’re engaged, it integrates them with other parts of its ecosystem until suddenly, without meaning to, you’ve agreed to a Creative Cloud subscription.

Adobe was losing customers to a competitor. And more importantly, due to Figma’s free-use approach for individuals, it was losing young customers to a competitor. If it hadn’t bought Figma, Adobe would have needed to invest heavily in its own products while providing them to freelancers for free; that isn’t viable for a company with as many commitments as Adobe.

Yes, it is entirely accurate to say that competition drives innovation, and with fewer competing apps, there is less need for companies like Adobe to build high-quality, reliable products. However, it is also true to say that a lack of competition creates opportunities for new apps.

Somewhere out there, in a dorm room, or a basement, or on a kitchen table, someone is working on Adobe’s next big acquisition. It’s probably an AR design app; we need a few more of those.

For Figma, the next 12 months will be bright as Adobe works to retain the customers it’s bought. Within five years, you’ll probably need an Adobe Fonts subscription and a Photoshop plugin to use Figma. In ten years, it will be stored in a code archive next to Freehand.

Some designers will turn to Sketch; others will turn to Affinity; some will shrug and keep using Figma; others will shrug and keep using XD.

If an app is intrinsic to your design work, it’s probably time to switch apps. Your skills are transferable. I’ve switched apps many times; some I loved, some I just needed. I’ve never encountered an app that improved my work, although plenty have improved my mood while working.

Figma took a great approach and will continue to be great until it isn’t. Tools come and go, Adobe’s acquisitions team, it appears, is eternal.

Featured image uses photos by Afrika ufundi, Andrea Piacquadio, Andrea Piacquadio, Anna Tarazevich, cottonbro, fauxels, Ketut Subiyanto, Mikhail Nilov, Moose Photos, Pavel Danilyuk, Pavel Danilyuk, Polina Tankilevitch, Tima Miroshnichenko.

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 Adobe Has Acquired You first appeared on Webdesigner Depot.

Original Source: https://designrfix.com/reviews/best-high-arc-single-handle-kitchen-faucet

Looking for the best high arc single handle kitchen faucet? There are many choices, but we spent many hours researching all the best models on the market. We narrowed the list by looking for excellent performance products during our search. You’ve come to the right place if you’re after the best product money can buy. … Read more

Original Source: https://www.webdesignerdepot.com/2022/09/exciting-new-features-in-safari-16/

Apple has released an OS update. Packaged in with it is the latest version of Safari, 16.

Expected to be released ahead of next month’s macOS 13, Safari 16 is packed with updates, making it one of the most capable browsers available.

For web designers, the significance is the forward momentum in web technologies that enable freer design work and fewer hacks to achieve complex layouts. Little by little, CSS recommendations are being implemented to the point that using JavaScript for layout is rapidly becoming as unnecessary as it is disliked.

Some of this was announced in June in the Safari 16 beta. But a lot has been added in the last couple of months. So here’s what’s new in Safari 16 today.

CSS Container Queries

The most exciting addition to Safari 16 is CSS Container Queries.

It is hard to understate how in-demand this feature has been; if you imagine an edit button on Twitter that gifted you crypto every time you corrected a typo, you’d be getting close to how popular this feature is.

Until now, media queries have detected the whole viewport. And so, if you have an element like a card, for example, that needs to change at smaller viewports, you need to calculate the available space and adapt the element’s design accordingly. Unfortunately, this frequently gets out of sync with edge cases causing more than a few headaches for front-end developers.

Media queries are severely restrictive to modern layout methods like Grid that wrap elements automatically because there is no way to detect how the elements are laid out.

Container Queries solve this by allowing you to define styles based on the size of the actual containing element; if a div is 300px wide, the contents can have one design, and if it’s 400px wide, they can have a different design—all without caring what size the whole viewport is.

This is dangerously close to OOP (Object Orientated Programming) principles and almost elevates CSS to an actual programming language. (All we need is conditional logic, and we’re there.)

The latest versions of Chrome, Edge, and now Safari (including mobile) support CSS Grid. Even discounting the rapid decline of Twitter, this is way more exciting than any edit button.

CSS Subgrid

Speaking of Grid, if you’ve built a site with it (and if you haven’t, where have you been?), you’ll know that matching elements in complex HTML structures often results in nesting grids. Matching those grids requires careful management, CSS variables, or both. With CSS Subgrid, grids can inherit grid definitions from a grid defined higher up the hierarchy.

CSS Subgrid has been supported by Firefox for a while but is not yet part of Chrome or Edge. Until there’s wider support, it’s not a practical solution, and using a fallback negates any benefit of using Subgrid. However, its introduction in Safari will surely herald rapid adoption by Google and Microsoft and moves the web forward considerably.

CSS Subgrid is likely to be a practical solution within 18 months.

AVIF Support

AVIF is an exceptionally compact image format that beats even WebP in many instances. It even allows for sequences, creating what is essentially an animated GIF but smaller, and for bitmaps.

AVIF is already supported by Chrome, with partial support in Firefox. Safari now joins them.

AVIF support is one of the more valuable additions to Safari 16 because you’re probably already serving different images inside a picture element. If so, your Safari 16 users will begin receiving a smaller payload automatically, speeding up your site and boosting UX and SEO.

Enhanced Animation

Safari 16 introduces some significant improvements in animation, but the one that catches the eye is that you can now animate CSS Grid.

Yes, let that sink in. Combine Container Queries and animation. The possibilities for hover states on elements are tantalizing.

Safari 16 also supports CSS Offset Path — known initially as CSS Motion Path — which allows you to animate elements along any defined path. This enables the kind of animated effect that previously needed JavaScript (or Flash!) to accomplish.

Chrome, Edge, and Firefox all support CSS Offset Path; the addition of Safari means it’s now a practical solution that can be deployed in the wild.

Web Inspector Extensions

Announced as part of the beta release, Web Inspector Extensions allow web developers to create extensions for Safari, just as they would for Chrome.

Web Inspector Extensions — or Safari Extensions as they’re destined to be known — can be built in HTML, CSS, and JS, so the learning curve is shallow. It’s a good route into app development for web designers.

Because the underlying technology is the same as other browser extensions, anyone who has made a Chrome, Edge, or Firefox extension will be able to port it to Safari 16+ relatively easily. As a result, there should be a rapid expansion of the available extensions.

Improved Accessibility

Accessibility is key to an effective and inclusive web. Be like Bosch: everybody counts, or nobody counts.

When testing a design for accessibility, emulators don’t cut it. In my experience, Safari has some of the most reliable accessibility settings, especially when it comes to Media Queries like prefers-reduced-movement.

Further gains in this field mean that Safari continues to be an essential tool for QA tests.

Reduced Resets

Finally, I want to throw up my hands to celebrate the reduced number of non-standard CSS appearance settings.

For years we’ve been prefacing our style sheets with elaborate resets like Normalize, designed to undo all the assumptions browser developers make about design and the UI preferences of their engineers.

Safari 16 has reportedly “Removed most non-standard CSS appearance values.” How effective this is and how much we can rely on it given the other browsers on the market remains to be seen. However, like many of Safari 16’s changes, it’s a step towards a browser that’s on the developers’ side instead of an obstacle to overcome.

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 Exciting New Features in Safari 16 first appeared on Webdesigner Depot.