Tips for success with Gutenberg Theme Development

•

0 likes•59 views

billerickson

I recently presented a case study for WPBlockTalk, a live virtual event focused on the WordPress block editor.

Technology

Tips for Success
with Gutenberg Theme Development

billerickson.net/gutenberg-tips-for-success
More information and code examples:

main.scss editor-styles.scss
Editor Styles / SASS

Additional editor
scripts and styles
Editor Styles

Editor Styles / Additional editor scripts and styles
Content layout Full Width Content layout

1. Hero Header
2. Call to Action
3. Icon Bullets
4. Content & Image
5. Content & Video
6. Content & Icon
7. Content Image Overlay
8. Percent Bullets
9. Featured Logos
10. NexRep Medallion
11. Quick Links
12. Post Listing
13. Staﬀ
Custom Blocks

Thank You
billerickson.net

@billerickson

You can put your own stamp on virtually any theme. You just need a basic understanding what how WordPress works. This session will explore the basic functions and templates that make WordPress tick. Then you'll get your hands dirty by customizing a number of popular free and premium themes. Wanna go all the way? We'll also discuss the steps to create your own theme from scratch. Presented at the first WordCamp Minneapolis/St. Paul (wordcampmsp).

How Can A WordPress SEO Plugin Improve Your Search Ranking?

MeasurementMarketing.io

Can't Do It with Spiceworks? You Can Build an Extension for That! - Scott Con...

Spiceworks

Drupaldojo june2010

sheenadonnelly

WordPress 3: Leveraging the Shiny New Features

Reggie Nicolay

As web developers, we might not always have experience or training with principles of design. This presentation's goal is introduce some basic design principles and provide some resources to help developers create better designs or at least become more aware of design. Finally, the end of the presentation will introduce Bootstrap 3 in more of a workshop format. I'll show people who to add Bootstrap to their project and how easy it is to apply some basic design.

Sand camp beginner drupal developmentmeghsweet

Introduction to Bootstrap: Design for Developers

Melvin John

Sustainable Drupal Theming with Fusion

sheenadonnelly

Players Basicslfcmaker

Css group

Leslie Steele

Css groupSonia Leng

How to improve the search engine ranking of your videos

MMI Online Limited - Jagran Prakashan Ltd

Optimizing Your Tendenci Site for SEO | SEO for CMSTendenci - The Open Source AMS (Association Management Software)

Wordpress theme submission requirement for Themeforest

Enayet Rajib

Web

Uthpala Bowalgaha

Artifacts P P T GettingsLucWrite

Know the reason behind choosing bootstrap as css framework

Omkarsoft Bangalore

Le wagon workshop - 2h landing page - Andre Ferrer

André Ferrer

Le Wagon - Landing page

Kévin Chavanne

Le Wagon Tokyo | Build your Landing Page in 2 hours

YannKlein2

SPSVB 1 7-2012 - getting started with share point brandingThomas Daly

Developing branding solutionsThomas Daly

Le Wagon Tokyo - 2 hours landing page

Hidehiro Nagaoka

What's hot

Design selection demo.2

allisonbliss

Customizing word press themes for san diego wordpress user group

Phelan Riessen

9guestd49985

Design for Developers: Introduction to Bootstrap 3

John Bertucci

Sand camp beginner drupal developmentmeghsweet

Introduction to Bootstrap: Design for Developers

Melvin John

Sustainable Drupal Theming with Fusion

sheenadonnelly

Players Basicslfcmaker

Css group

Leslie Steele

Css groupSonia Leng

How to improve the search engine ranking of your videos

MMI Online Limited - Jagran Prakashan Ltd

Optimizing Your Tendenci Site for SEO | SEO for CMSTendenci - The Open Source AMS (Association Management Software)

Wordpress theme submission requirement for Themeforest

Enayet Rajib

Web

Uthpala Bowalgaha

Artifacts P P T GettingsLucWrite

What's hot (15)

Design selection demo.2

Customizing word press themes for san diego wordpress user group

Design for Developers: Introduction to Bootstrap 3

Sand camp beginner drupal development

Introduction to Bootstrap: Design for Developers

