OKC Lightning Talks

 Lightning Talks ⚡️ at Clevyr!

Today’s lightning talk (a 5-10 minute talk about anything that the speaker finds interesting) ranged from business projects, personal projects, data science and a poetry slam. It’s a great way for the attendees (and speakers) to learn new things.

The speakers today and their descriptions are listed here.

Michelle Tabor
Michelle Tabor is a seasoned technology executive with a deep understanding of HubSpot architecture and a track record of delivering innovative solutions that drive business growth. As Vice President of HubSpot Architecture at BridgeRev,  Michelle is responsible for leading a team of engineers and developers to create cutting-edge marketing automation and sales enablement solutions for clients. Her expertise in building scalable, data-driven platforms has made her a trusted advisor to businesses across a wide range of industries. Michelle is a frequent speaker for Techlahoma user groups, sharing her insights and experience with the Oklahoma developer community.

Tabby Douglass
Tabby Douglass is a software engineer with six years of experience in the tech industry. She has worked for top companies in OKC, such as Tailwind and most recently, Clevyr. With a PhD in History, Tabby brings a unique perspective to her work that allows her to understand both technology and the humanities. In addition, she is an active member of the Techlahoma community and enjoys sharing her insights and knowledge with others. Tabby recently appeared on the “Musing with an ADD Mind” podcast, discussing her career in software engineering and her experiences working with ADHD.

Snigdha Alathur
Snigdha Alathur is a highly skilled Lead in Data Engineering, BI, and Data Science at SpringPoint Technologies. With years of experience under her belt, Snigdha has a deep understanding of the complexities of data-driven solutions and has developed innovative approaches to managing and analyzing data. She has a track record of delivering exceptional results to her clients and is well-respected in the industry for her technical expertise and leadership. Snigdha is an active member of Techlahoma and SheCodesOKC, sharing her insights and experience on data engineering, BI, and data science with the local tech community.

Valerie Blackburn
Valerie Blackburn is a highly skilled designer and developer known for her results-driven approach, with a knack for creating engaging online content and delivering exceptional design solutions that seamlessly integrate art, technology, and industry standards. As the founder of Valmedia, Valerie has honed her expertise in various domains such as graphic design, marketing, UIUX design, and web development. Some of her proudest achievements include spearheading the redesign of a sales application for a Fortune 500 retailer and leading the revamp of the main product application as a UIUX Designer. Valerie is also well-versed in designing and developing responsive websites and applications tailored to meet the unique needs of various business clients.

For a link to my presentation (Code Poetry in Motion), click here. https://simplebooklet.com/ISpss2jxdyGKjS0ZYJLxHr.

For links to the projects in this presention, click here.

Slide 1 Code Poetry

Slide 2 We Code 

Client project

Slide 3 We React

https://www.okccoders.com, Foundations of UX Design, Google Analytics for Power UsersIBM Skills Build

Slide 4 We Blog

Valmedia blog

Slide 5 We Educate

SVG website

Slide 6 Summary 

Valmedia website

Build a portfolio or project to get you hired

This event held on January 22nd, was a repeat for me. The event was again held at Clevyr, https://clevyr.com, a company I do admire and have applied to before. The event had a Chinese New Year theme and I brought the usual green tea to share.

A panel of advisors was available to answer questions related to the topic of ‘Build a portfolio or project to get you hired.’ Questions such as ‘ What are the key considerations for building a portfolio or project that will stand out to potential employers? ‘ and ‘ How can you effectively showcase the skills you have gained with your portfolio or project to demonstrate your particular role at a company? ‘ Answers were given with audience participation. What an informative panel of web design development enthusiasts!

That’s when I realized I have already coded projects such as these. Look at the coding I did with this GitHub spring integration!

https://github.com/valzya/spring-framework

I had an original idea of building a health application to track and organize food choices and nutrition. This was part of an online application development course. The spring development was integrated with this project to show coding ability.

Later on, I decided to add a code version of my résume to GitHub.

https://www.github.com/valzya/Code-Resume

This allowed for faster updates and again proves coding ability.

After a certain number of interviews to development positions with no final offer, I decided the missing component was a javascript framework. I signed up for an OKC Coders course, React-GraphQL-Redwood.js.

https://github.com/valzya/react.graphql.redwood

I had worked and studied javascript frameworks before, such as twitter bootstrap. Yet, thought having a formal education and certificate would further prove my capabilities to the development community. In addition, I completed the ‘ Front End Web UI Frameworks and Tools: Bootstrap 4,’ course on Coursera.

