Advanced Themer
Advanced Themer
  • Видео 22
  • Просмотров 60 780
What's new in Advanced Themer 2.9
Advanced Themer v2.9 has arrived, and trust us, you'll want to watch this overview as we unveil all the latest updates and improvements.
In this video:
00:00 - Introduction to Advanced Themer 2.9
00:45 - Advanced CSS 2.0
02:49 - Advanced CSS - Edit your Child Theme
04:05 - Advanced CSS - Create custom stylesheets
04:24 - Advanced CSS - Enqueue options
06:31 - Advanced CSS - Comment code
06:48 - Advanced CSS - Fullscreen Mode
06:56 - Advanced CSS - Selector Picker
08:51 - Advanced CSS - Add component Selectors
09:36 - Advanced CSS - Beautify CSS
10:06 - Advanced CSS - Extract Global Classes
11:07 - Advanced CSS - Add CSS with AI
12:18 - Advanced CSS - Edit existing CSS with AI
14:10 - Advanced CSS ...
Просмотров: 5 286

Видео

What's new in Advanced Themer 2.7
Просмотров 3 тыс.7 месяцев назад
Advanced Themer v2.7 has arrived, and trust us, you'll want to watch this overview as we unveil all the latest updates and improvements. In this video: 00:00 - Introduction to Advanced Themer 2.7 00:53 - Nested Elements 21:54 - Dynamic Data Modal 26:59 - Expand All Children 28:55 - Bug fixes and improvements 35:28 - Image Mask Helper 36:27 - Conclusions 🎉 If you're looking to streamline your de...
What's new in Advanced Themer 2.6
Просмотров 2,5 тыс.8 месяцев назад
Advanced Themer v2.6 has arrived, and trust us, you'll want to watch this overview as we unveil all the latest updates and improvements. In this video: 00:00 - Introduction to Advanced Themer 2.6 05:10 - CSS Variables Integration 16:10 - Revamped Variable Picker 20:04 - Focus Point 25:50 - Hide/Remove Element 30:26 - Merge Global Classes 37:37 - Text-to-Speech Converter 41:17 - UX Improvements ...
Micro-animations done right with Bricks
Просмотров 4,2 тыс.9 месяцев назад
This quick tutorial will show you how to create micro-animations within Bricks using only one interaction and one keyframes on your whole site. So super lightweight and easy to implement! Make sure to copy/paste the following code inside your global css: pastebin.com/gV6wcq2N
Getting Started with Advanced Themer - My recommended Theme Settings (Part 2)
Просмотров 3 тыс.9 месяцев назад
If you are using a CSS Framework such as ACSS, Core Framework, OxyProps, Tailwind, etc... and wondering which options of Advanced Themer play well with it, this video is for you! In this review, I start from the recommended Theme Settings described in PART 1 (ruclips.net/video/donnbWlK7KY/видео.html) and apply some changes to make sure you get the best of both worlds. Chapters: 00:00 - Introduc...
Getting Started with Advanced Themer - My recommended Theme Settings (Part 1)
Просмотров 3,9 тыс.9 месяцев назад
If you're new to Advanced Themer and feeling overwhelmed by the multitude of options within the Theme Settings, this video is for you! In this review, I walk you through each Theme Setting and recommend which ones you should activate to get started with Advanced Themer confidently. Chapters: 00:00 - Introduction 00:57 - Opening Theme Settings 01:47 - Global Settings 04:57 - Global Colors 06:38 ...
What's new in Advanced Themer 2.5
Просмотров 1,8 тыс.10 месяцев назад
Advanced Themer v2.5 has arrived, and trust us, you'll want to watch this overview as we unveil all the latest updates and improvements. In this video: 00:00 - Introduction to Advanced Themer 2.5 01:17 - UX Enhancements 08:27 - AT Main Menu 13:20 - Class Contextual Menu 18:26 - More controls over Strict Editor View 38:44 - SASS integration 43:30 - SuperPower CSS improvements 45:41 - New Keyboar...
What's new in Advanced Themer 2.4
Просмотров 5 тыс.Год назад
Advanced Themer v2.4 has arrived, and trust us, you'll want to watch this overview as we unveil all the latest updates and improvements. In this video: 00:00 - Introduction to Advanced Themer 2.4 00:34 - Grid Builder v2 22:20 - Global Query Manager 30:50 - Global Query Loop List 34:23 - Box-shadow Generator 47:05 - Advanced Text Wrapper 54:34 - Quick Save Templates 59:08 - Copy/Paste interactio...
I create 20 Bento Grids using Bricks Builder and Advanced Themer
Просмотров 5 тыс.Год назад
Let's create Bento Grids like there's no tomorrow! In this video: 00:00 - Introduction 02:57 - Bento Grid 1 06:42 - Bento Grid 2 10:17 - Bento Grid 3 15:55 - Bento Grid 4 30:07 - Bento Grid 5 36:10 - Bento Grid 6 39:05 - Bento Grid 7 41:30 - Bento Grid 8 49:30 - Bento Grid 9 55:42 - Bento Grid 10 59:10 - Bento Grid 11 1:02:28 - Bento Grid 12 1:09:06 - Bento Grid 13 1:23:08 - Bento Grid 14 1:24:...
CSS Grid Builder for Bricks - Advanced Themer 2.3
Просмотров 4,1 тыс.Год назад
Advanced Themer v2.3 has arrived, and trust us, you'll want to watch this overview as we unveil all the latest updates and improvements. In this video: 00:00 - Introduction to Advanced Themer 2.3 00:36 - Activate Grid Builder 01:10 - Basics of the Grid Builder 13:33 - Generate grids on classes 18:50 - Overlapping Grids 21:04 - Generate grids on query loops 25:52 - Add static blocks to your quer...
What's new in Advanced Themer 2.2
Просмотров 2,1 тыс.Год назад
Advanced Themer v2.2 has arrived, and trust us, you'll want to watch this overview as we unveil all the latest updates and improvements. In this video: 00:00 - Introduction to Advanced Themer 2.2 00:20 - Responsive Helper 10:25 - Enable/Disable Elements 14:53 - Draggable Structure Panel 17:59 - Grid Guide Revamped 22:22 - Import/Export/Reset Improvements 30:38 - Style Overview Shortcut 33:00 - ...
What's new in Advanced Themer 2.1
Просмотров 3,3 тыс.Год назад
Advanced Themer v2.1 has arrived, and trust us, you'll want to watch this overview as we unveil all the latest updates and improvements. In this video: 00:00 - Introduction to Advanced Themer 2.1 00:35 - CSS Variable Manager V1 22:10 - Variable Picker Improvements 25:43 - Dynamic Variable Suggestion 27:22 - Color Manager V2 43:18 - Structure Panel Helper 54:20 - Class Manager Shortcut 56:13 - D...
What's new in Advanced Themer 2.0 - part 2
Просмотров 1,3 тыс.Год назад
Advanced Themer v2.0 Final has arrived, and trust us, you'll want to watch this overview as we unveil all the latest updates and improvements. In this video: 00:00 - Introduction to Advanced Themer 2.0 Final 00:24 - Meta Theme Color 02:20 - Copy Color Variable to Clipboard in the Color Manager 03:00 - "Active Colors on page" indicator inside the Color Manager 05:10 - Multi-select drag & drop in...
What's new in Advanced Themer 2.0?
Просмотров 3 тыс.Год назад
Advanced Themer v2.0 has arrived, and trust us, you'll want to watch this overview as we unveil all the latest updates and improvements. In this video: 00:00 - Introduction to Advanced Themer 2.0 00:35 - Color Manager - Introduction 01:45 - Color Manager - Installation 05:20 - Color Manager - Overview 06:57 - Color Manager - Dynamic Colors 10:50 - Color Manager - Convert Static Colors 13:30 - C...
What's new in Advanced Themer 1.3?
Просмотров 2,2 тыс.Год назад
Advanced Themer v1.3 has arrived, and trust us, you'll want to watch this overview as we unveil all the latest updates and improvements. In this video: 00:00 - Introduction to Advanced Themer 1.3 00:35 - Class Manager 03:04 - Class Manager - Filters 07:50 - Class Manager - Rename 08:12 - Class Manager - Reorder 10:15 - Class Manager - Lock/Unlock 10:30 - Class Manager - Active Elements 11:15 - ...
What's new in Advanced Themer 1.2.4?
Просмотров 1 тыс.Год назад
What's new in Advanced Themer 1.2.4?
What's new in Advanced Themer 1.2.3?
Просмотров 1,4 тыс.Год назад
What's new in Advanced Themer 1.2.3?
Advanced Themer 1.2 - Style Overview & Custom CSS on steroids!
Просмотров 2,1 тыс.Год назад
Advanced Themer 1.2 - Style Overview & Custom CSS on steroids!
Advanced Themer 1.1 - Stable release and 10+ more features added!
Просмотров 1,2 тыс.Год назад
Advanced Themer 1.1 - Stable release and 10 more features added!
Advanced Themer 1.0.8 & 9 Overview - 20+ more features added!
Просмотров 2,1 тыс.Год назад
Advanced Themer 1.0.8 & 9 Overview - 20 more features added!
Advanced Themer 1.0.7 Overview - New Sidebar / Resizable Structure / BricksLabs / Performance boost
Просмотров 772Год назад
Advanced Themer 1.0.7 Overview - New Sidebar / Resizable Structure / BricksLabs / Performance boost
Advanced Themer 1.0.5 Overview - New BE UI / Import/Export / Custom Frameworks / ACSS compatibility
Просмотров 1,8 тыс.Год назад
Advanced Themer 1.0.5 Overview - New BE UI / Import/Export / Custom Frameworks / ACSS compatibility