Sustainable Drupal Theming with Fusion

Players Basics

Css group

How to improve the search engine ranking of your videos

Optimizing Your Tendenci Site for SEO | SEO for CMS

Wordpress theme submission requirement for Themeforest

Web

Artifacts P P T Gettings

Similar to Tips for success with Gutenberg Theme Development

Know the reason behind choosing bootstrap as css framework

Omkarsoft Bangalore

Le wagon workshop - 2h landing page - Andre Ferrer

André Ferrer

Le Wagon - Landing page

Kévin Chavanne

Le Wagon Tokyo | Build your Landing Page in 2 hours

YannKlein2

SPSVB 1 7-2012 - getting started with share point brandingThomas Daly

Developing branding solutionsThomas Daly

Le Wagon Tokyo - 2 hours landing page

Hidehiro Nagaoka

I market cs cart template g3themesNETBASE CMSMART

HTML/CSS for WordPress

Kanchha kaji Prajapati

Developing Branding Solutions for 2013

Thomas Daly

Whether or not you are using Visual Studio to deploy your branding solutions, this session is for you. We’ll start with the basics discussing the pieces compromising your branding assets, and the tools that are needed for the job. Next we’ll dive into the concept and techniques that could be utilized in order to apply your branding, such as: Applying Themes, MasterPage, Tricks with Additional Page Head, Alternative Style Sheets, and Feature Receivers.

Le Wagon - 2h Landing

Boris Paillard

Le Wagon - Build your Landing Page in 2 hours

Sandrine Ayral

Introduction to Branding SharePoint

K.Mohamed Faizal

Wcm4jkifinity

A forest of designs without subthemes

Heather Brooke Drummond

2h landing page

AndryRajohnson

Intermediate Web Design.docbutest

HTML and CSS Coding Standards

Saajan Maharjan

Developing Branding Solutions for 2013

Thomas Daly

Similar to Tips for success with Gutenberg Theme Development (20)

Know the reason behind choosing bootstrap as css framework

Le wagon workshop - 2h landing page - Andre Ferrer

Le Wagon - Landing page

Le Wagon Tokyo | Build your Landing Page in 2 hours

SPSVB 1 7-2012 - getting started with share point branding

Developing branding solutions

Le Wagon Tokyo - 2 hours landing page

I market cs cart template g3themes

HTML/CSS for WordPress

Developing Branding Solutions for 2013

Le Wagon - 2h Landing

Le Wagon - Build your Landing Page in 2 hours

Introduction to Branding SharePoint

Wcm4

A forest of designs without subthemes

2h landing page

Intermediate Web Design.doc

HTML and CSS Coding Standards

Developing Branding Solutions for 2013

Recently uploaded

National Security Agency - NSA mobile device best practices

Quotidiano Piemontese

GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...

James Anderson

Effective Application Security in Software Delivery lifecycle using Deployment Firewall and DBOM The modern software delivery process (or the CI/CD process) includes many tools, distributed teams, open-source code, and cloud platforms. Constant focus on speed to release software to market, along with the traditional slow and manual security checks has caused gaps in continuous security as an important piece in the software supply chain. Today organizations feel more susceptible to external and internal cyber threats due to the vast attack surface in their applications supply chain and the lack of end-to-end governance and risk management. The software team must secure its software delivery process to avoid vulnerability and security breaches. This needs to be achieved with existing tool chains and without extensive rework of the delivery processes. This talk will present strategies and techniques for providing visibility into the true risk of the existing vulnerabilities, preventing the introduction of security issues in the software, resolving vulnerabilities in production environments quickly, and capturing the deployment bill of materials (DBOM). Speakers: Bob Boule Robert Boule is a technology enthusiast with PASSION for technology and making things work along with a knack for helping others understand how things work. He comes with around 20 years of solution engineering experience in application security, software continuous delivery, and SaaS platforms. He is known for his dynamic presentations in CI/CD and application security integrated in software delivery lifecycle. Gopinath Rebala Gopinath Rebala is the CTO of OpsMx, where he has overall responsibility for the machine learning and data processing architectures for Secure Software Delivery. Gopi also has a strong connection with our customers, leading design and architecture for strategic implementations. Gopi is a frequent speaker and well-known leader in continuous delivery and integrating security into software delivery.

