# Dev Diary Ep16 - Create a Webpage in Seconds! **URL:** \ **Category:** Elements\ **Tags:** developer, devdiary\ **Created:** [April 30, 2024, 3:50pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep16-create-a-webpage-in-seconds/43163 "2024-04-30T15:50:08Z")\ **Posts on this page:** 20\ **Page:** 1
**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\ **Post date:** [April 30, 2024, 3:50pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep16-create-a-webpage-in-seconds/43163/1 "2024-04-30T15:50:08Z")
Hey Weavers, We have another great update for you this week! In today’s video I show off a new feature that allows you to **put together a webpage in seconds**. I also demo the new debug console in the custom Elements editor, and if that’s not enough, I share details about two huge new features we’ll be revealing in the coming weeks. [![](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/2/e/2ef1f4f60edc7e7289c904ed7a327f2a1ad957eb.jpeg "Dev Diary Ep16 - Build a Webpage in Seconds") ](https://www.youtube.com/watch?v=4Dkzq8QmfJo) We can’t wait to hear what you think about today’s announcement. I’ll be back next Tuesday as usual. Cheers, Dan & Team Realmac ---
**Author:** ![LEZ](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/lez/32/35617_2.png) [@LEZ](https://forums.realmacsoftware.com/u/LEZ)\ **Post date:** [April 30, 2024, 4:25pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep16-create-a-webpage-in-seconds/43163/2 "2024-04-30T16:25:45Z")
Holy cow! Game changer! Beginners start with these predesigned elements and then grow into the Pro features. Here are my suggestions 🙂 Miniments Packets Blockies Elepacks Prefabs Kwiks Boblox Bricklets Prepacks Splites Kwikies Toggles Elebox ---
**Author:** ![anon68150607](https://avatars.discourse-cdn.com/v4/letter/a/4bbf92/32.png) [@anon68150607](https://forums.realmacsoftware.com/u/anon68150607)\ **Post date:** [April 30, 2024, 4:30pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep16-create-a-webpage-in-seconds/43163/3 "2024-04-30T16:30:32Z")
The code editor debug log is a nice touch! As for the name of the new pre-built elements, something like ‘compounds’, ‘composites’, ‘assemblies’ or ‘prefabs’ _(my fave)_ might work. You could also just call the pre-built elements ‘elements’ and rename the base elements to something like ‘nodes’, ‘blocks’, ‘fragments’, etc. That said, I think I prefer the base elements to use the name elements (it’s how they’re referred to in HTML) and use another name for the pre-built elements. Again, my fave is ‘prefab’. Naming is hard. 🙂 ---
**Author:** ![billb034](https://avatars.discourse-cdn.com/v4/letter/b/ea5d25/32.png) [@billb034](https://forums.realmacsoftware.com/u/billb034)\ **Post date:** [April 30, 2024, 4:40pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep16-create-a-webpage-in-seconds/43163/4 "2024-04-30T16:40:01Z")
Hi Dan Great idea and very helpful to me. I am one of those who people you describe who want to create semi-customized web presence but without fully immersing myself in design. This might be enough to get me re-engaged in using RapidWeaver. You mentioned that you didn’t know what to call the new elements. How about Widgets or Design Widgets? (They have a look and feel that remeinds me of Apple’s widges for the desktop) Thanks again for the useful video. Best regards Bill Bellows ---
**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\ **Post date:** [April 30, 2024, 4:44pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep16-create-a-webpage-in-seconds/43163/5 "2024-04-30T16:44:07Z")
> [@anon68150607](#): > > As for the name of the new pre-built elements, something like ‘compounds’, ‘composites’, ‘assemblies’ or ‘prefabs’ _(my fave)_ might work. I like the sound of “Prefab Elements” 🤔 ---
**Author:** ![anon68150607](https://avatars.discourse-cdn.com/v4/letter/a/4bbf92/32.png) [@anon68150607](https://forums.realmacsoftware.com/u/anon68150607)\ **Post date:** [April 30, 2024, 4:47pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep16-create-a-webpage-in-seconds/43163/6 "2024-04-30T16:47:43Z")
Combine “Prefab Elements” with “Base Elements” and you have a clear delineation between the two element types. 🤔 ---
**Author:** ![majobo](https://avatars.discourse-cdn.com/v4/letter/m/ce73a5/32.png) [@majobo](https://forums.realmacsoftware.com/u/majobo)\ **Post date:** [April 30, 2024, 5:01pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep16-create-a-webpage-in-seconds/43163/7 "2024-04-30T17:01:26Z")
I really Like the idea of the prebuild Elements of components, a bit like prebuilt partials. A very nice way to get you started. if you wanted to fiddle with these in a more elaborate way at some point, would it be possible to “unpack” those components? I really like where this going! ---
**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\ **Post date:** [April 30, 2024, 5:04pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep16-create-a-webpage-in-seconds/43163/8 "2024-04-30T17:04:41Z")
> [@majobo](#): > > if you wanted to fiddle with these in a more elaborate way at some point, would it be possible to “unpack” those components? No, these new Elements are pre-built designs so you can’t unpack them. > [@majobo](#): > > I really Like the idea of the prebuild Elements of components, a bit like prebuilt partials. This is where our “Layouts” feature comes into play, we’ve not demoed it yet, but it’s very flexible and in some way is the missing last piece of the web design puzzle. More on that soon 😉 ---
**Author:** ![Bill](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/bill/32/107_2.png) [@Bill](https://forums.realmacsoftware.com/u/Bill)\ **Post date:** [April 30, 2024, 5:24pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep16-create-a-webpage-in-seconds/43163/9 "2024-04-30T17:24:26Z")
Hmmm… so in reality, these predesigned things are basically just stacks. So your looking for something that is a combination of elements, ie. like a molecule - so maybe **epacks**. If this is just a way to allow filtering in the library, then maybe just assign a tag like ‘custom’ to RMS & 3rd-party predesigned elements and leave the element name alone. FYI - it is confusing to have to talk about different names to newcomers & everyone will be a newcomer this time around. Bill Stack-Its ---
**Author:** ![Flash](https://avatars.discourse-cdn.com/v4/letter/f/f475e1/32.png) [@Flash](https://forums.realmacsoftware.com/u/Flash)\ **Post date:** [April 30, 2024, 6:16pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep16-create-a-webpage-in-seconds/43163/10 "2024-04-30T18:16:38Z")
Great show! If I start with a pre-built Element, can I add individual Elements to it. Like and additional text block? Also can I edit the ARIA or alt tags in the prebuilt? ---
**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\ **Post date:** [April 30, 2024, 7:30pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep16-create-a-webpage-in-seconds/43163/11 "2024-04-30T19:30:34Z")
> [@Flash](#): > > If I start with a pre-built Element, can I add individual Elements to it. Like and additional text block? No, you’ll need to use the big boy Pro Elements for things like that! > [@Flash](#): > > Also can I edit the ARIA or alt tags in the prebuilt? We’ll provide fields for image alt tags, and we plan to have sensible ARIA tags baked in. Again, for full control you’ll want to use the pro Elements. ---
**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\ **Post date:** [April 30, 2024, 7:31pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep16-create-a-webpage-in-seconds/43163/12 "2024-04-30T19:31:40Z")
> [@majobo](#): > > if you wanted to fiddle with these in a more elaborate way at some point, would it be possible to “unpack” those components? These new Elements are pre-built designs so you can’t unpack them. However, this is where our “Layouts” feature comes into play, we’ve not demoed it yet, but it’s very flexible and would allow you to fully customise everything. Stay tuned! ---
**Author:** ![Flash](https://avatars.discourse-cdn.com/v4/letter/f/f475e1/32.png) [@Flash](https://forums.realmacsoftware.com/u/Flash)\ **Post date:** [April 30, 2024, 7:31pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep16-create-a-webpage-in-seconds/43163/13 "2024-04-30T19:31:55Z")
> [@dan](#): > > Again, for full control you’ll want to use the pro Elements. This makes sense. ---
**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\ **Post date:** [April 30, 2024, 7:32pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep16-create-a-webpage-in-seconds/43163/14 "2024-04-30T19:32:17Z")
> [@Bill](#): > > it is confusing to have to talk about different names to newcomers & everyone will be a newcomer this time around. Maybe we’ll just stick with calling all of them “Elements” as that’s what they are! ---
**Author:** ![Flash](https://avatars.discourse-cdn.com/v4/letter/f/f475e1/32.png) [@Flash](https://forums.realmacsoftware.com/u/Flash)\ **Post date:** [April 30, 2024, 7:49pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep16-create-a-webpage-in-seconds/43163/15 "2024-04-30T19:49:28Z")
What about “Sections” ---
**Author:** ![anon68150607](https://avatars.discourse-cdn.com/v4/letter/a/4bbf92/32.png) [@anon68150607](https://forums.realmacsoftware.com/u/anon68150607)\ **Post date:** [April 30, 2024, 8:05pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep16-create-a-webpage-in-seconds/43163/16 "2024-04-30T20:05:13Z")
Using “Sections” might be even more confusing are there are also section ‘base elements’ if I recall. I do think that a distinction is needed between the base elements, and the pre-built ‘composite elements’ as the ability to further ‘compose’ pre-built elements is removed (if I read that correctly), and if somebody wanted to change the structure of a pre-built element (beyond what is exposed in the inspector) they would need to create an entirely new version of it themselves. I like the idea of being able to decompose pre-built elements as it could provide a nice way for folks to learn (similar to a view source), but it would likely remove incentive for 3rd party developers to create custom pre-built components if they could simply be ‘decompiled’, exposing all of their hard work. ---
**Author:** ![Flash](https://avatars.discourse-cdn.com/v4/letter/f/f475e1/32.png) [@Flash](https://forums.realmacsoftware.com/u/Flash)\ **Post date:** [April 30, 2024, 9:15pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep16-create-a-webpage-in-seconds/43163/17 "2024-04-30T21:15:51Z")
How about Contructs? ---
**Author:** ![Tofty](https://avatars.discourse-cdn.com/v4/letter/t/8baadc/32.png) [@Tofty](https://forums.realmacsoftware.com/u/Tofty)\ **Post date:** [May 1, 2024, 1:51am UTC](https://forums.realmacsoftware.com/t/dev-diary-ep16-create-a-webpage-in-seconds/43163/18 "2024-05-01T01:51:39Z")
Compounds was going to be my suggestion too. It keeps the chemistry reference going… it makes sense to me that you are combining “elements” to create “compounds”, which can then be thrown quickly together into the recipe for a good website. ---
**Author:** ![stevehicks](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/stevehicks/32/25963_2.png) [@stevehicks](https://forums.realmacsoftware.com/u/stevehicks)\ **Post date:** [May 1, 2024, 9:08am UTC](https://forums.realmacsoftware.com/t/dev-diary-ep16-create-a-webpage-in-seconds/43163/19 "2024-05-01T09:08:33Z")
Compounds … perfect analogy! ---
**Author:** ![anon68150607](https://avatars.discourse-cdn.com/v4/letter/a/4bbf92/32.png) [@anon68150607](https://forums.realmacsoftware.com/u/anon68150607)\ **Post date:** [May 1, 2024, 9:57am UTC](https://forums.realmacsoftware.com/t/dev-diary-ep16-create-a-webpage-in-seconds/43163/20 "2024-05-01T09:57:09Z")
I might be mistaken, but aren’t there three types of elements? 1. **Base** elements which includes basic headings, sections, flex, images, text, etc. 2. **Custom** elements created by the user which are composed of collections of base elements to create reuseable and editable objects. 3. **Premade** elements which are created by Realmac or 3rd parties which can easily be dropped into a page/project and provide customization via the property inspector, but are unable to be edited by the user; ie: black boxes. I think ‘base elements’ works well for the basic set of elements/building blocks. ‘Custom elements’ are a bit confusing as they are more compound elements (or collections of base elements), than simply custom elements - which could also be interpreted as custom base elements. ‘Premade elements’ are also custom elements, but they are not _typically_ created by the user, and are not editable collections/compounds like custom elements. For me, the names that make sense are; **base** elements, **compound** elements, and **prefab** elements. [Next page](https://forums.realmacsoftware.com/t/dev-diary-ep16-create-a-webpage-in-seconds/43163.md?page=2)