Joshua Davis

University of Florida 2009 Presentation Ligature.

Advertisements

CSS Translate

Css translate– was used Japan new media website, and it used slick  – it looked nice.

The code looked like below:

<div aria-live=”polite” class=”slick-list” style=”padding: 0px 50px;”>

<div class=”slick-track” style=”opacity: 1; width: 65000px; transform: translate(-4610px, 0px);” role=”listbox”>

<img src=”http://festival.j-mediaarts.jp/en/wp-content/themes/j-mediaarts2017/img/top/main/c/index-slide-11.jpg&#8221; class=”slick-slide slick-cloned” data-slick-index=”-2″ aria-hidden=”true” tabindex=”-1″>

ART299 : From Today’s Class

WordPress: The level of customization

This is big loop in php:
https://github.com/kccnma/teachingmaterials/blob/master/mycustomtheme-wp/index.php

Chris’ video and resources:

https://www.creativemedia.space/lessons/intro-to-cms-via-wordpress/

Use of http://underscores.me/

http://nma.kcc.hawaii.edu/gargiulo/ip2.html

http://apurie.com/test17/sample-page/

How to display HTML, javaScripts codes on Web.

How to display HTML, javaScripts codes on Web.

CodePen.io testing

<pre><code> … </code></pre>

<pre></pre> is for pre-formatted code

<code></code> is what to use to display code in HTML.
document.getElementById(‘mydiv’)
document.querySelectorAll(‘.button’);
document.querySelector(‘#mydiv’)
document.querySelectorAll(‘.myclass’)
$(‘#mydiv’)
$(‘.myclass’)

Here I am using <pre><code>…</pre></code> below:


//Javascript Example
document.addEventListener('DOMContentLoaded', function() {

    var element = document.querySelector('#mydiv');
    element.addEventListener('click', function() {
      // do something
    });
    
})
    
//JQuery Example
$( document ).ready(function() {

    $("#mydiv").click(function() {
      // do something
    });

});