The event helped me realize I had much earlier examples of application and front end web development in my portfolio as well. Such as, a social application with a large database that was built to sell monthly memberships to OKC consumers, and a large corporate application redesign project. Certifications such as these have been completed.

  1. Google Analytics for Power Users
  2. Google Foundations in User Experience (UX) Design
  3. Front End Web UI Frameworks and Tools: Bootstrap 4
  4. SEO for Beginners’ with Yoast Academy for WordPress
  5. Fit to Learn: IT Design Thinking,’ MyInnerGenius, IBM SkillsBuild
  6. API Design and Fundamentals on Apigee, Google Cloud Skills Boost

Adobe Max

When watching the Adobe Max Conference keynote with Shantanu Narayen,

Chairman and Chief Executive Officer of Adobe, I became intrigued with the new announcements. Here is the synopsis.

  • Adobe Sensei is about anticipating and solving problems. Enabling anyone, anywhere, to tell their story.
  • Adobe Express will be provided to non-profits.
  • Figma was acquired to advance product design, accelerate creativity on the web and reimagine the future of creativity, productivity and combat misinformation.

Adobe Max. What started out as a small group of designers and developers is now amplifying the power of creativity, art and science.

The presentation with David Wadhwani, the President of Digital Media Business at Adobe, shared his enthusiasm. He stated, ‘ It is amazing to see how much the industry has changed in 20 years. We are living in a time where creativity has never been more valued. The future of this industry creates amazing opportunities, but also many challenges.’

Adobe Express allows you to create content that stands out.

‘Creating with AI is like dreaming out loud. ‘ — Gavin Miller, Adobe Researcher

AI should enhance human creativity, not replace it. It should benefit creators, not replace them.

  • You can now ask Sensei to turn day into night with one click utilizing neurofilters.
  • Adobe Sensei allows us to express creative ideas more conveniently.
  • Adobe Express allows you to create content that stands out.
  • Doubling down on collaboration. Share for review capabilities.

The presentation with Scott Belsky sums up the capabilities of Adobe Express.

  • Precision & Superpowers – AI isn’t just about saving time. It is about doing things you never dreamed were possible. The ability to create for 3D and immersive experiences. Substance 3D has allowed for these capabilities.
  • Speed & Ease – Adobe Express is allowing us to create with speed.
  • Collaborative Creativity – Every creative project has many stakeholders. Adobe is building a less complicated way to organize the process.

Danielle Morimoto and Bria Alexander present the share for review and creative features in InDesign and Illustrator. Danielle discusses the brand-new intertwine feature. This feature offers a more efficient way to combine an object with text on various layers without a clipping path. Bria gave examples of creative collaboration with share for review.

Paul Trani shares his thoughts on Adobe Express and 3D graphic design.

Creative pros today have to be capable of doing many things and doing them fast.

Adobe is bringing real time multi-collaboration to Express. It has dozens of photo editing tools. Seamlessly open your project in another program, such as Photoshop. Make your changes and then reopen in Express.

Paul then shares the power of 3D Graphic Design.The 3D Modeler for PC only, right now. 3D allows the designer to save a .sbsar file.Then it allows you to create a composite. The software is similiar to Photoshop, only with 3D capabilities.

Scott Belsky introduces the integration with Adobe Express and WIX. A partnership in creativity. He announces features in Premiere Pro.

In a world of social media and misinformation the (CAI), content authenticity Initiative, focuses on who made the content and how.

In the world of generative AI, the content authenticity initiative allows us to determine what was created by a human vs. a machine.

CAI tells us who’s story we are experiencing.

Adobe implemented Frame.io. In this solution you can circle part of the video in Premiere Pro. Then you know what frame the viewer is referring to.

Dylan Field presents Figma, a platform for product development teams.

Figma started 10 years prior with the belief that product design work should live in the browser.

We are in the middle of a multi decade shift from a physical economy to a digital economy.

Giovanni discusses Virtual Reality. VR offers the ability to switch modes.

Wes McDermott discusses Adobe 3D Substance painter.

Karina Anglada shares updated features in video. A repeat about how Frame.io is integrated in Adobe Premiere software. Jason Levine shares how easy it is to add markups and comments within the video software. Emery Wells shares how camera to web has revolutionized video work.

A presentation with Coca-Cola shares how they already utilize these techniques to keep the creative energy going.

For more about the conference, visit https://www.adobe.com/max/2022/.

Wordcamp WCEU

This years WordCamp Europe in Porto, Portugal focused on the topics of WordPress security and accessibility for Dyslexia in UX Design. 

Day 1, Track 1

Remkus de Vries (the MC for Track 1 and a lead organizer) introduces Milan Ivanovic. 