Pushing the limits of ePRTC: 100ns holdover for 100 days

Adtran

Artificial Intelligence for XMLDevelopment

Octavian Nadolu

In the rapidly evolving landscape of technologies, XML continues to play a vital role in structuring, storing, and transporting data across diverse systems. The recent advancements in artificial intelligence (AI) present new methodologies for enhancing XML development workflows, introducing efficiency, automation, and intelligent capabilities. This presentation will outline the scope and perspective of utilizing AI in XML development. The potential benefits and the possible pitfalls will be highlighted, providing a balanced view of the subject. We will explore the capabilities of AI in understanding XML markup languages and autonomously creating structured XML content. Additionally, we will examine the capacity of AI to enrich plain text with appropriate XML markup. Practical examples and methodological guidelines will be provided to elucidate how AI can be effectively prompted to interpret and generate accurate XML markup. Further emphasis will be placed on the role of AI in developing XSLT, or schemas such as XSD and Schematron. We will address the techniques and strategies adopted to create prompts for generating code, explaining code, or refactoring the code, and the results achieved. The discussion will extend to how AI can be used to transform XML content. In particular, the focus will be on the use of AI XPath extension functions in XSLT, Schematron, Schematron Quick Fixes, or for XML content refactoring. The presentation aims to deliver a comprehensive overview of AI usage in XML development, providing attendees with the necessary knowledge to make informed decisions. Whether you’re at the early stages of adopting AI or considering integrating it in advanced XML development, this presentation will cover all levels of expertise. By highlighting the potential advantages and challenges of integrating AI with XML development tools and languages, the presentation seeks to inspire thoughtful conversation around the future of XML development. We’ll not only delve into the technical aspects of AI-powered XML development but also discuss practical implications and possible future directions.

Enchancing adoption of Open Source Libraries. A case study on Albumentations.AI

Vladimir Iglovikov, Ph.D.

Presented by Vladimir Iglovikov: - https://www.linkedin.com/in/iglovikov/ - https://x.com/viglovikov - https://www.instagram.com/ternaus/ This presentation delves into the journey of Albumentations.ai, a highly successful open-source library for data augmentation. Created out of a necessity for superior performance in Kaggle competitions, Albumentations has grown to become a widely used tool among data scientists and machine learning practitioners. This case study covers various aspects, including: People: The contributors and community that have supported Albumentations. Metrics: The success indicators such as downloads, daily active users, GitHub stars, and financial contributions. Challenges: The hurdles in monetizing open-source projects and measuring user engagement. Development Practices: Best practices for creating, maintaining, and scaling open-source libraries, including code hygiene, CI/CD, and fast iteration. Community Building: Strategies for making adoption easy, iterating quickly, and fostering a vibrant, engaged community. Marketing: Both online and offline marketing tactics, focusing on real, impactful interactions and collaborations. Mental Health: Maintaining balance and not feeling pressured by user demands. Key insights include the importance of automation, making the adoption process seamless, and leveraging offline interactions for marketing. The presentation also emphasizes the need for continuous small improvements and building a friendly, inclusive community that contributes to the project's growth. Vladimir Iglovikov brings his extensive experience as a Kaggle Grandmaster, ex-Staff ML Engineer at Lyft, sharing valuable lessons and practical advice for anyone looking to enhance the adoption of their open-source projects. Explore more about Albumentations and join the community at: GitHub: https://github.com/albumentations-team/albumentations Website: https://albumentations.ai/ LinkedIn: https://www.linkedin.com/company/100504475 Twitter: https://x.com/albumentations

Full-RAG: A modern architecture for hyper-personalization

Zilliz

