‘Front-end’ Videos

  • Jason Wasser: Be Better By Doing Less: Front End Automation

    WordCamp D.C. 2017Speaker: Jason Wasser

    November 16, 2017 — As developers, we constantly strive to do better. Whether it’s writing better code, making a more performant site or just doing it faster; with automation you can have your cake and have robots feed you it too. You’ll work faster and get feedback on how to make it better.

    This presentation is for front end developers who want to push themselves to be better, whether using a WordPress backend or not. After this presentation I hope that you feel empowered to find new ways to make your life as a front end developer better and your code even more awesome than it already is.

    – Get feedback on coding standards and issues
    – Minimize site assets automatically
    – Generate and update image sprites and have your css updated for you
    – Run several performance scans and aggregate them into a report
    – And more!

  • What’s Next For Customizer?

    WordCamp Sydney 2016

    April 30, 2017 — Customise Posts is a feature plugin, coming soon to a future version of WordPress.

    This talk will include a demonstration of Front-End Editing done through the Customiser, and the technical details on how to easy it is to add support to your theme.

    Luke will finish with a discussion and Q&A on the future of editing in WordPress.

    Presentation Slides »

  • Marco Lago: Style Matters

    WordPress Meetup TorinoSpeaker: Marco Lago

    April 27, 2017 — Tendenze CSS, soluzioni moderne ed introduzione a FlexBox.

    Presentation Slides »

  • Mark Howells-Mead: Modular Functionality – Organizing Your Code To Make WordPress Development Easier

    WordCamp Geneva 2016Speaker: Mark Howells-Mead

    December 1, 2016 — There are many resources for developers online which show how to code a WordPress Theme or a WordPress plugin. However, there are fewer resources which explain the necessity for, and advantages of, separating functionality between Themes and Plugins, planning development according to modular coding principles, and working on WordPress projects which go beyond the blog.

    Touching on front end techniques most commonly known from programmers like Brad Frost, I’ll explain how to plan a development project for both front end and backend environments in an overview, using a recent real-world example of developing for both blogs and non-blog-type WordPress multisite installation.

    My talk will provide a summarized insight into maintaining individual features through the use of your own Plugins, why it’s important to decide whether to add features to a Theme or via a Plugin, and the flexibility and organisation which modular coding brings.

    Presentation Slides »

  • Olegs Belousovs: cosa sono le Web Performance e perché dovete preoccuparvene

    WordPress Meetup TorinoSpeaker: Olegs Belousovs

    October 13, 2016 — Talk culturale e esplorativo sulle Web Performance, fatto al WordPress Meetup di Torino il 12 ottobre 2016.

    Il web lo facciamo tutti noi, per altre persone come noi, e anche se questo argomento, insieme all’accessibilità e alla sicurezza, può sembrare il meno «sexy», dovreste preoccuparvene non meno di che tema e plugin usare sul vostro sito, proprio per il rispetto delle persone che poi visitano i siti che fate e per rendere tutti insieme il web un posto migliore!

    Presentation Slides »

  • Tom Janssens: Front-end on Steroids

    WordCamp Antwerp 2016Speaker: Tom Janssens

    August 24, 2016 — “Presentation about modern front-end development techniques.

    With websites growing in complexity we have an increasing need for better tools to help build, test, and monitor our code. Everything from build scripts to monitoring and device testing are now important parts of the front-end developer’s job. After this presentation your front-end muscles increased by 31%.”

    Presentation Slides »

  • Michael Mizner: WordPress Front-End Performance

    WordCamp Asheville 2016Speaker: Michael Mizner

    August 19, 2016 — In this presentation I’ll show how WordPress themes (and sites) can be built to achieve 100/100 Google pagespeed. You’ll learn about my process of using Gulp to concatenate and minify resources, along with intentional enqueues and dequeues.

    Bonus: some ways to configure cache plugins to achieve a similar effect.

    Take aways:

    How front-end performance effects mobile users on slower speeds.
    Tips on improving front-end performance.
    Gulp basics and how to use with WordPress.

    Presentation Slides »

  • Katherine Wakefield: Front-End Developer Tools

    WordCamp Asheville 2016Speaker: Katherine Wakefield

    August 16, 2016 — Windows and Mac tools to get sites built faster. From which code editors are snippet friendly to apps to speed us along in preprocessing a Gulp stack – I’ll offer a wide range of entry level to advanced tools, websites and apps to get things done.

    Take aways:

    If someone is new to web development of already advanced, they’ll have tools and resources they may not have heard about that can make their workflow faster, what to learn first.
    One does not need to know javascript to get a gulp stack built for web development.
    Plugins to code editors to speed up workflow.

    Presentation Slides »

  • Kristoffe Biglete: How not to build a front-end from scratch everytime

    WordCamp Denmark 2016Speaker: Kristoffe Biglete

    August 1, 2016 — From starting a blank canvas theme with custom CSS, or wanting to use a JS framework for your custom plugin, the problematic remains the same: how do I not build a front-end structure from scratch at every new project?

    To make sure not to waste precious time, and to be consistent in your workflow, automation and systematization of your front-end structure can be easily implemented through several tools.
    This presentation will present you among others things how I use SASS, Gulp, Bower, and other useful tools that will make your life so much easier.

    Presentation Slides »

  • Peter Wilson: Seven Times Faster – A Study in Frontend Optimization

    WordCamp Europe 2016Speaker: Peter Wilson

    July 1, 2016 — The average web page takes fifteen seconds to load, this can lower the PageSpeed score to the low 30s. Working together web designers and devs can make sites readable in two seconds, working towards a web seven times faster.

    Find out how to get a PageSpeed score in the 90s. What are the rules you have to follow, what are those you have to break?

    Presentation Slides »