Inline to Menu Link Animation

Original Source: http://feedproxy.google.com/~r/tympanus/~3/ruiVYuM7KIU/

Inspired by this fantastic Dribbble shot by Matthew Hall, I wanted to experiment with this kind of inline link to menu block animation. So here’s a little experimental effect that does exactly that and then shows some images.

Here is Matthew’s original animation:

“Image Carousel” by Matthew Hall

With the focus on recreating the inline link to menu link animation, I also wanted to explore some kind of animations on the images. I found the staggering appearance the most fitting on here, but there are lots of possibilities.

So, the initial content view looks as follows:

When clicking on one of the inline links, each link moves to the right while all the other text moves to the left and disappears:

So here’s the result of the whole concept:

I really hope you enjoy this and find it inspirational!

Thanks for checking by and let me know your feedback @crnacura or @codrops.

The post Inline to Menu Link Animation appeared first on Codrops.

Be: The Fastest and Easiest Way to Build Your Portfolio Site

Original Source: http://feedproxy.google.com/~r/tympanus/~3/CvD2UxCVT6E/

The website for your design business should not only explain who you are and what you do, but show off the impressive body of work you’ve created. It’s the strongest tool in your sales and marketing arsenal. 

But as a web designer, you know how long it can take to build a really great website for a client. If you’re ready to start attracting awesome leads and adding new clients to your business now, you might not want to spend that much time building your portfolio site. 

The good news is that you don’t have to. 

BeTheme’s new Muffin Builder is like upgrading from a Ford to a Ferrari. You’ll be shocked at how quickly you get your website to the finish line — and with superior results, no less. 

Let’s take a closer look:

New Muffin Builder features that’ll knock your socks off

Time is money when you’re a web designer. So, it’s important to build a portfolio site and get it online as soon as possible. 

Here are 6 features from the new Muffin Builder (and BeTheme) that will enable you to quickly and painlessly create something you’re proud of and that will undoubtedly impress prospective clients:

Feature #1: A professional-looking portfolio site already built for you

There are certain pages and features every portfolio should have: An attractive home page, convincing client testimonials, a selection of works, and so on. 

But just because the structure of your site will mirror other portfolio sites, that doesn’t mean it has to look like everyone else’s. 

As of today, BeTheme has over 600 pre-built sites, with dozens of portfolio site options to choose from: 

While these portfolio sites might be built for different types of creatives, pay attention to the different styles. Whether you want to give your site a futuristic edge or you want to infuse the design with some femininity, you’ll find the perfect portfolio-equipped site for your business here. 

What’s more, each pre-built portfolio site is compatible with Muffin Builder, so you’ll have the added benefit of being able to edit your pre-built site with this powerful website builder. 

Feature #2: Intuitive customization options

Realistically, you could have a new portfolio site designed and loaded into WordPress in under a minute with BeTheme. 

While each site comes with well-chosen imagery and helpful placeholder text, you’ll still need to customize the content and maybe even tweak the design in order to make it your own.

Once you’re inside the new and improved Muffin Builder, you’ll see how easy this is to do.

The first customization feature to take advantage of is the global settings editor, which you’ll find under Betheme > Theme Options in WordPress: 

Quickly update colors, fonts, layouts, and styles and apply them globally to the site from this panel. 

To make changes on a smaller scale, use the Muffin Editor within your Pages. The section toolbar will allow you to make adjustments to each container: 

You have the same level of control over the content within each block. The settings you find here all depend on what kind of content is in the block. For example: 

You have the flexibility to customize your content however you prefer: Use the text editor or take advantage of Muffin Builder’s predefined settings.

Feature #3: Importable and reusable section templates

It’s not just the base of your site that’s already built for you with BeTheme. 

Let’s say you’ve imported a great-looking portfolio pre-built site like Portfolio 2: 

You like the current layout of the About us page on this site, but you want to add a Google reviews section between the “My offer” and “How I work” sections. 

With the Muffin Builder, you can easily import pre-built sections using the icon on the right toolbar or by clicking “Pre-built sections” when you add a new section to the page: 

Chances are good that whatever you envisioned adding to the page can be found there. Like this:

As you can see, it’s all placeholder content. That said, the structure and design are taken care of, so all you need to do is fill in the content. 

Feature #4: Custom layouts and headers

Pre-built sites are a great starting point. In many cases, you can use them right out of the box. 

However, if you want to alter the layout across the site or on a specific page or two, Muffin Builder can help you make those adjustments:

Under the Layouts section in WordPress, set up your custom layout — which includes changing the header, too, if you prefer — and save it.

To apply it to your pages, scroll down below the Muffin Builder on each page and select the layout from the list: 

This way, you’re not just empowered to swap out your content for BeTheme’s placeholder content. With Muffin Builder, you get to customize as much or as little of the pre-built site as you want. 

Feature #5: Backup and restoration

It’s not uncommon to “sleep on it” and decide you liked the way the site looked or the way you wrote something previously. 

Thanks to the Muffin Builder’s revision panel and backups, you can quickly and painlessly roll back your portfolio site.

First, open the revisions panel: 

Then choose the revision (if there’s more than one) you want to restore: 

If you’ve ever stressed about an update you made to your portfolio and wished you could instantly go back to the way it was before, this new Muffin Builder feature is going to be a lifesaver.

Coming soon: The Front-end builder

If you prefer to design from the front-end of the website, a new Muffin Builder feature will be headed your way the Summer of 2021:

There are a number of reasons why many website builder tools (including WordPress’s own Gutenberg) have a front-end editing experience: 

