Getting Started With Frames Part 1: Wireframing & Pre-Design

Поделиться
HTML-код
  • Опубликовано: 25 окт 2024

Комментарии • 64

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

    I've always coded my websites from scratch because I wanted them done right. I'm amazed at how much fucking time this saves me...and it's done right! Thank you. This is awesome.

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

    great job as always kev big love and respect!

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

    Very excited for Friday, amazing work Kevin.

  • @danieleromano7442
    @danieleromano7442 Год назад +1

    Congratulations to the whole team for the excellent work done and the product created! Can't wait to use it!

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

    GREAT JOB KEVIN !

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

    I love Frames - looking forward to seeing where you take this product.

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

    Looking forward to cart reopening on Friday! I only recently bought bricks and learned about you and acss.

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

    Thanks! Great video!

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

    Truly amazing! Looking forward to Part II.
    One thing, though: did I see divs as footer links? I kinda wish that those were two WP menus. Sorry if I was mistaken.

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

      No they are menus in unordered lists in

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

    Kevin this is super cool. Question? On each of the frame components, are you able to query items from ACF? TIA

  • @alexander-van-aken
    @alexander-van-aken Год назад

    O I love this. Saves a ton of time. Is the purpose to keep using frames classes OR explicitly do not change them and just update keep the DOM structure if needed and only swap them with the original acss classes or our own BEM structure?

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

      Definitely use the classes that come with each frame!

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

    Hey Kevin, i didn't understand about contextual variables, like var(--fr-container-gap). They are not exist in cheat sheet

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

    Thanks for the video. I'm new to Bricks & Frames and I'd like to know if I still can access Bricks templates if I install Frames.

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

    Looks awesome Kevin. Can you say how long any deal you have on Frames tomorrow will be available for? I'm really busy tomorrow but certainly don't want to miss out 😁😁

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

    Looks really great, just a quick question: If i remove imported frames on all pages, does that also remove the imported styles?
    Another question, more about Acss: is there a possibility or an option somewhere, like Oxycleaner does but on Bricks, to remove all unused CSS site-wide to improve performance?

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

      No, you would have to remove them manually. Bricks is releasing a class manager to make this easy.
      Removing unused CSS is sometimes problematic. The framework is already very light and you can make it lighter by turning off groups of classes you aren’t using.

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

      @@AutomaticCSS hi Kevin ! yes i saw that, as an old developer i like things clean, my system is debloated, i love that my customers websites too. i started using to oxygen only for that too : keep it simple and clean... the better thing should be that when you use a FM as Acss or other, it should be great that something, an option in Bricks or into the FM itself remove the default CSS file of Bricks. Perhaps your team should dev a plugin for that, i'm sure you will sell a lot !

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

    Great introduction :) By the way I noticed that when you select the section(in the structure panel) and then import the template it does not nest in the selected section. When you select a child of the section and import a template it will nest it in the section. Hope I am making sense. I took some time actually testing this out haha. I got so frustrated by the random placement of a template when importing.

    • @AutomaticCSS
      @AutomaticCSS  Год назад +1

      Someone else told me to just hit escape before inserting next template and you’re good. Escape deselects all elements in structure panel.

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

      @@AutomaticCSS Did that work?

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

    I'm confused... you used a variable to change text size (I think, altho I could be wrong, lol - I'm watching on 2x speed)...but then you also went into the settings at the very end of this video.... wouldn't that make the variable setting irrelevant?

    • @AutomaticCSS
      @AutomaticCSS  9 месяцев назад +1

      Not sure which part you're referring to. But no ... ACSS variables are controlled from the dashboard. They can be changed at any time.

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

    Im still confused about the frame plugin when giving the website to the clients. Can we hide the Frames Template option for clients? I think when the client can see the library and find out how easy it is to create a wireframe, it could be bad ^^
    Or did I misunderstand something?

    • @AutomaticCSS
      @AutomaticCSS  Год назад +2

      I don’t give clients access. Watch this: ruclips.net/video/97hMY6upmqw/видео.html
      But you can remove the remote template connection if you need to.

  • @Tom-Homer
    @Tom-Homer Год назад

    In Discovery do you do outlines (like your Home Page example in this video) just for the major pages or do you do outlines for most of them? Are they shown to the client to discuss or are they just used later during the UX Design step?

    • @AutomaticCSS
      @AutomaticCSS  Год назад +1

      The key pages. The rest is written right into the wireframes.

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

    I'm a newbie and purchased both ACSS and Frames. I was wondering if it's possible to pull in pages rather than posts in pre-made grid sections. If so, how should I go about it?

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

      I want to say yes, but I think I need more information or an example of what you mean to be sure.

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

      @@AutomaticCSS Thanks for your reply! For example, at 34:44, articles in your database automatically populate the Frames grid that's inserted. Would it be possible to pull in pages rather than articles (which I assume are posts?).

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

      Yes, you can query pages. But, you probably want to be using Custom Post Types instead of pages. Search my Geary.co channel for custom post types@@Headlikeanorange84

  • @noe.galarza
    @noe.galarza Год назад +1

    Please, is it possible to activate the automatic subtitles in the video? 😉

    • @AutomaticCSS
      @AutomaticCSS  Год назад +1

      Should be? Is it not?

    • @noe.galarza
      @noe.galarza Год назад

      @@AutomaticCSS Now it seems so. Thank you Kevin.

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

    part 2 is not onlnine, right?

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

    Do we get a frames contextual cheat sheet like for acss?

    • @AutomaticCSS
      @AutomaticCSS  Год назад +1

      Yeah there’s only like 6 or 7 to learn though. It’s easy.

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

    I know this is all about being "wireframe" but how are these any different from something like pre-made modules? In other words, if I add a 3-grid frame and the client approves the wireframe, don't I just continue using that same frame and insert the proper content and styles? Or do I remove the "wireframes" and then rebuild the section in the "normal" way? If we don't remove the frames, then are acting just like premade modules and blocks.
    Maybe this is just semantics but I'm still curious why these are frames/wireframes and not just a library of modules and blocks. What's the difference?
    My second question is when you added various grid system and then changed the CSS, you did this on the class, like .fr-article-grid-echo, and changed from 4 to 2 etc. But if you edit that class, won't the change affect every article grid echo to show 2 instead of default 4? If we want one grid echo to be 2 and one to be 4, we would need to apply a different class in order to change it right?
    Thanks!

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

      Please read this: getframes.io/blog/how-is-frames-different/

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

    Will we ever meet the team?

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

    can we remove this frames plugin on the client side, or will the website be messed up?

    • @AutomaticCSS
      @AutomaticCSS  Год назад +1

      When you use the dynamic components you’ll need to keep it installed. If you just use the layouts you can remove it

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

      @@AutomaticCSS in that case the customer has the possibility to use the frames "remote templates" too, should he want to, one day later, right? Just thought this way he might see how easy it was to build his website, in case it didnt need much custom design ^^

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

    Can I ask the dumbest of dumb questions? Say I want to make the blog section 70% and have 30% for a widgets section. Do I add another container and drop the blog template into?

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

      We have different blog body frames you can use. Not sure what you mean beyond that.

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

    Will this ever come to Oxygen??

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

      Maybe. It's harder to develop for Oxygen and there are some limitations that prevent us from doing this properly for Frames that use repeaters and such.

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

    Apparently you don't have a Discord server to allow people helping each other...

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

      We have a Circle community where you can get nearly instant help: community.automaticcss.com

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

    I'm mad i missed the lifetime deal.

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

    First 🥳🥳

  • @jeremiahhundley6629
    @jeremiahhundley6629 13 дней назад

    Has this changed? I can't access this panel on the back side anymore. I have to open a page and do this from the front end. It says since 3.0 its moved to the front end? I'm confused. Its challenging to follow this tutorial with what seems to be changes.
    (your presentation is superb bu...)
    I am also confused about the the grid section. I am a total noob. And I think bricks now has grid. So when I delete the 4th card. I am not sure what to do? In the CSS section. There is nothing there.

    • @AutomaticCSS
      @AutomaticCSS  12 дней назад

      Yes, correct. ACSS was redesigned for 3.0.