🖋 Joni Halabi · linkedin.com

About

I am the Senior Web Manager with the Office of the President at Georgetown University…

Experience & Education

Publications

  • Static vs. dynamic blocks: What’s the difference?

    WordPress Developer Blog

    The WordPress Block Editor offers two types of blocks: static and dynamic. The difference between these two types of blocks comes down to how they are rendered on the front-end. Read on to learn more about the details, advantages, and disadvantages of each.

    See publication

  • Carousels: No one likes you

    Carousels are terrible, for a whole host of reasons. They are inaccessible, distracting, and largely ineffective. This article lists all of the reasons why no one likes them and why you should not include them on your website.

    See publication

  • Dynamic Blocks FTW!: Customize Gutenberg Without Living in Fear of Validation Errors

    Picture this: You write a brand new custom Gutenberg block. Sometime later, you realize that you need to change your block’s markup to either fix a bug or add a new feature. Suddenly, the editor crashes your block. Validation error! You can fix this with a deprecation object. Or… could there be a better way?

    Enter the dynamic block. In this workshop, you will learn about the difference between dynamic and static blocks, how block validation works, and how to write a dynamic block. You…

    Picture this: You write a brand new custom Gutenberg block. Sometime later, you realize that you need to change your block’s markup to either fix a bug or add a new feature. Suddenly, the editor crashes your block. Validation error! You can fix this with a deprecation object. Or… could there be a better way?

    Enter the dynamic block. In this workshop, you will learn about the difference between dynamic and static blocks, how block validation works, and how to write a dynamic block. You will never have to write a deprecation again!

    See publication

  • See What I Mean?: Data Visualization in WordPress

    Data visualizations are graphical representations of large and small datasets. Usually, they are charts or graphs that make patterns in these datasets easier to understand. This developer-focused talk demonstrates how to use Google Sheets and SVGs to create a custom Gutenberg block that will display data in a responsive and accessible way.

    See publication

  • Customizing Gutenberg: Lessons Learned at Georgetown

    The new Gutenberg editor comes with so many great content blocks. However, what if your editors have special use cases for their content that cannot be easily created with Gutenberg’s out-of-the-box blocks? At Georgetown, we have created a series of custom Gutenberg blocks in an effort to address our editors’ unique content needs.

    See publication

  • Accessible Development For All!

    NoVA CodeCamp

    We develop websites for everyone to use, so why not make sure that everyone is able to use our sites? We as developers need to plan for accessibility before we write our first line of code. This workshop will use lessons learned from Georgetown University's current website redesign to demonstrate front-end architecture and code that solves common accessibility concerns.

    See publication

Other similar profiles

Explore top content on LinkedIn

Find curated posts and insights for relevant topics all in one place.

View top content

Add new skills with these courses

Read the original on linkedin.com ↗