Комментарии

  • @youtubevideo2341
    @youtubevideo2341 9 дней назад

    @maximebeguin4346 @AdvancedThemer We all love and use AT because it gives us superpowers. 💪💪💪But one of the challenges is the initial setup - having to create own variables might feel like extra work. Why not integrate popular CSS frameworks into AT from the start? There are many excellent options available; I bet if you integrate popular CSS and let people choose to enable or disable it, most of us will keep it enabled and never install ACSS or any other frameworks. Or add the one that you have created!!❤❤❤❤ Let your community vote.

  • @iamanty
    @iamanty 25 дней назад

    Thanks Maxime! These micro animations have been a game changer on recent website builds. I did recently notice that Google Page Insights is throwing a NO_LCP error on mobile, the culprit seems to be the animation trigger class. Has anyone else experienced this or have a fix?

  • @EkhyOk
    @EkhyOk Месяц назад

    Thanks for the video. I have a problem with bricks and it is that the animations created with interactions are broken when accessed from mobile devices. They flicker or do not animate at all, as is the case with the slides widget. Is there a way to fix this? I don't have any other plugins in my wordpress other than bricks builder.

  • @utvc3687
    @utvc3687 Месяц назад

    Maxime, awesome update!! There is so much functionality in your Themer, woww...

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

    I just got the license and I’m so excited! This will be on every website I create. Thank you for the amazing work Maxime!

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

    1fr may arise potential overflow issues so the question is can we change the values to minmax(0,1fr) after creating grid? Thank you,

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

    Nice and important video! Thanks

  • @WPBLOCKBUSTERS-rg3dz
    @WPBLOCKBUSTERS-rg3dz 3 месяца назад

    Binge watching all of these, Soooooooooo Good, thank you.

  • @WPBLOCKBUSTERS-rg3dz
    @WPBLOCKBUSTERS-rg3dz 3 месяца назад

    Speechless!

  • @digitalrefreshmkt
    @digitalrefreshmkt 3 месяца назад

    That WPCodebox integration is GOLD!!!

  • @alex_vie
    @alex_vie 3 месяца назад

    There is no words anymore for your amazing work - just a ❤

  • @fuocy
    @fuocy 3 месяца назад

    The CodePen Converter feature in Advanced Themer looks incredible and could be the deciding factor in my purchase. However, I’m not entirely sure how well it performs. Is there a way I could test this feature in action?

  • @adrianlopezayala281
    @adrianlopezayala281 3 месяца назад

    Hi Sir, I'm trying to contact you through email these days but dint receive a reply, could you check it? Thanks!

  • @JoniKukkohovi
    @JoniKukkohovi 3 месяца назад

    The variable referencing is great way to integrate with CoreFramework. Love it!

  • @Michael-th1mh
    @Michael-th1mh 3 месяца назад

    Hey Maxime, great update!!! Just wondering if it is possible to add the reverse of the action of Convert UX values to CSS at the 1hour 1min mark in the video. i.e. Convert CSS to UX Values (Builder values). This could also be great for the codepen importer too. This would be great for users who either prefer to use the Builder UX over CSS, and when they/we can make any tweaks in the UX rather than going to the CSS / HMTL in the superpower CSS modal.

    • @AdvancedThemer
      @AdvancedThemer 3 месяца назад

      That would be great but we need Thomas to implement such method - it’s out of my reach I’m afraid

  • @michaelvandinther
    @michaelvandinther 3 месяца назад

    Love the new options to get our hands dirty writing HTML

  • @ValentinKossenko
    @ValentinKossenko 3 месяца назад

    Thanks for the overview of all the new features. Highly appreciate the time and effort you put into Advanced Themer! 😊

  • @SaschaDonelasci
    @SaschaDonelasci 3 месяца назад

    Penso che bricks senza at non sarebbe la stessa cosa... in pratica hai inventato un modo per importare pagine intere da qualunque base e questa cosa e incredibile.

  • @web-atelier
    @web-atelier 4 месяца назад

    Yes, really a new era 👌👍😀

  • @jugibur2117
    @jugibur2117 4 месяца назад

    I'm always impressed by how quickly you can implement so many ideas! Just wow, there are so many new things and optimizations on board, thanks!

  • @Simon-sly
    @Simon-sly 4 месяца назад

    Amazing work Maxime. Love the Search bar.

  • @sevenelven
    @sevenelven 4 месяца назад

    Any significant impact on site's frontend performance with all these amazing additions enabled?

  • @garethmcewan
    @garethmcewan 4 месяца назад

    Thanks for your amazing work, max! Def one of the best in the business. How come some of your classes are green and red?

  • @keelanjones2235
    @keelanjones2235 4 месяца назад

    So happy to be able to edit stylesheets in builder. Love the Emmet integration, quick search and all of the other features. Thank you so much for this update!

  • @vaughanprint
    @vaughanprint 4 месяца назад

    Some graeat additions. I am seeing scope here to adjust my workflow around variables and colours.

  • @WolfG11
    @WolfG11 4 месяца назад

    Congrats to this amazing update. 🎉

  • @YasirShabbir
    @YasirShabbir 4 месяца назад

    You're just amazing :)

  • @bob-p7x6j
    @bob-p7x6j 4 месяца назад

    I can try it on a test site so it's not so important but do you know off hand whether AT would be okay to use with a plugin like Simply Static?

    • @AdvancedThemer
      @AdvancedThemer 4 месяца назад

      I never tested, but I wouldn’t be surprised if you would get some broken styles on frontend…

    • @bob-p7x6j
      @bob-p7x6j 4 месяца назад

      @@AdvancedThemer Thanks, will play with it to find out! Fun to break things, good learning....

  • @mindshoplifter
    @mindshoplifter 4 месяца назад

    incredible update! One question though - why would someone use wpcodebox when everything can run through AT?

    • @AdvancedThemer
      @AdvancedThemer 4 месяца назад

      WPCodebox is fully-fledged script manager. It handles both js and php and has more filters and API for advanced users. If you just need to manage your styles, AT might be enough. But for a more complete solution, WPCodebox is a better fit. The good thing is: you don’t have to choose between the two: you can just use both in harmony :)

    • @mindshoplifter
      @mindshoplifter 4 месяца назад

      @@AdvancedThemer I see. Thank you!

  • @maxziebell4013
    @maxziebell4013 4 месяца назад

    For importing JavaScript, you could offer to wrap it in an Immediately Invoked Function Expression (IIFE).

    • @AdvancedThemer
      @AdvancedThemer 4 месяца назад

      Yea but it depends how the js is actually structured… i need to ask chatgpt if wrapping everything in a (function())() could potentially break things 😂

  • @BrendanOConnellWP
    @BrendanOConnellWP 4 месяца назад

    Great update - bringing Bricks further in line with modern builders. Thanks! 💪

  • @maxziebell4013
    @maxziebell4013 4 месяца назад

    The biggest, biggest release ever, ever. So great. Congratulations.

    • @maxziebell4013
      @maxziebell4013 4 месяца назад

      Oh, AI!! I love it! Thank you, thank you!

    • @maxziebell4013
      @maxziebell4013 4 месяца назад

      Have you tried implementing function calling API for the AI part? I saw in your video you sometimes have parsing remnants, but you shouldn't have them if you declare a function called `updateCSS` (for example) and then task Open AI to fill the parameters. It should be more compliant to return only the paramenter (for example a CSS Text fragment) as the parameter in the structured response of the function calling API response. The function is never actually called, only the intent and the parameters are handed to you as structured data. Or are you already doing this?

    • @maxziebell4013
      @maxziebell4013 4 месяца назад

      You could also consider limiting the AI to the user selection in the text box (optionally) or the full text if nothing is selected. Meaning, when a user has a partial selection in the text editor that you only transfer the selection to the AI and replace only that section with the return.

    • @AdvancedThemer
      @AdvancedThemer 4 месяца назад

      I do use the function calling API for generating the AI structure. I can’t use it for the css because the function calling API is limited to 1000 tokens on input right now… it’s not enough to manage big css files and returns an error

    • @AdvancedThemer
      @AdvancedThemer 4 месяца назад

      The selecting option is a great suggestion 👍

  • @webcare_live
    @webcare_live 4 месяца назад

    Hello internet! Advanced Themer is growing very fast, and it continues to improve!

  • @bob-p7x6j
    @bob-p7x6j 4 месяца назад

    You should do a test on whether the AI code is of higher quality by adding "please" or leaving it out.... Just joking.....I hope other content creators who might see this channel notice how things are zoomed in where needed and is easy on the eyes, it makes a huge difference for someone who has trouble seeing!!!

    • @BrendanOConnellWP
      @BrendanOConnellWP 4 месяца назад

      i tried the zoom in on a few vids and got non-stop complaints from viewers saying they were motion sick. maybe if i was as smooth as Maxime

    • @tripwire8457
      @tripwire8457 3 месяца назад

      You can tell which people are "old school" (not necessarily old) and well brought up by the way they use please and thank you. These people are also usually hard working thorough and disciplined, producing outstanding work. Maxime is obviously such a person.

  • @ThierryC-te3rx
    @ThierryC-te3rx 4 месяца назад

    What is the secret for the 1 second beard growth ? Wait...Advanced Bearder 1.0 ? 👀

    • @AdvancedThemer
      @AdvancedThemer 4 месяца назад

      That’s a hidden tweak in the theme settings ;) you need a beard API though

  • @kononenko_bohdan
    @kononenko_bohdan 4 месяца назад

    what program you record video?

  • @bob-p7x6j
    @bob-p7x6j 4 месяца назад

    Just thinking, wow, seen so many new things about AT from Facebook, really need a video for us who hate documentation, and here you are...Thanks for the vid and thanks for the hard work!

  • @ValentinKossenko
    @ValentinKossenko 4 месяца назад

    This is so good. Thanks for sharing!

  • @klmbr9397
    @klmbr9397 4 месяца назад

    Hi, quick question, is it just me or the structure panel is not resizable anymore? I don't see the option in the builder tweaks.... I'm on v 2.8.1. Its so bad because i cant see my elements when deep down in the structure....

    • @klmbr9397
      @klmbr9397 4 месяца назад

      Since Bricks v1.10.2, this feature is available natively.

  • @BricksBuilderStuff
    @BricksBuilderStuff 5 месяцев назад

    Thanks Maxime. Never even thought to check youtube to keep up with this.

  •  5 месяцев назад

    The best animation tutorial on the internet! Thank you!

  • @SellyS.
    @SellyS. 5 месяцев назад

    Thanks for this! Is it possible to do grids that feature inverted border radii using Advanced Themer? Would love to see a video about that!

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

    We hope one day be a pro using advanced themer.

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

    Hello, i'm using Core Framework (the free one Web Based). Could i integrate the CSS of Core Framework with AT?

  • @johnosmond10
    @johnosmond10 7 месяцев назад

    Why is it that every time I spend an hour or more watching a video about Advanced Themer, almost nothing in the video matches what I see in the software? CSS Variables tab is missing almost everything you pointed out in this video. There is nothing about typography, nothing about spacing, borders, border radius. This video is a waste of time.

    • @AdvancedThemer
      @AdvancedThemer 7 месяцев назад

      This video has been recorded before Bricks released their variable manager inside the builder. Since then, we released v2.6 which converted the variables created inside the theme settings into native Bricks Variables. It allows you to manipulate your variables right inside the builder rather than going back and forth from the admin, and it won't create conflicts in case you deactivate Advanced Themer. Bricks and Advanced Themer are two softwares that evolve quickly, and I think that it's in the interest of the user to have AT quickly adapting to Bricks based on the updates it provides. The truth is - beside the variables tabs - all the other options in the actual version of AT are pretty much the same as the ones shown in the video. The recommended settings have also been implemented as default values when installing AT on a fresh install (or when resetting the the theme settings).

  • @schatten105
    @schatten105 7 месяцев назад

    so to clear the nested elements a little bit up. I'v noticed, that when using bricks templates (the section ones) I can import them into a page in several ways...some stay connected to the templates, so everytime I edit the template, it's edited everywhere, I used them, but when I use another way to implement them, they aren't connected. I there is a usecase for both if this, but I can't remember, which is which. now, with the AT nested elements, as you showed, when importing one to a page in the builder, It seems not connected, I can make style changes which aren't reflected to all the elements, UNLESS I save them with EDIT. and If at some Point I think: oh, these nested-element, which I altered in one spot, is quite good, I want this to also user in other spots too, I just have to save it as a new nested element? Just want to get it straight, like in the first part, so I have kinda templates/components, which are somehow global, but I can make them locally if I wish to?

    • @AdvancedThemer
      @AdvancedThemer 7 месяцев назад

      Consider the nested elements like the Bricks nestable elements (like sliders, tabs etc,…). They are not global elements nor components.

    • @schatten105
      @schatten105 7 месяцев назад

      @@AdvancedThemer ok, so even if make changes and save/Edit the Nested element under the same Name, the changes are not applied to every Spot, I Used them before the changes, the changes are only for whenever I use those Elements afterwards?

    • @AdvancedThemer
      @AdvancedThemer 7 месяцев назад

      Correct

    • @utvc3687
      @utvc3687 Месяц назад

      @@schatten105 But when you put classes to them, they will be synced if through the classes only not the html like components. right?

  • @BGdev305
    @BGdev305 7 месяцев назад

    So, would it be safe to say that these 'nested elements' are basically 'components'?

  • @joachimauster
    @joachimauster 7 месяцев назад

    Not completely right: @20:25 a change to a global templates does NOT change "everywhere". This depends on the option, the global template was inserted (there are 2 options: 1 bound to global template, 1 not bound to global template)

    • @AdvancedThemer
      @AdvancedThemer 7 месяцев назад

      I’m referring to global elements there, not templates

  • @joachimauster
    @joachimauster 7 месяцев назад

    changing the name of the category itself is not possible yet, right? Only through nested element the category can be switched, but NOT renamed. Maybe a chance for improvement ;-)

    • @AdvancedThemer
      @AdvancedThemer 7 месяцев назад

      Going to double check that 👍

  • @LupusDesign
    @LupusDesign 7 месяцев назад

    Bravo!