Milan Ivanovic

Why we Community? 

How many of you know where you were the day your life completely changed? For Milan, it was a day he attended a WordCamp in Leiden. He met a friend, Marco Pereirinha, that influenced him and told him about WP Portugal. He has volunteered since 2016. He watched a talk on Yoast. He calls it the ‘yoast effect.’

Why we enjoy this community?

There are heroes everywhere!

The 5 Benefits of Community

  1. Knowledge
  2. Support
  3. Diversity
  4. Inspiration
  5. Resources

Day 1, Track 2

Victor Santoyo

7 years with Sucuri https://sucuri.net, Agency & Enterprise Team

They monitor and help protect websites in the event of an incident. 

Hack research reports show thousands of websites they have cleaned. 

Vulnerable plugins and extensions account for far more website compromises than out-of-date, core CMS files.

Many people update their software and find themselves infected anyway. 

One type of software infected is WooCommerce. When software has a wide audience, infection is more likely to occur, because so many people are accessing it. Hack tools, or suites, empower an attacker to run automation to get access to websites. Some create mass enfacements that kill the availability of your website.

Anonymous Fox, Post infection tips

https://security.Net/guides/anonymous fox-hack-guide/

  1. Disable the reset password by email for CPanel accounts.
  2. Protect your public-facing admin pages.
  3. Change your WP-admin user name back to its proper name.
  4. Remove any bogus WP-admin administrator accounts.
  5. Remove malicious email addresses from CPanel interface.
  6. Reset the contact email back to default.

Ransomware 

An attack encrypting the websites with a private encryption key. Then the victim receives an email that the site is encrypted and they can pay money if they want it back. It is an attack based on the third party of another.

Credit card skimming

A tool script used to steal credit card information and attack an e-commerce website. These are becoming more and more common. A global pandemic that forces people to leave home.

Ben Martin who is on the remediation team noticed in on-site checks in 2021 that more than a third of the websites that were pushed through the scanner had credit card skimmers detected.

The Log4j vulnerability was one of the most serious vulnerabilities affecting a large majority of the web in 2021. This critical server vulnerability impacted any website, application or hardware device using the software. Server administrators all over the world scrambled to identify and patch affected or potentially vulnerable systems before the attackers were able to compromise them. 

SEO spam continues to be a menace. 52.6% of remediated websites contained some form of SEO spam in 2021. Spam also accounted for 34.45% of infected site hack detections. 

Credit card skimming is on the rise.

Back doors are extremely common, with 60.04% of infected environments containing at least one website back door. 

Forecast for 2022

Attackers spend more time crafting new malware for eCommerce environments.

Attackers have more to gain financially from credit card skimmers, than other types of infections.

The longer their malware is able to remain hidden, the more they stand to gain, encouraging them to craft new methods of evasion.

Unless there are major changes to the default security configuration of makorbCMS (such as making multi-factor authentication enabled by default in WordPress and having no default administrator URL enabled for Magento2 environments), we expect unprotected admin pages will continue to be attacked.

Day 2, Track 1

Accessibility for Dyslexia

Maja Benke https://www.twitter.com/majabenke

Web Designer & Consultant for Digital Accessibility

Webstyle4you.com

She travels the world and has a passion for bouldering. Maja has organized events in Berlin. 

What is Dyslexia? It is a learning disability. 

Accessibility 

  • A 11 y
  • Dyslexia does not go away.
  • Analaphebetism is not the same.

Characteristics and Particularities

  • Sensitive to high contrast
  • Bad short-term memory
  • Creative
  • 9-12% of the population
  • Greater than 80% of those with learning disabilities have dyslexia.

Characteristics

  • Reading, processing text
  • Writing dictated text
  • Words are spelled differently

Helping tools

  • Paper
  • Colored foil to reduce the contrast.
  • Ruler, or second sheet.
  • Digital – light, sepia or dark mode.
  • Speech output for text.
  • Firefox reader mode.
  • Browser add-ons that can change fonts, size.

Font UI Accessibility

  • Font size of at least 16 px.
  • Line height of at least 1.5.
  • Choose a readable font family.
  • Font weight is regular.
  • Use bold, italic and other text styles ( like color). 
  • Font used for dyslexia; Atkinson Hyperlegible. 

It’s hard to read thin fonts. Transformation, like uppercase. 

Choose a readable font family. 

Layout

  • Use white space generously.
  • Loosen up text. 
  • Use headings in text.
  • Use sections.
  • Use lists.
  • Don’t use justify.
  • Centered text for short text only.