Mike Del Balso, CEO & Co-Founder at Tecton, presents "Full RAG," a novel approach to AI recommendation systems, aiming to push beyond the limitations of traditional models through a deep integration of contextual insights and real-time data, leveraging the Retrieval-Augmented Generation architecture. This talk will outline Full RAG's potential to significantly enhance personalization, address engineering challenges such as data management and model training, and introduce data enrichment with reranking as a key solution. Attendees will gain crucial insights into the importance of hyperpersonalization in AI, the capabilities of Full RAG for advanced personalization, and strategies for managing complex data integrations for deploying cutting-edge AI solutions.

Microsoft - Power Platform_G.Aspiotis.pdf

Uni Systems S.M.S.A.

Climate Impact of Software Testing at Nordic Testing Days

Kari Kakkonen

My slides at Nordic Testing Days 6.6.2024 Climate impact / sustainability of software testing discussed on the talk. ICT and testing must carry their part of global responsibility to help with the climat warming. We can minimize the carbon footprint but we can also have a carbon handprint, a positive impact on the climate. Quality characteristics can be added with sustainability, and then measured continuously. Test environments can be used less, and in smaller scale and on demand. Test techniques can be used in optimizing or minimizing number of tests. Test automation can be used to speed up testing.

Introduction to CHERI technology - Cybersecurity

mikeeftimakis1

FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf

FIDO Alliance

zkStudyClub - Reef: Fast Succinct Non-Interactive Zero-Knowledge Regex Proofs

Alex Pruden

This paper presents Reef, a system for generating publicly verifiable succinct non-interactive zero-knowledge proofs that a committed document matches or does not match a regular expression. We describe applications such as proving the strength of passwords, the provenance of email despite redactions, the validity of oblivious DNS queries, and the existence of mutations in DNA. Reef supports the Perl Compatible Regular Expression syntax, including wildcards, alternation, ranges, capture groups, Kleene star, negations, and lookarounds. Reef introduces a new type of automata, Skipping Alternating Finite Automata (SAFA), that skips irrelevant parts of a document when producing proofs without undermining soundness, and instantiates SAFA with a lookup argument. Our experimental evaluation confirms that Reef can generate proofs for documents with 32M characters; the proofs are small and cheap to verify (under a second). Paper: https://eprint.iacr.org/2023/1886

Mind map of terminologies used in context of Generative AI

Kumud Singh

Video Streaming: Then, Now, and in the Future

Alpen-Adria-Universität

In his public lecture, Christian Timmerer provides insights into the fascinating history of video streaming, starting from its humble beginnings before YouTube to the groundbreaking technologies that now dominate platforms like Netflix and ORF ON. Timmerer also presents provocative contributions of his own that have significantly influenced the industry. He concludes by looking at future challenges and invites the audience to join in a discussion.

Goodbye Windows 11: Make Way for Nitrux Linux 3.5.0!

SOFTTECHHUB

As the digital landscape continually evolves, operating systems play a critical role in shaping user experiences and productivity. The launch of Nitrux Linux 3.5.0 marks a significant milestone, offering a robust alternative to traditional systems such as Windows 11. This article delves into the essence of Nitrux Linux 3.5.0, exploring its unique features, advantages, and how it stands as a compelling choice for both casual users and tech enthusiasts.

Elizabeth Buie - Older adults: Are we really designing for our future selves?

Nexer Digital

20240609 QFM020 Irresponsible AI Reading List May 2024

Matthew Sinclair

Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf

Malak Abu Hammad

Discover how MongoDB Atlas and vector search technology can revolutionize your application's search capabilities. This comprehensive presentation covers: * What is Vector Search? * Importance and benefits of vector search * Practical use cases across various industries * Step-by-step implementation guide * Live demos with code snippets * Enhancing LLM capabilities with vector search * Best practices and optimization strategies Perfect for developers, AI enthusiasts, and tech leaders. Learn how to leverage MongoDB Atlas to deliver highly relevant, context-aware search results, transforming your data retrieval process. Stay ahead in tech innovation and maximize the potential of your applications. #MongoDB #VectorSearch #AI #SemanticSearch #TechInnovation #DataScience #LLM #MachineLearning #SearchTechnology

20240605 QFM017 Machine Intelligence Reading List May 2024

Matthew Sinclair

Removing Uninteresting Bytes in Software Fuzzing

Aftab Hussain

