Divi 3.0 Sneak Peek: The Very First Video Screencast Of The New Builder In Action

JavaScript for WordPress Developers: Getting Started With jQuery
August 5, 2016
How to Add a Reading Progress Bar in WordPress Posts
August 5, 2016
Show all

Welcome to Day 66 of our Divi 100 Marathon. Keep tuning in for 100 days in a row of awesome Divi resources as we count down to the amazing release of Divi 3.0 on the final day of the series!


Divi 3.0 is officially launching in 34 days and as we get closer to finalizing the new builder it’s getting harder and harder to contain our excitement! Even though 3.0 is not yet finished, I just couldn’t wait 34 more days to show you what we have been working on. So I decided to do something we have never done before and put together the most revealing Divi 3.0 sneak peek yet: a full length video screencast of the new visual builder in action. There are still features that need to be merged, bugs that need to be squashed and UI elements that need to be polished, but overall the new builder is looking very solid and we are eager to start beta testing next week.

If you haven’t been following along with the Divi 100 marathon and the countdown to Divi 3.0, then be sure to check out our first and second sneak peeks. These contain more info about what Divi 3.0 is all about and what you can expect when it’s released on September 7th. 3.0 is the biggest and most transformative update we have ever given Divi. It will introduce an entirely new and modern visual editing experience built with React. It’s incredibly fast (probably the fastest website building experience you have ever seen), the UI is beautiful and the visual nature of the builder is pure magic. It’s going to completely change the way you build websites, but don’t just take my word for it, watch the video below for a small taste of what Divi 3.0 has to offer.

Divi 3.0 (Alpha) In Action

This video offers a tiny glimpse at the new Divi Builder as it exists in its current stage of development. If you have been wondering what Divi 3.0 is all about, this is it. We’d love to know what you think, so please drop as a line in the comments!

divi-2-6-logo

Divi 100 Day 66

The Countdown To Divi 3.0

This post is part of our Divi 100 marathon. Follow along as we post free Divi resources for 100 days in a row! This 100-day countdown will end with the game-changing release of Divi 3.0, including our brand new visual editor built from the ground up using React. Divi 3.0 will change the way you build websites with the Divi Builder forever!
Let the countdown begin.

jQuery(document).ready(function(){jQuery(“#DIV_TO_PLACE_COUNTDOWN”).jCountdown({timeText:”2016/9/7 7:00:00″,timeZone:-8,style:”slide”,color:”black”,width:0,textGroupSpace:15,textSpace:0,reflection:false,reflectionOpacity:10,reflectionBlur:0,dayTextNumber:1,displayDay:true,displayHour:true,displayMinute:true,displaySecond:true,displayLabel:true});});Learn More About Divi 3.0

.section-header{width: 520px; padding: 50px 40px 20px; margin: 100px 0; text-align: center; color: #fff !important; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #6c2eb9; background-image: url(http://cdn.elegantthemes.com/blog/wp-content/uploads/2016/04/divi-100.jpg); background-repeat: no-repeat;}.section-header h2{margin-top: 0 !important; color: #fff;}.section-header strong{color:#fff;}.section-header img{margin-bottom: 10px;}.section-header:after{position: absolute; bottom: -16px; left: 50%; margin-left: -16px; width: 32px; height: 32px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); content:”; background: #6c2eb9;}.divi-demo-link{border-bottom: 4px solid #00d5b5; margin-top: 15px; border-radius: 4px; transition: all.5s ease-in-out; display: block; width: 100%; padding: 10px 0; text-transform: uppercase; font-weight: bold; text-align: center; color: #1C695D; background-color: #00efcb;}.divi-demo-link:hover{text-decoration: none; background-color: #2CFFDF;}.divi-download-link{text-align: center; font-size: 18px; border-radius: 4px; padding: 20px; color: #fff; display: block; margin: 10px 0 10px; background-color: #7e3bd0; transition: background .5s; text-decoration: none; font-weight: bold;}.divi-download-link:hover{background-color: #C04BDE;}hr{border-style: solid; margin: 0 0 40px 0; border: 1px solid #EAEBEB;}

The post Divi 3.0 Sneak Peek: The Very First Video Screencast Of The New Builder In Action appeared first on Elegant Themes Blog.

View @ ElegantThemes

Skip to toolbar