Colors

  • Use high contrast. 
  • Background is not white, use eggshell.
  • Font; not black.
  • Use dark grey or dark blue.
  • Offer a dark mode as an option.

Content creation for Dyslexia

  • Write text.
  • Don’t assume knowledge.
  • The most important content is at the beginning.
  • Summarize content concisely, and as briefly as possible.

Sentences

  • One piece of information per sentence.
  • Short paragraphs.
  • Meaningful links and button. Avoid foreign words and filler words.
  • Use active language. 
  • Plain language can help.

Abbreviations

Common abbreviations can help with reading. Correct spelling is important for a screen reader. 

Don’t write out numbers and words, better to use digits.

Sentences

  • One piece of information per sentence.
  • Short paragraphs.
  • Meaningful links and buttons.
  • Avoid foreign words and filled words.
  • Use active language.
  • Plain language can help.

Gifs don’t let gifs run in an endless loop.

Animations

  • Not text only.
  • Support text with visual elements. E.g. graphics, images, videos, gifs and emojis.
  • Visualize complex facts in graphics and diagrams.

Audio/video

Offer content not only in text, also as audio or video.

Developing for Dyslexia

  • HTML5 and Settings.
  • Mark up content areas and text properly, so that Tools work.
  • Use the language tag.
  • Search fields should tolerate typos.

Tips for Collaborating with dyslexic colleagues and contributors

  • Summarize conversations when handing over a text or font. Force others to read out loud.
  • Make sure colleagues can work without distraction.
  • Neuroatypical people get distracted easily.
  • Be respectful.

Click here to access the videos of WordCamp Europe, https://www.youtube.com/watch?v=91anxAgQGJw&t=3342s.

For more information on this topic, visit the the OKC WordPress Users Group presentor Tim Priebe, ‘My Website Has Been Hacked’ — T&S Online Marketing https://tandsgo.com.

The WCEU 2022 WordCamp featured these presenters, among others.

Remkus, Vries de. MC. Lead Organizer @remkusdevries remk.us/hi

Santoyo, Victor. WordPress Security. @v_santoyo securi.net

Benke, Maja. Web Designer & Consultant for Digital Accessibility https://www.twitter.com/majabenke

Webstyle4you.com

18 views0 comments2 likes. Post not marked as liked2

Comments

WordPress Europe

This years WordCamp Europe in Porto, Portugal focused on the topics of WordPress security and accessibility for Dyslexia in UX Design.

Day 1, Track 1

Remkus de Vries (the MC for Track 1 and a lead organizer) introduces Milan Ivanovic.

Milan Ivanovic

Why we Community?

How many of you know where you were the day your life completely changed? For Milan, it was a day he attended a WordCamp in Leiden. He met a friend, Marco Pereirinha, that influenced him and told him about WP Portugal. He has volunteered since 2016. He watched a talk on Yoast. He calls it the ‘yoast effect.’

Why we enjoy this community?

There are heroes everywhere!

The 5 Benefits of Community

  1. Knowledge
  2. Support
  3. Diversity
  4. Inspiration
  5. Resources

Day 1, Track 2

Victor Santoyo

7 years with Sucuri https://sucuri.net, Agency & Enterprise Team

They monitor and help protect websites in the event of an incident.

Hack research reports show thousands of websites they have cleaned.

Vulnerable plugins and extensions account for far more website compromises than out-of-date, core CMS files.

Many people update their software and find themselves infected anyway.

One type of software infected is WooCommerce. When software has a wide audience, infection is more likely to occur, because so many people are accessing it. Hack tools, or suites, empower an attacker to run automation to get access to websites. Some create mass enfacements that kill the availability of your website.

Anonymous Fox, Post infection tips

https://security.Net/guides/anonymous fox-hack-guide/

  1. Disable the reset password by email for CPanel accounts.
  2. Protect your public-facing admin pages.
  3. Change your WP-admin user name back to its proper name.
  4. Remove any bogus WP-admin administrator accounts.
  5. Remove malicious email addresses from CPanel interface.
  6. Reset the contact email back to default.

Ransomware

An attack encrypting the websites with a private encryption key. Then the victim receives an email that the site is encrypted and they can pay money if they want it back. It is an attack based on the third party of another.

Credit card skimming

A tool script used to steal credit card information and attack an e-commerce website. These are becoming more and more common. A global pandemic that forces people to leave home.

Ben Martin who is on the remediation team noticed in on-site checks in 2021 that more than a third of the websites that were pushed through the scanner had credit card skimmers detected.

The Log4j vulnerability was one of the most serious vulnerabilities affecting a large majority of the web in 2021. This critical server vulnerability impacted any website, application or hardware device using the software. Server administrators all over the world scrambled to identify and patch affected or potentially vulnerable systems before the attackers were able to compromise them.