Imagine a world where software fuzzing, the process of mutating bytes in test seeds to uncover hidden and erroneous program behaviors, becomes faster and more effective. A lot depends on the initial seeds, which can significantly dictate the trajectory of a fuzzing campaign, particularly in terms of how long it takes to uncover interesting behaviour in your code. We introduce DIAR, a technique designed to speedup fuzzing campaigns by pinpointing and eliminating those uninteresting bytes in the seeds. Picture this: instead of wasting valuable resources on meaningless mutations in large, bloated seeds, DIAR removes the unnecessary bytes, streamlining the entire process. In this work, we equipped AFL, a popular fuzzer, with DIAR and examined two critical Linux libraries -- Libxml's xmllint, a tool for parsing xml documents, and Binutil's readelf, an essential debugging and security analysis command-line tool used to display detailed information about ELF (Executable and Linkable Format). Our preliminary results show that AFL+DIAR does not only discover new paths more quickly but also achieves higher coverage overall. This work thus showcases how starting with lean and optimized seeds can lead to faster, more comprehensive fuzzing campaigns -- and DIAR helps you find such seeds. - These are slides of the talk given at IEEE International Conference on Software Testing Verification and Validation Workshop, ICSTW 2022.

Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...

SOFTTECHHUB

The choice of an operating system plays a pivotal role in shaping our computing experience. For decades, Microsoft's Windows has dominated the market, offering a familiar and widely adopted platform for personal and professional use. However, as technological advancements continue to push the boundaries of innovation, alternative operating systems have emerged, challenging the status quo and offering users a fresh perspective on computing. One such alternative that has garnered significant attention and acclaim is Nitrux Linux 3.5.0, a sleek, powerful, and user-friendly Linux distribution that promises to redefine the way we interact with our devices. With its focus on performance, security, and customization, Nitrux Linux presents a compelling case for those seeking to break free from the constraints of proprietary software and embrace the freedom and flexibility of open-source computing.

Recently uploaded (20)

National Security Agency - NSA mobile device best practices

GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...

Pushing the limits of ePRTC: 100ns holdover for 100 days

Artificial Intelligence for XMLDevelopment

Enchancing adoption of Open Source Libraries. A case study on Albumentations.AI

Full-RAG: A modern architecture for hyper-personalization

Microsoft - Power Platform_G.Aspiotis.pdf

Climate Impact of Software Testing at Nordic Testing Days

Introduction to CHERI technology - Cybersecurity

FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf

zkStudyClub - Reef: Fast Succinct Non-Interactive Zero-Knowledge Regex Proofs

Mind map of terminologies used in context of Generative AI

Video Streaming: Then, Now, and in the Future

Goodbye Windows 11: Make Way for Nitrux Linux 3.5.0!

Elizabeth Buie - Older adults: Are we really designing for our future selves?

20240609 QFM020 Irresponsible AI Reading List May 2024

Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf

20240605 QFM017 Machine Intelligence Reading List May 2024

Removing Uninteresting Bytes in Software Fuzzing

Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...

Tips for success with Gutenberg Theme Development

1. Tips for Success with Gutenberg Theme Development

2. billerickson.net/gutenberg-tips-for-success More information and code examples:

3. NexRep.com

4. Start with Atomic Design

5. Atomic Design

6. Editor Styles

7. Editor Styles

8. SASS Editor Styles

9. main.scss editor-styles.scss Editor Styles / SASS

10. Color Palette Editor Styles

11. Editor Styles / Color Palette

12. Additional editor scripts and styles Editor Styles

13. Editor Styles / Additional editor scripts and styles Content layout Full Width Content layout

14. Block Styles Editor Styles

15. Editor Styles / Block Styles

16. Custom Blocks

17. 1. Hero Header 2. Call to Action 3. Icon Bullets 4. Content & Image 5. Content & Video 6. Content & Icon 7. Content Image Overlay 8. Percent Bullets 9. Featured Logos 10. NexRep Medallion 11. Quick Links 12. Post Listing 13. Staﬀ Custom Blocks

18. Custom Blocks

19. Client Training

20. Client Training

21. Thank You billerickson.net @billerickson