Design Break
Design Break
  • Видео 54
  • Просмотров 97 859
How to: Change Lottie Color on Hover, in Webflow
Hi everyone, Here is a quick video on how to change the color of a Lottie animation in Webflow. Perfect for a hover animation on a navigation burger, or for changing animations to suit a light and dark themed site.
Music and Graphics by Dunclyde
Просмотров: 2 309

Видео

How to: Build an Animated Stair Text Effect, in Webflow (no custom code)
Просмотров 1,6 тыс.3 года назад
Hi everyone, here is an animated stair text effect I created in Webflow without using any custom code. The link to the cloneable is here: webflow.com/website/Animated-Stair-Text-Effect Sorry for the audio quality I didn't realise the mic would pick up so much of the typing sound and tried to fix it (unsuccessfully!)
Comparing the 1996 & 2021 Space Jam posters | a Graphic Designer's perspective
Просмотров 2063 года назад
The 90s classic Looney Tunes / live action / sports comedy mash up we all know and love is getting a sequel! Space Jam: a New Legacy comes out on the 16th of July 2021, so obviously I need to analyse and compare the poster design from 1996 to now! A movie remake or sequel is kind of like a rebrand - most of the time you want to tap into the nostalgia and sentiments of the initial film to bring ...
Webflow vs Elementor (2021): From an Agency-owner/Freelancer Perspective
Просмотров 26 тыс.3 года назад
There are so many things to consider with these two platforms, and the video would be over an hour long if I compared everything. But this hopefully gives an insight into our experience of using the two platforms.
How to Hire a Brand Designer | Tips for New Businesses
Просмотров 4473 года назад
Tips for brand owners and new business on what to expect, how to prepare and how to hire a brand designer. This video should help you make sure you end up with an awesome brand that matches your vision. Get the Workbook (opens a Google Doc copy you can download) docs.google.com/document/d/1kx4HOJ8SSQzPpKpCPuvxqgiFXzQZEWgJDSf4x7ZeRJ8/copy Budget Branding ​(video) ruclips.net/video/xt83fZ1dsn4/ви...
Three super quick beginner Webflow tips | Need-to-know tips before you start!
Просмотров 3533 года назад
Here are 3 tips if you're a beginner in Webflow, and especially handy if you haven't done any development before, or if you don't have CSS knowledge. Please drop us a comment down below with what you'd like to see us do next, because ultimately we want to try and provide as much value as possible, and the best way to do that right is to make what the people want!
Content creation for creatives | When you feel overwhelmed
Просмотров 1673 года назад
As a creative, sharing my process and creating more content like blog posts, videos and Instagram/social posts I can sometimes feel overwhelmed. Are we all just contributing to the noise or content in the world, or are we actually helping people? Here's how I started to realise that sharing content is valuable for creatives, especially in business. I hope this helps anyone else who feels the sa...
Back in time web design | Going back to the 90s & 00s to look at websites!
Просмотров 5683 года назад
Is the wayback machine the internet's most underrated tool? Maybe! We take a look back at popular websites from the 90s & 00s to check out how websites have evolved over time (don't mind our hairdos, nothing to see there). The wayback machine: archive.org/web/ The only website we need: www.spacejam.com/
Webflow Dynamic CMS powered Gradients | Control color, position and angle
Просмотров 2,3 тыс.3 года назад
I've seen a few people ask about how to have a gradient use a color or colors specified in the CMS. It's actually quite easy to do, so I've made a tutorial on how to do it. I can add code to the video description so the code snippet for the HTML embeds can be found here: www.danielclydesdale.com/test-item-page The tutorial is made so it can be understood by those who don't have any development ...
Brand histories | Baskin-Robbins' flavour revolution & brand evolution since 1953
Просмотров 5213 года назад
Taking a look back at the Baskin-Robbins brand since it was founded in 1953. I review the context, history and concepts that went into building the iconic ice cream brand! JKR Case Study: www.jkrglobal.com/case-studies/baskin-robbins/ Under Consideration article: www.underconsideration.com/brandnew/archives/new_logo_and_identity_for_baskin_robbins_by_jones_knowles_ritchie.php Other sources: www...
Troubleshooting problems with Lottie Animations | After Effects Paths and Masks
Просмотров 18 тыс.3 года назад
Hi everyone. If you're not a hardcore animator but you've been dabbling in After Effects and Lottie, to give your Webflow sites some extra spice, then you might have come up against the task of importing Illustrator vectors into After Effects. Luckily it's really not hard at all anymore, but there's two ways to do it. So I made a video outlining each route and the pros and cons of each. If you'...
Target audiences vs customer personas in branding | What works best?
Просмотров 3243 года назад
There are a lot of different terms and concepts used when speaking about audiences and customers in branding, but which method actually works? And do you really need to define who you are appealing to, or are target audiences a waste of time? This is my take on audiences, branding and what works.
How to edit down an interview: What's going on in the studio, new format, who dis?
Просмотров 784 года назад
We've been super busy the last few weeks, and it's getting harder to produce videos with a topic that needs some research and that has value. So we'r trying something a bit different with this video. We've been trying to keep a track of what we've been up to in the studio to share with you guys. Also Daniel has some tips on editing down an interview.
Brand success in 6 steps | How to build an effective brand for your business (from idea to live)
Просмотров 2044 года назад
When you've got a great business idea, having a brand that lives up to your concept can be critical to it's success. Getting your brand right can seem like a complicated process, but it doesn't have to be. Building a great brand is about asking the right questions at the start, and following through with the process from discovery and understanding, to building and maintaining your brand. Here ...
Instrmnt Watch Unboxing | A super clean, industrial watch design.
Просмотров 9614 года назад
Instrmnt Applied Design are a Scottish industrial design studio based in Glasgow. They make exceptionally well-designed products, from the highest quality materials. To compliment their excellent products they also have great service, and went above and beyond to help us out. You can check them out here: www.instrmnt.co.uk/
How to carve a pumpkin, like an over-thinking designer | Design Break Halloween Special
Просмотров 314 года назад
How to carve a pumpkin, like an over-thinking designer | Design Break Halloween Special
Branding for early stage companies | How to scale your branding to your budget
Просмотров 564 года назад
Branding for early stage companies | How to scale your branding to your budget
Can't afford a designer? How to build a successful brand without a designer on board.
Просмотров 444 года назад
Can't afford a designer? How to build a successful brand without a designer on board.
How to make a website that sells | Avoid this mistake!
Просмотров 3464 года назад
How to make a website that sells | Avoid this mistake!
Using Monday.com for content planning | setup & walkthrough
Просмотров 10 тыс.4 года назад
Using Monday.com for content planning | setup & walkthrough
Website responsibilities | is your website legal? (checklist)
Просмотров 624 года назад
Website responsibilities | is your website legal? (checklist)
Website essentials | things your website must have (checklist)
Просмотров 1594 года назад
Website essentials | things your website must have (checklist)
Do businesses still need websites? How important is it to have a website in 2020?
Просмотров 734 года назад
Do businesses still need websites? How important is it to have a website in 2020?
September Update: Webflow-built directory (and case study) and a Zhiyun WeeBill S
Просмотров 864 года назад
September Update: Webflow-built directory (and case study) and a Zhiyun WeeBill S
Name your new brand / business in 3 steps | Creative brand naming process
Просмотров 3474 года назад
Name your new brand / business in 3 steps | Creative brand naming process
Are designers bad at business? | Some pitfalls of running a creative agency
Просмотров 574 года назад
Are designers bad at business? | Some pitfalls of running a creative agency
Can you build a website in Webflow, with no development experience?
Просмотров 1164 года назад
Can you build a website in Webflow, with no development experience?
Can you use Webflow for design mockups?
Просмотров 2334 года назад
Can you use Webflow for design mockups?
6 typography resources you didn't know about | font inspiration for your next project
Просмотров 914 года назад
6 typography resources you didn't know about | font inspiration for your next project
Impromptu designer desk tour: A very brief look at what's on my desk
Просмотров 604 года назад
Impromptu designer desk tour: A very brief look at what's on my desk