It saves you the trouble of having to switch between the editor and website preview to check your work. Some people prefer to do their editing within the full context of the website as it’s easier to make decisions when looking at the big picture. It’s more client-friendly than the typical backend editor, so this feature can empower your clients and other non-tech-savvy users to make tweaks to their sites.

If you’ve been looking for a live visual editor to use in WordPress, this new feature is just around the corner!

The fast and easy way to build a portfolio: BeTheme + Muffin Builder

If you’re looking for a fast and easy way to build your digital portfolio, the solution is obvious: 

Start with a beautiful BeTheme pre-built site and then customize it with the intuitive Muffin Builder.

Who knows? This potent combo could end up changing the way you build websites for your clients going forward. 

Learn more about BeTheme, explore the more than 600 pre-built sites available, and check out Muffin Builder’s newest features here.

The post Be: The Fastest and Easiest Way to Build Your Portfolio Site appeared first on Codrops.

Clever Advertising for the McDonald’s Golden Arches

Original Source: http://feedproxy.google.com/~r/abduzeedo/~3/0Aaoguhj3lE/clever-advertising-mcdonalds-golden-arches

Clever Advertising for the McDonald’s Golden Arches
Clever Advertising for the McDonald’s Golden Arches

AoiroStudio06.20.21

Cream Electric Art is a production studio based in Sydney, Australia; they have published a clever advertising project for McDonalds. Deeply focusing on their iconic logo for which represents the infamous ‘Golden Arches’, a representation that went on the big screen for the The Founder movie. I just appreciate how insightful Cream Electric Art studio took little moments from our daily life and simply placed the golden arches. It’s subtle but very clever!

More Links

Studio Site
Behance
Advertising

Clever Advertising for the McDonald’s Golden ArchesClever Advertising for the McDonald’s Golden ArchesClever Advertising for the McDonald’s Golden ArchesClever Advertising for the McDonald’s Golden ArchesClever Advertising for the McDonald’s Golden ArchesClever Advertising for the McDonald’s Golden ArchesClever Advertising for the McDonald’s Golden Arches

Follow Cream Electric Art on Behance
Credits

DDB: CCO: Ben Welsh
ECD: Tara Ford
Creative Partner: David Joubert
Creative Team: Elaine Li & Jared Wicker
VMLY&R (Cone image): ACD: Louise McQuat
Associate Producer: Lily Atherton
Photographer: Danny Eastwood @ The Pool Collective.


NFT Spotlight — Equinox Collection by Shane Griffin

Original Source: http://feedproxy.google.com/~r/abduzeedo/~3/Q00nU3uLWJo/nft-spotlight-equinox-collection-shane-griffin

NFT Spotlight — Equinox Collection by Shane Griffin
NFT Spotlight — Equinox Collection by Shane Griffin

AoiroStudio06.21.21

New week. Looking for inspiration to kick it off, I stumbled across the work of Shane Griffin, an artist and director based in New York, NY, USA. It immediately stimulated my senses with his short clips full of conceptual art like his piece titled: ‘Going Green’ where within seconds you understand right away the vision behind. Beautiful series all around. Looking back at Shane’s work, he definitely has a thing for colours, truly inspiring going through his work. Make sure to give him some love and check out his work on SuperRare. Have a lovely week ahead.

More on Shane Griffin: grif.studio

animation  automotive   basketball Classical floral Flowers grif nft Skating sports

animation  automotive   basketball Classical floral Flowers grif nft Skating sports

animation  automotive   basketball Classical floral Flowers grif nft Skating sports

animation  automotive   basketball Classical floral Flowers grif nft Skating sports

animation  automotive   basketball Classical floral Flowers grif nft Skating sports

animation  automotive   basketball Classical floral Flowers grif nft Skating sports

 

Links

SuperRare
Behance
Instagram


So it turns out we've been getting logos wrong this whole time

Original Source: http://feedproxy.google.com/~r/CreativeBloq/~3/8bABsn6YQ70/logo-study

Study finds minimalism isn’t necessarily best.

The new Tamagotchi smartwatch looks both weird and wonderful

Original Source: http://feedproxy.google.com/~r/CreativeBloq/~3/ZoxnKgDY_pk/tamagotchi-smartwatch

Don’t let it die on your watch.

Gift Ideas For Professional DSLR Users

Original Source: https://www.hongkiat.com/blog/dslr-accessories/

DSLR is the perfect camera used by almost every professional photographer and videographer. If you have a DSLR photography enthusiast among your friends or family, then this post will tell you about…

Visit hongkiat.com for full content.

Binance.com vs. Binance.sg – How are They Different

Original Source: https://www.hongkiat.com/blog/binance-vs-binance-sg/

If you are from Singapore and are interested in buying or trading cryptocurrency, then you would be familiar with Binance, or at least heard of it. It is a cryptocurrency exchange and trading…

Visit hongkiat.com for full content.

These Euro 2020 painted footballs are utterly mesmerising

Original Source: http://feedproxy.google.com/~r/CreativeBloq/~3/9OpXY-sL6KY/fusion-footballs-euro-2020

Bringing new meaning to ‘the beautiful game’.

5 Chrome Extensions to Enhance Steam Gaming Experience

Original Source: https://www.hongkiat.com/blog/chrome-steam-extensions/

If you’re a PC gamer, you probably use Steam to buy, play and manage some, if not all, of your video games. With all the sales and convenience that Steam brings, you’d probably be crazy…

Visit hongkiat.com for full content.