Finding Gutenberg Training - OKC WordPress Meetup for December 2021
•
0 likes•20 views
Here are my favorite sites for Gutenberg training as well as what to look for when choosing the training right for you.
Report
Share
Report
Share
Download to read offline
Recommended
WordPress Gutenberg
Gutenberg is the project name for a new way to build posts and pages in WordPress. It's a new editor based on 'blocks' with a goal to making the addition of rich content to WordPress, simple and enjoyable. Gutenberg is currently still under development, and isn't expected to be released until WordPress 5.0.
Building and future-proofing your WordPress sites with the Genesis Framework
WordPress expert and influencer Carrie Dils talks about how she uses the Genesis Framework to help her get client sites up and running quickly, while future-proofing them at the same time.
Register for the on-demand webinar here: https://hs.wpengine.com/webinar-future-proofing-genesis-gutenberg
Webinar: Gettin' Down and Nerdy with the Genesis Framework
Do you develop WordPress websites? Want to build higher quality websites faster? In this on-demand webinar, Bill Erickson, an influencer in the Genesis community, who’ll help you get started and/or learn more about how to use the Genesis Framework to empower you to move further, faster.
Register to watch the on-demand webinar, which includes over 30 minutes of lively, informative Q&A: https://hs.wpengine.com/webinar-genesis-framework
Rock Your Blocks! Web Design Acceleration with Genesis Pro
Need professional, secure, SEO-ready sites spun up faster than ever before? Learn how to use Genesis Pro's page builder to create compelling content faster while keeping the content on brand. Bonus: get an exclusive preview of block building capabilities coming in Q3 2020!
Introduce Bootstrap 3 to Develop Responsive Design Application
www.exoplatform.com - The second session of "eXoers on the grill" presentation in Vietnam. After a very good start last month about the Git Rebase Functionality presented by Trong from the Portal team the subject of this session was the Responsive Design.
This presentation was prepared and presented by all members of UI Team: Giang, Hoa, Trung and Thibault.
eXoers on the Grill aims to provide some incentive & fresh air for our staff in order to constantly re-think our methods, spread good practices, promote some technology or tools, generate ideas, etc... All the teams are invited to contribute by picking up some hot topics of their choice and spread to other teams.
An Introduction to Gutenberg, WordPress's New Editor
Andrew Marks presents An Introduction to Gutenberg, WordPress's new editor at the Brisbane Northside WordPress Meetup on 22nd February 2018.
Webinar - Accessibility: The journey.
Accessibility experts Nick Goodrum from Americaneagle.com and Kevin Rydberg from Siteimprove discuss the accessibility journey for your organization.
Register for the on-demand webinar (which is mostly Q&A): https://hs.wpengine.com/webinar-accessibility-journey
The In's And Out's Of Working With Wordpress
Blogs have become more common in recent years. WordPress is a popular platform for blogging and allows users to add features like video. It is important to optimize WordPress sites for search engines by using descriptive alt text, short URLs without special characters, and individualized styling. While WordPress has many tools and plugins, using it effectively requires some effort to learn.
Recommended
WordPress Gutenberg
Gutenberg is the project name for a new way to build posts and pages in WordPress. It's a new editor based on 'blocks' with a goal to making the addition of rich content to WordPress, simple and enjoyable. Gutenberg is currently still under development, and isn't expected to be released until WordPress 5.0.
Building and future-proofing your WordPress sites with the Genesis Framework
WordPress expert and influencer Carrie Dils talks about how she uses the Genesis Framework to help her get client sites up and running quickly, while future-proofing them at the same time.
Register for the on-demand webinar here: https://hs.wpengine.com/webinar-future-proofing-genesis-gutenberg
Webinar: Gettin' Down and Nerdy with the Genesis Framework
Do you develop WordPress websites? Want to build higher quality websites faster? In this on-demand webinar, Bill Erickson, an influencer in the Genesis community, who’ll help you get started and/or learn more about how to use the Genesis Framework to empower you to move further, faster.
Register to watch the on-demand webinar, which includes over 30 minutes of lively, informative Q&A: https://hs.wpengine.com/webinar-genesis-framework
Rock Your Blocks! Web Design Acceleration with Genesis Pro
Need professional, secure, SEO-ready sites spun up faster than ever before? Learn how to use Genesis Pro's page builder to create compelling content faster while keeping the content on brand. Bonus: get an exclusive preview of block building capabilities coming in Q3 2020!
Introduce Bootstrap 3 to Develop Responsive Design Application
www.exoplatform.com - The second session of "eXoers on the grill" presentation in Vietnam. After a very good start last month about the Git Rebase Functionality presented by Trong from the Portal team the subject of this session was the Responsive Design.
This presentation was prepared and presented by all members of UI Team: Giang, Hoa, Trung and Thibault.
eXoers on the Grill aims to provide some incentive & fresh air for our staff in order to constantly re-think our methods, spread good practices, promote some technology or tools, generate ideas, etc... All the teams are invited to contribute by picking up some hot topics of their choice and spread to other teams.
An Introduction to Gutenberg, WordPress's New Editor
Andrew Marks presents An Introduction to Gutenberg, WordPress's new editor at the Brisbane Northside WordPress Meetup on 22nd February 2018.
Webinar - Accessibility: The journey.
Accessibility experts Nick Goodrum from Americaneagle.com and Kevin Rydberg from Siteimprove discuss the accessibility journey for your organization.
Register for the on-demand webinar (which is mostly Q&A): https://hs.wpengine.com/webinar-accessibility-journey
The In's And Out's Of Working With Wordpress
Blogs have become more common in recent years. WordPress is a popular platform for blogging and allows users to add features like video. It is important to optimize WordPress sites for search engines by using descriptive alt text, short URLs without special characters, and individualized styling. While WordPress has many tools and plugins, using it effectively requires some effort to learn.
Bringing better user experience to Joomla with Page Builders
A presentation made by our CEO - Victor Bui in Joomla World Conference 2016 about "Bringing better user experience to Joomla with Page Builders"
Daily
The document discusses working on a blog, using tools like Gmail, PowerPoint, Blogger and Voki to create and edit the blog as well as an avatar. Changes were made to the blog and an avatar was created using Voki.
PageRank Sculpting with Nofollow Revisited - Adam Audette, SMX East 2009
The document discusses PageRank sculpting and why it is ineffective. It notes that sculpting does not work consistently across search engines and that Google changed their algorithm over a year ago to ignore sculpting. The document recommends focusing on users by improving site architecture, navigation, content, landing pages, and related links instead of trying to manipulate PageRank through sculpting.
Mozilla Webmaker
Webmaker Tools are used to create webpages, videos, remix the webpages and also share them on internet. These tools generate an URL after creating the stuff on the web. This URL can be shared with others.
Paulina's diary
Paulina's diary describes her class learning to make a game using PowerPoint, watching a video explaining how to use Blogger to create a blog, using Voki to create an avatar, creating her blog, and then editing her blog.
THE WORDPRESS DASHBOARD DEMYSTIFIED
The document is a presentation about demystifying the WordPress dashboard. It discusses the difference between WordPress.com and self-hosted WordPress sites. It also provides an overview of the different dashboard menus including Media, Posts, Appearance, Plugins, and Customizer. The presentation notes that some features of the dashboard can be hidden by plugins and themes and encourages users to explore the dashboard further.
How To Work Faster & More Profitably With Client Site Starter Templates
Starter templates in a block-based world allow freelancers and agencies to build client sites faster and more profitably by reusing components and recycling templates to reduce project timelines. The document demonstrates how to use collections in Genesis Blocks, which are predefined layouts of blocks that serve as starter content. It shows how to build with built-in collections, and also create custom sections, layouts, and collections by developing your own library of reusable templates. Going further instructions are provided to deep dive into building fully custom collections.
Angular.js Talk at the November Meetup of the BerlinJS User Group
AngularJS is a web application framework created by Misko Hevery that aims to simplify complex web apps. It is not a library for DOM manipulation or widgets, but rather a framework for building dynamic web applications using HTML. AngularJS treats dynamic web pages as HTML documents and allows data binding between models and views. While jQuery is useful for DOM manipulation, AngularJS takes a higher level approach focused on building web app structure and data binding.
JSDay 2013 - Practical Responsive Web Design
This document summarizes a presentation on practical responsive web design. It discusses using media queries to define breakpoints, choosing breakpoints based on how the site looks rather than targeting specific devices. It also covers responsive images, using different sized images depending on screen width and only downloading the needed image. Retina images and techniques like picturefill are presented. Performance considerations like image size and extra requests are addressed.
Empathetc Development
The document discusses the importance of empathy in development. It emphasizes that developers should empathize with users by considering that people have different devices, browsers, internet speeds and accessibility needs. Developers should also empathize with clients by focusing on what is best and easiest for them, not just the developer. Additionally, developers need to empathize with future developers who will work on the project by following coding standards and commenting code thoroughly. The overall message is that empathy is key to development as it allows understanding different perspectives and needs beyond one's own.
HTML5shim
The document discusses how the HTML5Shim allows Internet Explorer to support basic HTML5 elements like nav, section, header and footer by exploiting a workaround where it applies CSS styling to unknown elements if they are created as DOM elements. The HTML5Shim, created by Remy Sharp, must be inserted into the head of the document using conditional comments so that it only targets Internet Explorer to provide graceful fallback for HTML5 support.
Resources and lessons for using WordPress in your business
Slides from WordCamp Asheville 2015
Every business that uses or intends to use WordPress faces common obstacles. These may include finding qualified developers to build a theme, finding particular plugins to achieve a task or not knowing where to find help online to fix an issue.
In this talk I will discuss many of these common pain points I have seen businesses have. I will share resources where you can find solid answers from the WordPress community. You will also learn some important concepts behind maintaining your WordPress site.
Introduction to-react
React is a JavaScript library for building user interfaces. It uses several key concepts:
1. Reactive UI - When data changes, the UI updates automatically without needing to specify how to update the DOM. This simplifies UI development.
2. Virtual DOM - React keeps a sketch of the desired UI in memory and syncs it with the real DOM efficiently to minimize updates.
3. Components - Reusable blocks of code that can be composed to build complex UIs. Components manage their own state and re-render when their props or state change.
Ways to repurpose and refresh old content
This document provides 9 ways to repurpose and refresh old content to produce new, high-quality content without extensive time or money. It suggests transforming articles into checklists, FAQs, emails, podcasts, PowerPoint presentations, videos, webinars, video scripts, and e-courses. Repurposing content allows consistent production of new material in different formats to engage various audiences.
Lessons learned with HTML5
This short talk is about using HTML5 for making websites.
I'll mention libraries that make day-to-day work and compatibility a bit easier.
Talk 03 responsive-web-design
This document provides an overview of responsive web design. It begins by defining responsive web design as web design that provides an optimal experience across devices using a flexible grid, conditional images/media, and media queries. It distinguishes between adaptive and responsive design. The document then discusses the growing expectation for seamless content access across devices. It lists the basic ingredients of responsive design as a flexible grid, conditional images/media, and media queries. It also discusses advanced elements, touch input, and server-side conditionals. The document provides resources for learning about wireframes, grids, images, patterns, typography, and performance optimization for responsive design.
July 18 duyen - 10 web design trends for 2013
The document summarizes 2013 web design trends, including responsive web design, flat design, parallax, large photo backgrounds, and infinite scrolling. Responsive web design adapts the layout to different screen sizes and devices. Flat design uses simple elements, typography, and color without gradients or shadows. Parallax creates a sense of depth by scrolling through layers of images at different speeds. Large photo backgrounds place images behind page content. Infinite scrolling continuously loads new content as the user scrolls down the page without pagination.
Ember
Ember.js is a JavaScript framework for building single-page web applications using MVC architecture. It allows developers to build applications with less code through features like handlebars templates. Ember.js makes building JavaScript apps simple by handling tasks like routing and simplifying common patterns. Developers can learn to use Ember.js through their comprehensive guides on the website, which cover everything from basics to advanced concepts. The framework is open source, free to use, and can be downloaded from their website.
Responsive Web Design Tutorial PDF for Beginners
Learn Bootstrap 4 and responsive design basics step by step. For beginners and for experienced developers who want to migrate existing Bootstrap 3 sites to Bootstrap 4. Includes a tutorial, cheat sheets, templates, and quick reference guides.
An (Updated) Introduction to Gutenberg
An (Updated) Introduction to Gutenberg, WordPress's new editor. Presented by Andrew Marks at the Brisbane Northside WordPress Meetup on 19th September 2018.
Budgeting 2021 Tip for WordPress Website Owners
The document provides guidance for WordPress website owners using the Classic Editor to plan their budget and conversion to the Block Editor before support ends on December 31, 2021. Key points include:
1. Include a line item in the 2021 budget for converting to the Block Editor, with sub line items depending on how it has already been adopted.
2. Websites may continue working for a while after support ends but will eventually start misbehaving for unknown reasons.
3. Owners should plan page conversions, training, theme/framework/page builder evaluations, and website cleanup to avoid downtime and ensure a smooth transition. The amount of work required will depend on the individual website.
Be the Change: The Future of WordPress with WP Engine's Developer Relations Team
WordPress 5.9 with Full Site editing will empower builders in a way we have never seen before. To help developers make a successful transition to the new way of building with WordPress, WP Engine formed a Developer Relations team as part of our core value, “Committed to Give Back". This team will serve as a conduit between the WordPress project, its users, and those who build with it. Learn how to power-up your next WordPress project with the help of WP Engine's new DevRel team. Press ahead!
More Related Content
What's hot
Bringing better user experience to Joomla with Page Builders
A presentation made by our CEO - Victor Bui in Joomla World Conference 2016 about "Bringing better user experience to Joomla with Page Builders"
Daily
The document discusses working on a blog, using tools like Gmail, PowerPoint, Blogger and Voki to create and edit the blog as well as an avatar. Changes were made to the blog and an avatar was created using Voki.
PageRank Sculpting with Nofollow Revisited - Adam Audette, SMX East 2009
The document discusses PageRank sculpting and why it is ineffective. It notes that sculpting does not work consistently across search engines and that Google changed their algorithm over a year ago to ignore sculpting. The document recommends focusing on users by improving site architecture, navigation, content, landing pages, and related links instead of trying to manipulate PageRank through sculpting.
Mozilla Webmaker
Webmaker Tools are used to create webpages, videos, remix the webpages and also share them on internet. These tools generate an URL after creating the stuff on the web. This URL can be shared with others.
Paulina's diary
Paulina's diary describes her class learning to make a game using PowerPoint, watching a video explaining how to use Blogger to create a blog, using Voki to create an avatar, creating her blog, and then editing her blog.
THE WORDPRESS DASHBOARD DEMYSTIFIED
The document is a presentation about demystifying the WordPress dashboard. It discusses the difference between WordPress.com and self-hosted WordPress sites. It also provides an overview of the different dashboard menus including Media, Posts, Appearance, Plugins, and Customizer. The presentation notes that some features of the dashboard can be hidden by plugins and themes and encourages users to explore the dashboard further.
How To Work Faster & More Profitably With Client Site Starter Templates
Starter templates in a block-based world allow freelancers and agencies to build client sites faster and more profitably by reusing components and recycling templates to reduce project timelines. The document demonstrates how to use collections in Genesis Blocks, which are predefined layouts of blocks that serve as starter content. It shows how to build with built-in collections, and also create custom sections, layouts, and collections by developing your own library of reusable templates. Going further instructions are provided to deep dive into building fully custom collections.
Angular.js Talk at the November Meetup of the BerlinJS User Group
AngularJS is a web application framework created by Misko Hevery that aims to simplify complex web apps. It is not a library for DOM manipulation or widgets, but rather a framework for building dynamic web applications using HTML. AngularJS treats dynamic web pages as HTML documents and allows data binding between models and views. While jQuery is useful for DOM manipulation, AngularJS takes a higher level approach focused on building web app structure and data binding.
JSDay 2013 - Practical Responsive Web Design
This document summarizes a presentation on practical responsive web design. It discusses using media queries to define breakpoints, choosing breakpoints based on how the site looks rather than targeting specific devices. It also covers responsive images, using different sized images depending on screen width and only downloading the needed image. Retina images and techniques like picturefill are presented. Performance considerations like image size and extra requests are addressed.
Empathetc Development
The document discusses the importance of empathy in development. It emphasizes that developers should empathize with users by considering that people have different devices, browsers, internet speeds and accessibility needs. Developers should also empathize with clients by focusing on what is best and easiest for them, not just the developer. Additionally, developers need to empathize with future developers who will work on the project by following coding standards and commenting code thoroughly. The overall message is that empathy is key to development as it allows understanding different perspectives and needs beyond one's own.
HTML5shim
The document discusses how the HTML5Shim allows Internet Explorer to support basic HTML5 elements like nav, section, header and footer by exploiting a workaround where it applies CSS styling to unknown elements if they are created as DOM elements. The HTML5Shim, created by Remy Sharp, must be inserted into the head of the document using conditional comments so that it only targets Internet Explorer to provide graceful fallback for HTML5 support.
Resources and lessons for using WordPress in your business
Slides from WordCamp Asheville 2015
Every business that uses or intends to use WordPress faces common obstacles. These may include finding qualified developers to build a theme, finding particular plugins to achieve a task or not knowing where to find help online to fix an issue.
In this talk I will discuss many of these common pain points I have seen businesses have. I will share resources where you can find solid answers from the WordPress community. You will also learn some important concepts behind maintaining your WordPress site.
Introduction to-react
React is a JavaScript library for building user interfaces. It uses several key concepts:
1. Reactive UI - When data changes, the UI updates automatically without needing to specify how to update the DOM. This simplifies UI development.
2. Virtual DOM - React keeps a sketch of the desired UI in memory and syncs it with the real DOM efficiently to minimize updates.
3. Components - Reusable blocks of code that can be composed to build complex UIs. Components manage their own state and re-render when their props or state change.
Ways to repurpose and refresh old content
This document provides 9 ways to repurpose and refresh old content to produce new, high-quality content without extensive time or money. It suggests transforming articles into checklists, FAQs, emails, podcasts, PowerPoint presentations, videos, webinars, video scripts, and e-courses. Repurposing content allows consistent production of new material in different formats to engage various audiences.
Lessons learned with HTML5
This short talk is about using HTML5 for making websites.
I'll mention libraries that make day-to-day work and compatibility a bit easier.
Talk 03 responsive-web-design
This document provides an overview of responsive web design. It begins by defining responsive web design as web design that provides an optimal experience across devices using a flexible grid, conditional images/media, and media queries. It distinguishes between adaptive and responsive design. The document then discusses the growing expectation for seamless content access across devices. It lists the basic ingredients of responsive design as a flexible grid, conditional images/media, and media queries. It also discusses advanced elements, touch input, and server-side conditionals. The document provides resources for learning about wireframes, grids, images, patterns, typography, and performance optimization for responsive design.
July 18 duyen - 10 web design trends for 2013
The document summarizes 2013 web design trends, including responsive web design, flat design, parallax, large photo backgrounds, and infinite scrolling. Responsive web design adapts the layout to different screen sizes and devices. Flat design uses simple elements, typography, and color without gradients or shadows. Parallax creates a sense of depth by scrolling through layers of images at different speeds. Large photo backgrounds place images behind page content. Infinite scrolling continuously loads new content as the user scrolls down the page without pagination.
Ember
Ember.js is a JavaScript framework for building single-page web applications using MVC architecture. It allows developers to build applications with less code through features like handlebars templates. Ember.js makes building JavaScript apps simple by handling tasks like routing and simplifying common patterns. Developers can learn to use Ember.js through their comprehensive guides on the website, which cover everything from basics to advanced concepts. The framework is open source, free to use, and can be downloaded from their website.
Responsive Web Design Tutorial PDF for Beginners
Learn Bootstrap 4 and responsive design basics step by step. For beginners and for experienced developers who want to migrate existing Bootstrap 3 sites to Bootstrap 4. Includes a tutorial, cheat sheets, templates, and quick reference guides.
What's hot (19)
Bringing better user experience to Joomla with Page Builders
Bringing better user experience to Joomla with Page Builders
PageRank Sculpting with Nofollow Revisited - Adam Audette, SMX East 2009
PageRank Sculpting with Nofollow Revisited - Adam Audette, SMX East 2009
How To Work Faster & More Profitably With Client Site Starter Templates
How To Work Faster & More Profitably With Client Site Starter Templates
Angular.js Talk at the November Meetup of the BerlinJS User Group
Angular.js Talk at the November Meetup of the BerlinJS User Group
Resources and lessons for using WordPress in your business
Resources and lessons for using WordPress in your business
Similar to Finding Gutenberg Training - OKC WordPress Meetup for December 2021
An (Updated) Introduction to Gutenberg
An (Updated) Introduction to Gutenberg, WordPress's new editor. Presented by Andrew Marks at the Brisbane Northside WordPress Meetup on 19th September 2018.
Budgeting 2021 Tip for WordPress Website Owners
The document provides guidance for WordPress website owners using the Classic Editor to plan their budget and conversion to the Block Editor before support ends on December 31, 2021. Key points include:
1. Include a line item in the 2021 budget for converting to the Block Editor, with sub line items depending on how it has already been adopted.
2. Websites may continue working for a while after support ends but will eventually start misbehaving for unknown reasons.
3. Owners should plan page conversions, training, theme/framework/page builder evaluations, and website cleanup to avoid downtime and ensure a smooth transition. The amount of work required will depend on the individual website.
Be the Change: The Future of WordPress with WP Engine's Developer Relations Team
WordPress 5.9 with Full Site editing will empower builders in a way we have never seen before. To help developers make a successful transition to the new way of building with WordPress, WP Engine formed a Developer Relations team as part of our core value, “Committed to Give Back". This team will serve as a conduit between the WordPress project, its users, and those who build with it. Learn how to power-up your next WordPress project with the help of WP Engine's new DevRel team. Press ahead!
Using the WordPress REST API and Gatsby.js
Workshop from WordCamp Brighton in August 2018 about creating a website using the WordPress REST API and Gatsby.js
Using Page Builders For Fun And Profit
Page Builders can sometimes get a bad rap, from being bloated and slowing sites down, to breaking sites and causing problems, or just not cool enough for real coders to use.
In this presentation I will show you how Page Builders are becoming more accepted, from novices to seasoned professionals, and use cases that demonstrate ways page builders can speed up development and make you more efficient.
Drag and-Drop WordPress Themes
This document evaluates and compares several free and premium drag-and-drop WordPress page builder plugins, summarizing the key features and conclusions about each. The free plugins discussed are MiniMax Page Layout Builder, iFeature, and PageLines Lite, while the premium plugins covered are iThemes Builder, SiteOrigin Page Builder, and Themify Builder. For each, the document examines interface features, available layouts and modules, customization options, and overall ease of use.
WordCamp Kent 2019 - WP 101: Guten.. What?
The document discusses Gutenberg, WordPress' new block-based editor. It provides an overview of Gutenberg, the differences between the classic and Gutenberg editors, how to get Gutenberg, demonstrations of its functionality, and how to extend Gutenberg through plugins, reusable blocks, and custom code. The presentation aims to explain what Gutenberg is and how its block-based structure allows for more flexible and dynamic page content compared to the classic editor.
Word press gutenberg tutorial
This website editor was named after Johannes Gensfleisch zur Laden zum Gutenberg, who was a German blacksmith, goldsmith, printer, and publisher who also introduced printing to Europe with the printing press. Depending on how often you use WordPress to build websites from scratch or just want to upgrade yours from one platform to another, you may or may not already be familiar with the upcoming WordPress Gutenberg editor. But you can learn the bulk of its information and how to use it via the WordPress Gutenberg tutorial.
How to Decide If Page Builders is Right for You
Page builders are tools that simplify website creation without coding by allowing users to drag and drop elements. They offer a complete solution as both themes and plugins. While page builders make customization and content creation easier, sites made with them can be slower than coded sites and disabling the plugin or changing themes poses risks. Page builders are best for non-coders but may not be suitable for complex sites where code would be faster.
Introducing gutenberg
A short introduction to the new Gutenberg editing experience, presented at WordPress Cape Town's January Meetup.
Getting started with CSS frameworks using Zurb foundation
This document provides an introduction to using the Foundation CSS framework. It discusses downloading and installing Foundation, which is a collection of stylesheets, HTML, and JavaScript files that can be used to quickly create flexible web page layouts using responsive design principles. The document walks through building a basic two-column layout with Foundation, adding rows, columns, and sample content to the header, main content area, and footer sections. It also covers making changes to the framework's styling and integrating other CSS frameworks.
Responsive Prototyping with WordPress - UXCamp DC 2016
Sometimes a static InVision prototype isn't enough for a usability test and creating multiple sizes of prototypes to run desktop versus mobile can feel like a waste of time. In this talk, I show non-developers how to use WordPress as a means of quickly and easily creating responsive prototypes to usability test across all devices with one, live prototype.
Untangling the web - fall2017 - class 4
This document provides an agenda and summary for a class on CSS, Flexbox, HTML, and JavaScript. It includes reminders on getting HTML elements from JavaScript using getElementById and creating elements. It reviews a homework assignment on those methods and creating elements. It then covers GitHub branches and commands for creating a new branch. Finally, it introduces CSS and selectors, exercises in CSS, an introduction to Flexbox with a Flexbox Froggy exercise, an introduction to the Bootstrap framework with exercises in using button styles and tooltips, discusses Bootstrap themes and templates, and assigns homework to create a resume using Bootstrap and Flexbox hosted on GitHub pages.
Untangling spring week5
This document provides an agenda and overview for a class on front end frameworks, JavaScript, and project 2. It discusses introducing Bootstrap and UI-Kit, JavaScript exercises including functions, variables, control flow, and built-in functions. It outlines homework 4 requirements and reviews frameworks, templates, and JavaScript examples. It describes project 2 expectations and grading criteria, then assigns homework 5 to start building a multi-week pizza ordering website project.
Introduction to Gutenberg- Imran Sayed
Gutenberg is the new block-based editor being developed for WordPress that aims to improve the editing experience. It allows content to be organized using blocks, providing a more visual layout. The need arose from limitations in the classic editor, such as difficulties aligning images and text. Gutenberg's block-based approach aims to make content creation simpler and more focused. The editor has progressed from an initial plugin to being integrated into WordPress core. Future plans include expanding blocks beyond posts to other areas like widgets and menus.
Learn How to Use Atomic Design to Make Your Site Manageable and Adaptable
<p>Future-proof your website, speed its delivery and promote consistency by building with Atomic Design principles. Modern websites assume more business responsibility and importance than ever before. As a result, they’ve grown into immensely complex organisms. With their greater size, you now need formal systems to make large websites manageable again - which is why today’s top digital organizations are turning to Atomic design.</p>
<p>Atomic design is a methodology of creating and maintaining design systems that rely on components to produce fully functioning and scalable pages. By building and reusing atoms, you can accelerate your team’s workflow, keep code consistent, avoid redundant work and streamline future site updates. Join FFW’s UK Technical Director and Acquia’s UX Manager to learn high level concepts and anecdotal deep-dives to see how Atomic Design can make your organization more efficient.</p>
<p>You’ll come away with:</p>
<ul>
<li>An introduction and overview of Atomic Design</li>
<li>The tangible benefits of Atomic Design: from content reusability to built in consistency</li>
<li>How we use Atomic Design and how you can use Atomic Design too</li></ul>
The Future of WordPress Themes & Gutenberg
The document discusses the future of WordPress themes with the introduction of Gutenberg blocks. It outlines some issues with current themes, such as lock-in and disjointed experiences. It describes how blocks will replace shortcodes and widgets by providing user interfaces. Block templates will allow predefined block structures. Page builders may become less necessary as blocks can be used to build full sites. Themes may provide companion block plugins and styling support for third-party blocks instead of bundling custom blocks. Overall, blocks represent a fundamental shift that will change themes and site-building.
Between a Block & a Hard Place
Have you hesitated using custom blocks because they're too hard? Let's debunk that rumor. In this session, learn how to leverage Genesis Custom Blocks to build your own blocks from scratch that look, and behave, exactly as you need.
Building a website with Wordpress
The document provides guidance on setting up a WordPress website including choosing a host, installing WordPress, customizing the site with themes, plugins and widgets, and recommendations for specific hosting and customization options. It discusses selecting a domain name and host, the one-click WordPress installation process, and basic WordPress configuration including pages vs posts, menus, and blog setup. It also offers tips on finding free themes, popular plugins to add functionality, and widgets to add dynamic content to sidebars. Caution is advised to back up databases when making changes.
The User Experience and Accessibility of Gutenberg
A presentation about Gutenberg, the new editor for WordPress, and how it relates to UX and accessibility.
Similar to Finding Gutenberg Training - OKC WordPress Meetup for December 2021 (20)
Be the Change: The Future of WordPress with WP Engine's Developer Relations Team
Be the Change: The Future of WordPress with WP Engine's Developer Relations Team
Getting started with CSS frameworks using Zurb foundation
Getting started with CSS frameworks using Zurb foundation
Responsive Prototyping with WordPress - UXCamp DC 2016
Responsive Prototyping with WordPress - UXCamp DC 2016
Learn How to Use Atomic Design to Make Your Site Manageable and Adaptable
Learn How to Use Atomic Design to Make Your Site Manageable and Adaptable
The User Experience and Accessibility of Gutenberg
The User Experience and Accessibility of Gutenberg
More from Lynn Dye
WordPress 5.4 Major Updates
WordPress 5.4 came out in March of 2020 with most of the upgrades dedicated to the content creator.
Blocks were improved and created. Full screen (distraction-free) writing is introduced in 5.4 and more.
Click through and get familiar with the new blocks and settings.
Okc wp meetup june 2019_common_wp_mistakes
Here are 20 WordPress Mistakes to Avoid, but I should really say that here are 20 things TO DO for your WordPress website to be successful.
I did this presentation for the Oklahoma City WordPress June, 2019 meetup. This presentation was taken from the WPBeginner article of the same name. The attribution and url to the article are plainly stated on the first slide and there's a link in the presentation.
Office365for thebeginner
In this presentation, I cover
--Account personalizations (about you and start page)
--Sign into your Office apps on the desktop to add your account(s)
--Add your places (you can have OneDrive for Biz, OneDrive, SharePoint & more)
--Introduction to main apps (Teams, OneDrive for Business & SharePoint)
--Resources
--Subscribe to my YouTube channel and my newsletter
Office365 training - for the Beginner
If you've never used Office 365 and are wanting to find out what the deal is, this presentation is for you.
I gave this presentation to a group who had never logged into Office 365.
We started by going over the apps and then through how to personalize your online account, choose a theme and start page.
Then we looked at personalizing Office by signing into Office with our credentials.Now our recent file history will be visible.
We ended up talking about Teams, OneDrive for Business and SharePoint.
Http to Https Get your WordPress website Compliant!
It's nearly October of 2017 and if your WordPress website does not have an SSL certificate along with the accompanying secure content, updated URL on your website and edited .htaccess file to be in compliance, you don't have much time.
Google has announced that in October, 2017, they will start showing people a big, fat 'insecure' warning when people are using their Chrome browser and trying to fill out a contact form.
Use slideshare to present video
This document provides tips for using Slideshare or LinkedIn to share videos. It recommends using PowerPoint to introduce a video, letting the video deliver the main message, and giving audiences the option of text or video. Instructional, product introduction, software demo, and unboxing videos are suggested types of videos to share. The document also notes how to insert a video into a PowerPoint presentation.
What Can SkyDrive Do For You?
Lynn Dye presents on the benefits of Microsoft's cloud storage service SkyDrive. SkyDrive allows users to access and share files from any device with internet access. It can be used to share photos, collaborate on documents with others, and back up files with off-site storage in the cloud. The presentation compares SkyDrive to other cloud services and instructs how to get SkyDrive through a Microsoft account. It concludes with thanking the audience and providing access to the presentation slides.
Word press resources
This document provides a summary of video, print/web, podcast/audio, and premium theme resources for learning about and using WordPress. It lists specific YouTube channels, websites, podcasts and theme developers as places to find WordPress tutorials, news, and themes. The resources are organized for beginners to advanced users and include those produced by WordPress.org, WordCamp, and individual bloggers. A PDF version of the resources can be requested from the contact provided.
Five important facebook privacy settings3 15 12
This document provides instructions for adjusting privacy settings on Facebook. It discusses how to control who can find your profile, what information of yours is accessible through friends' apps, reviewing the apps you use and removing unnecessary permissions, setting privacy on photo albums, and creating custom friend lists to easily share information selectively. Maintaining privacy settings helps control how much information is shared both on your profile directly and through your friends' accounts and apps.
Word Press Resources
This document provides a summary of various WordPress resources including video tutorials, print/web resources, podcasts, and premium theme companies. It lists specific YouTube channels, websites, podcasts and their URLs that offer WordPress tutorials, news, tutorials, and other information for beginners through advanced users. It also provides contact information to request a PDF version of the full list of resources.
More from Lynn Dye (10)
Http to Https Get your WordPress website Compliant!
Http to Https Get your WordPress website Compliant!
Recently uploaded
Enums On Steroids - let's look at sealed classes !
These are slides for my session"Enums On Steroids - let's look at sealed classes !" - delivered among others, on Devoxx UK 2024 conference
Artificia Intellicence and XPath Extension Functions
The purpose of this presentation is to provide an overview of how you can use AI from XSLT, XQuery, Schematron, or XML Refactoring operations, the potential benefits of using AI, and some of the challenges we face.
Oracle 23c New Features For DBAs and Developers.pptx
Most important New features of Oracle 23c for DBAs and Developers. You can get more idea from my youtube channel video from https://youtu.be/XvL5WtaC20A
Liberarsi dai framework con i Web Component.pptx
In Italian
Presentazione sulle feature e l'utilizzo dei Web Component nell sviluppo di pagine e applicazioni web. Racconto delle ragioni storiche dell'avvento dei Web Component. Evidenziazione dei vantaggi e delle sfide poste, indicazione delle best practices, con particolare accento sulla possibilità di usare web component per facilitare la migrazione delle proprie applicazioni verso nuovi stack tecnologici.
UI5con 2024 - Boost Your Development Experience with UI5 Tooling Extensions
The UI5 tooling is the development and build tooling of UI5. It is built in a modular and extensible way so that it can be easily extended by your needs. This session will showcase various tooling extensions which can boost your development experience by far so that you can really work offline, transpile your code in your project to use even newer versions of EcmaScript (than 2022 which is supported right now by the UI5 tooling), consume any npm package of your choice in your project, using different kind of proxies, and even stitching UI5 projects during development together to mimic your target environment.
14 th Edition of International conference on computer vision
About the event
14th Edition of International conference on computer vision
Computer conferences organized by ScienceFather group. ScienceFather takes the privilege to invite speakers participants students delegates and exhibitors from across the globe to its International Conference on computer conferences to be held in the Various Beautiful cites of the world. computer conferences are a discussion of common Inventions-related issues and additionally trade information share proof thoughts and insight into advanced developments in the science inventions service system. New technology may create many materials and devices with a vast range of applications such as in Science medicine electronics biomaterials energy production and consumer products.
Nomination are Open!! Don't Miss it
Visit: computer.scifat.com
Award Nomination: https://x-i.me/ishnom
Conference Submission: https://x-i.me/anicon
For Enquiry: Computer@scifat.com
Top Benefits of Using Salesforce Healthcare CRM for Patient Management.pdf
Salesforce Healthcare CRM, implemented by VALiNTRY360, revolutionizes patient management by enhancing patient engagement, streamlining administrative processes, and improving care coordination. Its advanced analytics, robust security, and seamless integration with telehealth services ensure that healthcare providers can deliver personalized, efficient, and secure patient care. By automating routine tasks and providing actionable insights, Salesforce Healthcare CRM enables healthcare providers to focus on delivering high-quality care, leading to better patient outcomes and higher satisfaction. VALiNTRY360's expertise ensures a tailored solution that meets the unique needs of any healthcare practice, from small clinics to large hospital systems.
For more info visit us https://valintry360.com/solutions/health-life-sciences
KuberTENes Birthday Bash Guadalajara - Introducción a Argo CD
Charla impartida en el evento de "KuberTENes Birthday Bash Guadalajara" para celebrar el 10mo. aniversario de Kubernetes #kuberTENes #celebr8k8s #k8s
How Can Hiring A Mobile App Development Company Help Your Business Grow?
ToXSL Technologies is an award-winning Mobile App Development Company in Dubai that helps businesses reshape their digital possibilities with custom app services. As a top app development company in Dubai, we offer highly engaging iOS & Android app solutions. https://rb.gy/necdnt
Fundamentals of Programming and Language Processors
Fundamentals of Programming and Language Processors
Malibou Pitch Deck For Its €3M Seed Round
French start-up Malibou raised a €3 million Seed Round to develop its payroll and human resources
management platform for VSEs and SMEs. The financing round was led by investors Breega, Y Combinator, and FCVC.
ALGIT - Assembly Line for Green IT - Numbers, Data, Facts
Presentation from Ghazal Aakel and Eric Jochum at the GSD Community Stage Meetup on June 6th, 2024
What next after learning python programming basics
What next after learning python programming basics
WWDC 2024 Keynote Review: For CocoaCoders Austin
Overview of WWDC 2024 Keynote Address.
Covers: Apple Intelligence, iOS18, macOS Sequoia, iPadOS, watchOS, visionOS, and Apple TV+.
Understandable dialogue on Apple TV+
On-device app controlling AI.
Access to ChatGPT with a guest appearance by Chief Data Thief Sam Altman!
App Locking! iPhone Mirroring! And a Calculator!!
All you need to know about Spring Boot and GraalVM
All you need to know about Spring Boot and GraalVM 🐰
Hand Rolled Applicative User Validation Code Kata
Could you use a simple piece of Scala validation code (granted, a very simplistic one too!) that you can rewrite, now and again, to refresh your basic understanding of Applicative operators <*>, <*, *>?
The goal is not to write perfect code showcasing validation, but rather, to provide a small, rough-and ready exercise to reinforce your muscle-memory.
Despite its grandiose-sounding title, this deck consists of just three slides showing the Scala 3 code to be rewritten whenever the details of the operators begin to fade away.
The code is my rough and ready translation of a Haskell user-validation program found in a book called Finding Success (and Failure) in Haskell - Fall in love with applicative functors.
Oracle Database 19c New Features for DBAs and Developers.pptx
Oracle Database 19c New Features for DBAs and Developers. This video you can watch from my youtube channel at https://youtu.be/m-F-mZA3MkU
在线购买加拿大英属哥伦比亚大学毕业证本科学位证书原版一模一样
原版一模一样【微信：741003700 】【加拿大英属哥伦比亚大学毕业证本科学位证书】【微信：741003700 】学位证，留信认证（真实可查，永久存档）offer、雅思、外壳等材料/诚信可靠,可直接看成品样本，帮您解决无法毕业带来的各种难题！外壳，原版制作，诚信可靠，可直接看成品样本。行业标杆！精益求精，诚心合作，真诚制作！多年品质 ,按需精细制作，24小时接单,全套进口原装设备。十五年致力于帮助留学生解决难题，包您满意。
本公司拥有海外各大学样板无数，能完美还原海外各大学 Bachelor Diploma degree, Master Degree Diploma
1:1完美还原海外各大学毕业材料上的工艺：水印，阴影底纹，钢印LOGO烫金烫银，LOGO烫金烫银复合重叠。文字图案浮雕、激光镭射、紫外荧光、温感、复印防伪等防伪工艺。材料咨询办理、认证咨询办理请加学历顾问Q/微741003700
留信网认证的作用:
1:该专业认证可证明留学生真实身份
2:同时对留学生所学专业登记给予评定
3:国家专业人才认证中心颁发入库证书
4:这个认证书并且可以归档倒地方
5:凡事获得留信网入网的信息将会逐步更新到个人身份内，将在公安局网内查询个人身份证信息后，同步读取人才网入库信息
6:个人职称评审加20分
7:个人信誉贷款加10分
8:在国家人才网主办的国家网络招聘大会中纳入资料，供国家高端企业选择人才
E-Invoicing Implementation: A Step-by-Step Guide for Saudi Arabian Companies
Explore the seamless transition to e-invoicing with this comprehensive guide tailored for Saudi Arabian businesses. Navigate the process effortlessly with step-by-step instructions designed to streamline implementation and enhance efficiency.
Recently uploaded (20)
Enums On Steroids - let's look at sealed classes !
Enums On Steroids - let's look at sealed classes !
Artificia Intellicence and XPath Extension Functions
Artificia Intellicence and XPath Extension Functions
Oracle 23c New Features For DBAs and Developers.pptx
Oracle 23c New Features For DBAs and Developers.pptx
UI5con 2024 - Boost Your Development Experience with UI5 Tooling Extensions
UI5con 2024 - Boost Your Development Experience with UI5 Tooling Extensions
14 th Edition of International conference on computer vision
14 th Edition of International conference on computer vision
Top Benefits of Using Salesforce Healthcare CRM for Patient Management.pdf
Top Benefits of Using Salesforce Healthcare CRM for Patient Management.pdf
KuberTENes Birthday Bash Guadalajara - Introducción a Argo CD
KuberTENes Birthday Bash Guadalajara - Introducción a Argo CD
How Can Hiring A Mobile App Development Company Help Your Business Grow?
How Can Hiring A Mobile App Development Company Help Your Business Grow?
Fundamentals of Programming and Language Processors
Fundamentals of Programming and Language Processors
ALGIT - Assembly Line for Green IT - Numbers, Data, Facts
ALGIT - Assembly Line for Green IT - Numbers, Data, Facts
What next after learning python programming basics
What next after learning python programming basics
All you need to know about Spring Boot and GraalVM
All you need to know about Spring Boot and GraalVM
Oracle Database 19c New Features for DBAs and Developers.pptx
Oracle Database 19c New Features for DBAs and Developers.pptx
E-Invoicing Implementation: A Step-by-Step Guide for Saudi Arabian Companies
E-Invoicing Implementation: A Step-by-Step Guide for Saudi Arabian Companies
Finding Gutenberg Training - OKC WordPress Meetup for December 2021
- 2. HOW TO CHOOSE GUTE TRAINING 01 PAGE BUILDERS – WHICH ONE(S) AND TO USE OR NOT TO USE! 02 HOW TO CONVERT CURRENT SITES TO GUTE – TEST & SANDBOX 03
- 4. Astra, Kadence and Genesis are very popular themes that work very well with Gutenberg. Elementor and Beaver Builder seem to be the top page builders people choose to work with the above themes. What about the future of page builders? Some think they will become obsolete as Gutenberg matures. Some feel page builders add bloat. Some think there will always be a place for page builders! https://wpastra.com/gutenberg-vs-elementor/ https://wpastra.com/gutenberg-vs-beaver-builder/ https://www.wpbeginner.com/beginners-guide/gutenberg-vs-wordpress-page-builders/
- 9. •Using Gutenberg •1. Creating a New Page •2. Add a Title •3. Adding New Blocks •4. Removing Blocks •5. Adding Headers Using Blocks •6. Adding Images Using Blocks •7. Adding Written Content Using Gutenberg Editor •8. Adding a Link in the Block Editor •9. Embed a YouTube Video •10. Adding Shortcodes Using Gutenberg •11. Adding a Button to Posts and Pages •12. Creating Tables •13. Arranging Blocks in Columns •14. Embedding Using Gutenberg •15. Saving and Reusing Blocks in Gutenberg •16. Publishing Using Gutenberg Block Editor