Комментарии

  • @webdevgillett
    @webdevgillett 2 месяца назад

    I'm in late 2024 and am using RUclips, which is now using a neumorphic design

  • @JustinGorelik
    @JustinGorelik 6 месяцев назад

    Any way to add that class in the lottie file without AfterEffects?

  • @LifeWithRilla
    @LifeWithRilla 9 месяцев назад

    I get that people like Elementor & all of these new platforms but seriously none of them have nearly as much market share as Wordpress and all I care about is where am I going to get the most opportunities.

  • @alisheikh1582
    @alisheikh1582 9 месяцев назад

    For Photoshop Which one would you suggest?

  • @peterjoseph7485
    @peterjoseph7485 10 месяцев назад

    thanks

  • @Evrim-g2p
    @Evrim-g2p 10 месяцев назад

    Thanks a lot great video! to the point. Just subscribed. I would like to build a website in a a week, where I would like to upload thousands of 3-10 second videos. Just wondering can I do it myself as someone with some experience in building 3 websites in Shopify and 2 websites with Wordpress?

  • @goldenballssmith9689
    @goldenballssmith9689 11 месяцев назад

    I'm looking for someone to build my website for me as i find it all very complicated, even with the amazing elementor! if your interested let me know as it would be much appreciated

  • @aminosp
    @aminosp 11 месяцев назад

    Awesome! Does this work with Webflow Interactions as well?

    • @DesignBreak
      @DesignBreak 11 месяцев назад

      Yes it does! If you animate the font color with Webflow interactions it will change any child element that's set to currentColor.

  • @Mr-ns9tu
    @Mr-ns9tu Год назад

    can't get the CMS list item to work... :( Did anybody get this working and can give some advice?

  • @stevenhilario382
    @stevenhilario382 Год назад

    how is that effect done? when you open the menu the links inside appear to be fixed.

  • @TeaDrivenDev
    @TeaDrivenDev Год назад

    It is almost the end of 2023, and I learned about this.... yesterday. I love the concept; it's the cleanest approach to UIs I've seen in a long time. I thought Apple's skeuomorphic UI was awful (I much preferred Microsoft's Metro, but their whole mobile tech strategy was famously ill-fated, and Metro was a poor fit for the desktop), and I often find modern flat UIs too colorful and toy-like. Neumorphism has the kind of serious minimalism I want in UIs, while at the same time seeming almost ethereal.

  • @ObaUIUX
    @ObaUIUX Год назад

    Thanks for the valuable resources. Please start creating content again

    • @DesignBreak
      @DesignBreak Год назад

      Thank you ❤Glad you found it useful! We plan to start creating again! Got a little busy with project work.

  •  Год назад

    Magic Mouse right? Compact and I use the pad surface a lot, with one finger or two. I get it the charging is a pain in the back, but you can get use to that.

  • @DerickLucas-i6e
    @DerickLucas-i6e Год назад

    thank you so much for the awesome video, subscribed!

    • @DesignBreak
      @DesignBreak Год назад

      Thanks for the sub, and for the kind words! We have resources here too if you need help: www.dunclyde.com/resources - Eilidh

  • @eyonggabbi4670
    @eyonggabbi4670 Год назад

    This video is biased

  • @rylanczuczman4378
    @rylanczuczman4378 Год назад

    A big help this, thank you!

  • @seenahm.
    @seenahm. Год назад

    so helpful thank you 🥺

  • @jpesmar
    @jpesmar Год назад

    I've used and abused the magic mouse 2 for some years now. The ergonomics are awful, really really awful, and my hand isn't even big. I don't know how a big dude would manage to work with that thing for extended periods of time. That being said, No other mouse offers the same experience and speed when navigating a big canvas in several directions (say Illustrator, Figma, Adobe XD, etc). I've been using the MX Master 2S for a few days now and even thought the ergonomics a dream come true, and you can indeed map a ton on functions into the several buttons, the scrolling wheels having nothing on the smooth scrolling surface on the Magic mouse. Also, it is incredibly sturdy. The Magic mouse 2 I got from my last employer has seen rough times, and still looks and works as new. My personal Magic mouse is almost 11 years old and although it has some connectivity issues (due to old blutooth tech), the mouse as such is still in its prime. I'll stick to the magic mouse for canvas work, and use the other for regular things or coding (I'm both UX designer and developer).

    • @DesignBreak
      @DesignBreak Год назад

      I agree! The Magic Mouse is durable and makes navigation really smooth and efficient, but the big drawback is the ergomonics. I recommend getting your hands on a Magic Trackpad to use alongside the MX, it makes navigating a dream, with the added bonus of the super functional MX. - Eilidh

  • @girishyanamala9361
    @girishyanamala9361 Год назад

    🎉🎉🎉🎉

  • @dblevins343
    @dblevins343 Год назад

    I have to say. Outside of the smooth scroll, the apple mouse really isn't that great. I would still give the build quality and materials to the Logitech mouse. Plastic is not a bad thing in mice. They do this on purpose to cut back on weight. The Logitech also uses rubber which is a huge bonus. The next thing I would say is aesthetics shouldn't be ranked so highly in your list of things to discuss. Aesthetics for peripherals can always be changed. Use what is best. If you really wanted to have a great keyboard, you would probably find you prefer keyboards other than the Apple keyboard anyways which would mean you'd have color options.

    • @dunclyde
      @dunclyde Год назад

      The materials on the Logitec feel very high end compared to other mice in the market, but with daily use I don't find they are as durable as the Magic mouse. They discolour and there is a sheen on the previously matt buttons. This doesn't affect use though obviously! On the keyboard topic, we could really get into mechanical keyboards but that is a video for another day!

  • @agoogleuser6937
    @agoogleuser6937 Год назад

    WeWeb vs WebFlow please

  • @Vital1nfo
    @Vital1nfo Год назад

    I did a lottie a year or two ago and forgot to convert my illustrator layers to shapes, thank you so much I was an hour into this problem and while the problem wasnt exactly the same, you reminded me that I needed to do that. You saved me a lot of time

  • @MeowfaceMusic
    @MeowfaceMusic Год назад

    Why is neumorphism called "neu" "morphism"?

  • @calebsigmon136
    @calebsigmon136 Год назад

    huge help, thank you for this

    • @DesignBreak
      @DesignBreak Год назад

      Awesome, glad it helped you Caleb!

  • @silviupopovicci
    @silviupopovicci Год назад

    Hello! I want to offer my clients websites made through webflow, but I don't know how I could make the offer so that it would be profitable for both the client and me. would an idea be an installation fee, site creation and then a monthly subscription?

    • @oldbonesmcgee
      @oldbonesmcgee Год назад

      Yes that would work, typically we work like this: First, we bill the site creation fee, which covers the strategy, design and webflow build. Second, we bill a monthly fee for the Webflow hosting, enough to cover the Webflow fee, plus some extra to cover our time answering client questions. Third we offer an optional retainer for clients who would like ongoing work done to their site. Hope this helps!

    • @silviupopovicci
      @silviupopovicci Год назад

      @@oldbonesmcgee Of course it helps and thank you very much for your time. 🥰

  • @RegisEmbroidery
    @RegisEmbroidery Год назад

    Nothing beats the wacom tablet experience. I aint going back to mouse ever.

  • @wp4novice
    @wp4novice Год назад

    This video is pretty old comparing where Elementor is now especially if you use their Hosting and Plugin together.

  • @ViorelClaudiuDascalescu
    @ViorelClaudiuDascalescu Год назад

    Some good points, but mostly a bad video for somebody looking for a good answer to the question.

  • @JustAn0therSoul
    @JustAn0therSoul Год назад

    i know 2 other youtubers using the exact same intro music 😂, makes me wonder where it comes from

    • @DesignBreak
      @DesignBreak Год назад

      Haha, it's from the RUclips Audio Library, but I'm working on writing a little custom audio sting for the intro because we're about to start video production again :)

    • @JustAn0therSoul
      @JustAn0therSoul Год назад

      @@DesignBreak Its kinda catchy and i like it and dont worry probably nobody will come across these youtubers, one is a german politican and the other a us "business" youtuber :D

  • @JustAn0therSoul
    @JustAn0therSoul Год назад

    I have only doodled around in webflow so far, but i like it already more because i have the feeling i have full control over everything. When u said some widgets in elementor sometimes dont do or look what you want them to do or look like, i had to think of the accordion which has the first item open and you cant change that, you have to write custom css/js and then it still opens for a brief moment before js is loaded 🤯 also i read in webflow you can export clean html/css/js code, which i find quite interesting for small static sites which would in this particular case make hosting alot cheaper compared to wp, i tried a feature like this on figma and it was a huge disappointment so far webflow seems to give one so much more freedom about everything

    • @DesignBreak
      @DesignBreak Год назад

      Yes for sure! Lots of frustrations like that using pre-built widgets in Elementor. The limitation is that you can't export sites with a CMS obviously, but for small static sites it does generate clean code. We've actually built a front-end for a web app in Webflow that was handed off to a developer to make into a full app. They confirmed the code was clean and well structured.

    • @JustAn0therSoul
      @JustAn0therSoul Год назад

      @@DesignBreak You are not right about cms export that is also possible, i looked that up too, i searched for "webflow to wordpress" and a guy showed up showing a tool called udesly i think and apparently its integrated with webflow and wordpress, at the moment i cant check this but i bookmarked it, it seems very promising. I know that clients might not care about the webflow hosting price, but when it comes to being hosted on us servers, its tricky with german datapolicies laws. This is the video i found. ruclips.net/video/EjuKKCsTmPM/видео.html

    • @DesignBreak
      @DesignBreak Год назад

      @@JustAn0therSoul Ah yes, you can use something like Udesly to move to WordPress, however then you have to use WordPress 😬 But yes the EU data policies are something Webflow are aware of and they are bringing an EU data center online very soon.

  • @stik.sirmium
    @stik.sirmium Год назад

    For 25 years in the world of 2D and 3D design and about a hundred mice that I have tested, the buttons above and below the thumb proved to be the most practical feature (it would be perfect to have another button for the index finger, next to the wheel). Ergonomics and functionality of these mice is what suits me: Delux M910 (wired only, no longer on sale) and White Shark MIYAMOTO.

    • @DesignBreak
      @DesignBreak Год назад

      Yes! The thumb buttons really help speed up workflows. I've never tried the White Shark, but it looks comfortable - it's nice that has a thumb rest like the MX does.

  • @ylee150
    @ylee150 Год назад

    If you export Webflow Download to Netlify with a VERY QUICK zip upload, hosting is free and SSL secure. Costs nothing.

  • @nikolayusupov
    @nikolayusupov Год назад

    комрад

  • @rogeralfonsosanchezsoto8183
    @rogeralfonsosanchezsoto8183 2 года назад

    Good job! God bless you. Thank you

  • @javieresquivel5366
    @javieresquivel5366 2 года назад

    I was praying the music would end but couldn't stick around long enough to find out.

  • @jeffxcc
    @jeffxcc 2 года назад

    I use both Webflow and Oxygen builder now, both are awesome and cover the needs of any client request! I do like and use Elementor for fast projects.

  • @mahamudmunna5000
    @mahamudmunna5000 2 года назад

    can you do one with oxygen builder in mind

  • @jaisandhu26
    @jaisandhu26 2 года назад

    It's been a year. We need more of these!

    • @DesignBreak
      @DesignBreak 2 года назад

      Hi Jai, we're actually gathering the ideas we've had for some new videos so stay tuned, we have more coming very soon. Thank you for the interest in our channel!

  • @batatatasfritas
    @batatatasfritas 2 года назад

    oops, had spotify playing on the bg, lol

  • @batatatasfritas
    @batatatasfritas 2 года назад

    Sounds is bad

  • @anudeepananth
    @anudeepananth 2 года назад

    Have u tried editorX ? Would really like to hear your opinion on that....

  • @9852323
    @9852323 2 года назад

    At this point anything would be better than flat design.

  • @yomismo6969
    @yomismo6969 2 года назад

    For 20 bucks each month you can generate a lot of css html and js code Is less than .7 💵 per day. Why everybody talk about webflow cost. Pay and export the code and then incorporate aditional functions For .7 each day

  • @elnurdamirov556
    @elnurdamirov556 2 года назад

    hi. is your agency's website built on webflow

    • @DesignBreak
      @DesignBreak 2 года назад

      Hi Elnur, yes our website is built on Webflow, and all the websites in our portfolio are also all built on Webflow too :)

  • @tutkuunlu
    @tutkuunlu 2 года назад

    thanks this is perfect!

  • @DanieCaroli
    @DanieCaroli 2 года назад

    I am having trouble with shape. I add path, stroke and trim paths but they are not showing up on the Lottie preview. Would there be a solution for that?

  • @Breath.E
    @Breath.E 2 года назад

    Thanks so much for the effort! you really helped me make a decision about my platform choice.

    • @DesignBreak
      @DesignBreak 2 года назад

      Glad I could help! Good luck with it!

  • @theblowupdollsmusic
    @theblowupdollsmusic 2 года назад

    You can host webflow anywhere. It exports out all the code if you want.

  • @theblowupdollsmusic
    @theblowupdollsmusic 2 года назад

    I think your intro music is the deepest, crispist, and widest sonicly I have heard. Nice Job.

  • @HighAnLost
    @HighAnLost 2 года назад

    i need some help with my website design, could you spare a bit of time to answer a couple questions?