SEO spam continues to be a menace. 52.6% of remediated websites contained some form of SEO spam in 2021. Spam also accounted for 34.45% of infected site hack detections.

Credit card skimming is on the rise.

Back doors are extremely common, with 60.04% of infected environments containing at least one website back door.

Forecast for 2022

Attackers spend more time crafting new malware for eCommerce environments.

Attackers have more to gain financially from credit card skimmers, than other types of infections.

The longer their malware is able to remain hidden, the more they stand to gain, encouraging them to craft new methods of evasion.

Unless there are major changes to the default security configuration of makorbCMS (such as making multi-factor authentication enabled by default in WordPress and having no default administrator URL enabled for Magento2 environments), we expect unprotected admin pages will continue to be attacked.

Day 2, Track 1

Accessibility for Dyslexia

Maja Benke https://www.twitter.com/majabenke

Web Designer & Consultant for Digital Accessibility

Webstyle4you.com

She travels the world and has a passion for bouldering. Maja has organized events in Berlin.

What is Dyslexia? It is a learning disability.

Accessibility

  • A 11 y
  • Dyslexia does not go away.
  • Analaphebetism is not the same.

Characteristics and Particularities

  • Sensitive to high contrast
  • Bad short-term memory
  • Creative
  • 9-12% of the population
  • Greater than 80% of those with learning disabilities have dyslexia.

Characteristics

  • Reading, processing text
  • Writing dictated text
  • Words are spelled differently

Helping tools

  • Paper
  • Colored foil to reduce the contrast.
  • Ruler, or second sheet.
  • Digital – light, sepia or dark mode.
  • Speech output for text.
  • Firefox reader mode.
  • Browser add-ons that can change fonts, size.

Font UI Accessibility

  • Font size of at least 16 px.
  • Line height of at least 1.5.
  • Choose a readable font family.
  • Font weight is regular.
  • Use bold, italic and other text styles ( like color).
  • Font used for dyslexia; Atkinson Hyperlegible.

It’s hard to read thin fonts. Transformation, like uppercase.

Choose a readable font family.

Layout

  • Use white space generously.
  • Loosen up text.
  • Use headings in text.
  • Use sections.
  • Use lists.
  • Don’t use justify.
  • Centered text for short text only.

Colors

  • Use high contrast.
  • Background is not white, use eggshell.
  • Font; not black.
  • Use dark grey or dark blue.
  • Offer a dark mode as an option.

Content creation for Dyslexia

  • Write text.
  • Don’t assume knowledge.
  • The most important content is at the beginning.
  • Summarize content concisely, and as briefly as possible.

Sentences

  • One piece of information per sentence.
  • Short paragraphs.
  • Meaningful links and button. Avoid foreign words and filler words.
  • Use active language.
  • Plain language can help.

Abbreviations

Common abbreviations can help with reading. Correct spelling is important for a screen reader.

Don’t write out numbers and words, better to use digits.

Sentences

  • One piece of information per sentence.
  • Short paragraphs.
  • Meaningful links and buttons.
  • Avoid foreign words and filled words.
  • Use active language.
  • Plain language can help.

Gifs don’t let gifs run in an endless loop.

Animations

  • Not text only.
  • Support text with visual elements. E.g. graphics, images, videos, gifs and emojis.
  • Visualize complex facts in graphics and diagrams.

Audio/video

Offer content not only in text, also as audio or video.

Developing for Dyslexia

  • HTML5 and Settings.
  • Mark up content areas and text properly, so that Tools work.
  • Use the language tag.
  • Search fields should tolerate typos.

Tips for Collaborating with dyslexic colleagues and contributors

  • Summarize conversations when handing over a text or font. Force others to read out loud.
  • Make sure colleagues can work without distraction.
  • Neuroatypical peoole get distracted easily.
  • Be respectful.

Click here to access the videos of WordCamp Europe, https://www.youtube.com/watch?v=91anxAgQGJw&t=3342s.

For more information on this topic, visit the the OKC WordPress Users Group presentor Tim Priebe, ‘My Website Has Been Hacked’ — T&S Online Marketing https://tandsgo.com.

The WCEU 2022 WordCamp featured these presenters, among others.

Remkus, Vries de. MC. Lead Organizer @remkusdevries remk.us/hi

Santoyo, Victor. WordPress Security. @v_santoyo securi.net

Benke, Maja. Web Designer & Consultant for Digital Accessibility https://www.twitter.com/majabenke

Webstyle4you.com