JS & Code in Wordpress

  • Started
  • Last post
  • 21 Responses
  • uan0

    look at css transitions first. a css change triggers them.

    historically it‘s js that went into css specs and by now is supported by all browsers.

    • by css change, I mean, the class name triggers a transition with timing and everything defined in css code.uan
    • Thanks. I've gotten into that a little bit in the past year.mg33
    • Don't you need JS to add/remove a transition class?dbloc
  • mg33

    Disclaimer: This isn't a "where do I start to customize Wordpress" post. I've been doing that stuff for years and know the basics-to-competent things I can do with WP, especially customizing themes, custom fields, etc. But since I use WP for all my sites, I'm curious about how I can start exploring more advanced interactivity and motion in WP.

    So what's the best way to approach this? As an example, take this site. www.basicagency.com > specifically some of the subtle motion effects, but more importantly, the page transition when you click "About." Another example is the transitions and effects in a site like this - https://brunoarizio.com

    How can things like this be explored in WP, especially within a robust theme such as Kalium (been using it for a while). Is that possible to integrate stuff like this or are we talking making a whole new theme or custom build?

    Ultimately, I'm interested in just learning some more advanced skills from my own sites, but also using those skills to better design and scope more immersive web work for our agency.

    Where to start? Learning how to integrate a JS library and how to work with it? Using a plugin that offers a bunch of nice effects and tools?

    It's worth adding that in some reading and research I keep finding this title called "design technologist" which is someone that can span visual UI design, user experience, and front end development. I'm lightest on the latter, but it goes with the question above - what are the easiest things to learn and experiment with to help pull off complex web stuff? What can help me bring ideas to life in code in ways that prototyping tools can't?