Канал: Russell Prior

Illustrator - basic 3-d modeling concepts

Illustrator - basic 3-d modeling concepts

Keyframe animation in the Photoshop timeline

Keyframe animation in the Photoshop timeline

07 2021 fix - style the nav buttons

07 2021 fix - style the nav buttons

07 2021 fix - ART344 nav button links

07 2021 fix - ART344 nav button links

07 2021 fix - MAT125 nav button links

07 2021 fix - MAT125 nav button links

06 2021 fix-part 02 - continue to add CSS styles to the nav

06 2021 fix-part 02 - continue to add CSS styles to the nav

06 2021 fix-part 01 -add CSS styles to the nav

06 2021 fix-part 01 -add CSS styles to the nav

05 2021 Fix - add image to recipe nav

05 2021 Fix - add image to recipe nav

04 2021 FIX - write images to the server

04 2021 FIX - write images to the server

CSS Flexbox Interface Shell

CSS Flexbox Interface Shell

Photoshop sequential frame animation

Photoshop sequential frame animation

SDSU and MAT absolute path for images used in CodePen exercises

SDSU and MAT absolute path for images used in CodePen exercises

Export resources from codePen and how to get Pen URL/URI

Export resources from codePen and how to get Pen URL/URI

RWD | Use picture tag and attribute functions to increase art direction flexibility

RWD | Use picture tag and attribute functions to increase art direction flexibility

RWD | Add inline img srcset and sizes attributes to meet device screen width

RWD | Add inline img srcset and sizes attributes to meet device screen width

RWD | Add inline img srcset attribute to meet device screen density

RWD | Add inline img srcset attribute to meet device screen density

RWD MEDIA QUERY | TEST SCREEN DENSITY

RWD MEDIA QUERY | TEST SCREEN DENSITY

RWD MEDIA QUERIES | multiple inline images

RWD MEDIA QUERIES | multiple inline images

Browser Inspect Performance Check

Browser Inspect Performance Check

RWD art direction approach | CSS media query and background images

RWD art direction approach | CSS media query and background images

Basic CSS Media Query 101

Basic CSS Media Query 101

What is RWD responsive web design

What is RWD responsive web design

Miracosta College MAT Spring 2021 Instructor Introduction

Miracosta College MAT Spring 2021 Instructor Introduction

SDSU spring 2021 intro

SDSU spring 2021 intro

SDSU Spring 2021 art 344 444 canvas intro

SDSU Spring 2021 art 344 444 canvas intro

Ghost Train Cinemagraph How To

Ghost Train Cinemagraph How To

Brand vector art color studies

brand-vector-art-layout-setup

art240 illustrator transform tools

art240 illustrator transform tools

illustrator pen tool

illustrator pen tool

part 11 challenge review vector letter

part 11 challenge review vector letter

part 09 challenge review finish map

part 09 challenge review finish map

part 10 challenge review vector the number

part 10 challenge review vector the number

part 07 challenge review

part 07 challenge review

part 08 challenge review

part 08 challenge review

part 06 challenge review

part 06 challenge review

part 05 challenge review

part 05 challenge review

part 04 challenge review

part 04 challenge review

part 01 challenge review

part 01 challenge review

part 02 challenge review

part 02 challenge review

03 organize layers

03 organize layers

part 03 challenge review

part 03 challenge review

02 color settings

02 color settings

01 challenge doc setup

01 challenge doc setup

11 add and style keywords add colors

11 add and style keywords add colors

10 add and style bio text

10 add and style bio text

13 rotate layout and fine tune

13 rotate layout and fine tune

14 export as pdf and jpeg

14 export as pdf and jpeg

12 make a few layout adjustments

12 make a few layout adjustments

09 add and style your name

09 add and style your name

08 create vector line art

08 create vector line art

05 part 02 headline

05 part 02 headline

06 place scale embed images

06 place scale embed images

04 part 01 headline

04 part 01 headline

07 align distribute spacing and group images

07 align distribute spacing and group images

03 set up doc and workspace

03 set up doc and workspace

02 some document setup info you need to know

02 some document setup info you need to know

01 get roboto google font and install

01 get roboto google font and install

05 crop approach 2 and pixel density explanation

05 crop approach 2 and pixel density explanation

06 place and crop remaining images

06 place and crop remaining images

08 post reply to discussion

08 post reply to discussion

07 export all five images

07 export all five images

04 edit image to 400 by 400 pixels

04 edit image to 400 by 400 pixels

02 place an image

02 place an image

03 transform and crop placed image

03 transform and crop placed image

01 create document

01 create document

00 cite work not yours how to

00 cite work not yours how to

tabbed menu how to

tabbed menu how to

06 ex06 primer create additional pages and test

06 ex06 primer create additional pages and test

04 ex06 primer css flexbox nav menu

04 ex06 primer css flexbox nav menu

03 ex06 primer css reset and link

03 ex06 primer css reset and link

05 ex06 primer detect screen width wit media query

05 ex06 primer detect screen width wit media query

02 ex06 primer html css blockout

02 ex06 primer html css blockout

01 ex06 primer overview

01 ex06 primer overview

05 install updraft plugin backup your word press site

05 install updraft plugin backup your word press site

04 install form add captcha v2 checkbox anti spam

04 install form add captcha v2 checkbox anti spam

03 review nextgen plugin for galleries and image albums

03 review nextgen plugin for galleries and image albums

02 find install learn and preview an image gallery pluging in ten minutes

02 find install learn and preview an image gallery pluging in ten minutes

01 adding image gallery plugin and setup

01 adding image gallery plugin and setup

07 CSS keyframe background gear animation

07 CSS keyframe background gear animation

08 simple background image scrolling parallax effect

08 simple background image scrolling parallax effect

06 javascript to dynamically smooth slide page using hyperlinks

06 javascript to dynamically smooth slide page using hyperlinks

05 rotate an element when page scrolls

05 rotate an element when page scrolls

03 add user visual cue and externalize link css styles

03 add user visual cue and externalize link css styles

04 overlay variation examples

04 overlay variation examples

02 add flexbox to create responsive image gallery

02 add flexbox to create responsive image gallery

01 image hover with color overlay and text

01 image hover with color overlay and text

08 css floats compared to flexbox

08 css floats compared to flexbox

07 flex responsive web page layout

07 flex responsive web page layout

06 flex responsive image grid

06 flex responsive image grid

05 discuss flex item properties

05 discuss flex item properties

04 continue to review flex properties

04 continue to review flex properties

02 css flex vs floats

02 css flex vs floats

03 justify and align content or row vs column

03 justify and align content or row vs column

01 intro to css flexbox

01 intro to css flexbox

06 more flexible strategy for adding site icon to nav

06 more flexible strategy for adding site icon to nav

07 strategy 03 using before pseudo to pace site icon in nav

07 strategy 03 using before pseudo to pace site icon in nav

04 add css styles to home page content

04 add css styles to home page content

02 toggle header image to target device breakpoint

02 toggle header image to target device breakpoint

05 add site icon to nav bar ez but not flexible

05 add site icon to nav bar ez but not flexible

03 add home page content

03 add home page content

01 fix content width issue

01 fix content width issue

04 add javascript toggle button

04 add javascript toggle button

05 add css media query and breakpoint

05 add css media query and breakpoint

03 layout mobile menu

03 layout mobile menu

02 css media queries and common breakpoints

02 css media queries and common breakpoints

01 discuss css stylesheet strategy add css reset rules

01 discuss css stylesheet strategy add css reset rules

06 target themes original nav header and footer header

06 target themes original nav header and footer header

05 add media query breakpoints

05 add media query breakpoints

04 adding pages and updating the menu

04 adding pages and updating the menu

07 remove footer link to word press

07 remove footer link to word press

03 begin adding our custom content areas

03 begin adding our custom content areas

02 target hide original content header

02 target hide original content header

01 clear out theme content

01 clear out theme content

04 review word press content areas

04 review word press content areas

06 review classic editor

06 review classic editor

05 new block editor install classic editor

05 new block editor install classic editor

03 review word press content areas

03 review word press content areas

02 review settings

02 review settings

01 login change password

01 login change password

step01 brackets setup overview

step01 brackets setup overview

step02 brackets link css and javasript files

step02 brackets link css and javasript files

step03 menu preferences overview

step03 menu preferences overview

step04 ftp Miracosta College mat server

step04 ftp Miracosta College mat server

step02 link css and javascript files

step02 link css and javascript files

step01 dreamweaver basics

step01 dreamweaver basics

add js event function to toggle video play pause

add js event function to toggle video play pause

add gradient alpha mask to block video bottom

add gradient alpha mask to block video bottom

using a video as a background graphic

using a video as a background graphic

embed youtube video

embed youtube video

add html5 video element

add html5 video element

step 04 codepen add js

step 04 codepen add js

step 02 codepen add linked sources + add html

step 02 codepen add linked sources + add html

step 03 codepen add css styles

step 03 codepen add css styles

step 05 codepen switch to non lazy slider approach

step 05 codepen switch to non lazy slider approach

step 02 lazy load approach

step 02 lazy load approach

step 03 non lazy load approach

step 03 non lazy load approach

step01 codepen slick slider overview

step01 codepen slick slider overview

step 01 slick slider overview

step 01 slick slider overview

step 08 simple javascript toggle audio

step 08 simple javascript toggle audio

step 09 simple javascript toggle audio

step 09 simple javascript toggle audio

step 10 simple javascript toggle audio

step 10 simple javascript toggle audio

step 07 simple javascript toggle audio

step 07 simple javascript toggle audio

step 02 create a graphic container for audio player

step 02 create a graphic container for audio player

step 03 complete graphic container style

step 03 complete graphic container style

step 06 simple javascript toggle audio

step 06 simple javascript toggle audio

step 04 debug layout issue

step 04 debug layout issue

step 05 simple javascript toggle audio

step 05 simple javascript toggle audio

step 01 add html5 audio

step 01 add html5 audio

part 02 css keyframes filmstrip animation

part 02 css keyframes filmstrip animation

part 01 css keyframes filmstrip animation

part 01 css keyframes filmstrip animation

part 02 using SVG path coordinates for animation path

part 02 using SVG path coordinates for animation path

part 01 using SVG path coordinates for animation path

part 01 using SVG path coordinates for animation path

Adding keyframes to emulate a curved path

Adding keyframes to emulate a curved path

css keyframe animation example

css keyframe animation example

css keyframes overview

css keyframes overview

learn css ::before + ::after pseudos

learn css ::before + ::after pseudos

switch px units to rem

switch px units to rem

add slick slider codepen

add slick slider codepen

add slick slider to html layout

add slick slider to html layout

05 add js random link generator

05 add js random link generator

04 add mobile html css js menu

04 add mobile html css js menu

03 css flex mobile interface add screen w varied height

03 css flex mobile interface add screen w varied height

02 css flex mobile interface add vert screens

02 css flex mobile interface add vert screens

01 css flex mobile interface shell start

01 css flex mobile interface shell start

ex05 build 05 image text replacement strategies

ex05 build 05 image text replacement strategies

ex05 more fine tuning and whats coming up

ex05 more fine tuning and whats coming up

ex05 add footer content fine tune layout

ex05 add footer content fine tune layout

ex05 build 02 add more content

ex05 build 02 add more content

ex05 build 01 add position planets graphics

ex05 build 01 add position planets graphics

ex05 build 01 illustrator photoshop png8 alpha channel tips

ex05 build 01 illustrator photoshop png8 alpha channel tips

ex05 block out css

ex05 block out css

ex05 html structure

ex05 html structure

ex05 overview

ex05 overview

03 modify css js to change menu direction

03 modify css js to change menu direction

02 adjust container based on number of sections used

02 adjust container based on number of sections used

01 create mobile interface

01 create mobile interface

03 free form selection w alpha channel

03 free form selection w alpha channel

02 simple elipse shape image w css border

02 simple elipse shape image w css border

01 mini lecture image ratio device density

01 mini lecture image ratio device density

10 using the sticky css property value

10 using the sticky css property value

09 explore the clearfix fix

09 explore the clearfix fix

08 float left and right and clearing

08 float left and right and clearing

06 explore absolute position and z index

06 explore absolute position and z index

07 explore fixed position

07 explore fixed position

05 relative position using margin and top and left properties

05 relative position using margin and top and left properties

04 complete styles for structure elements

04 complete styles for structure elements

03 start css rules style container

03 start css rules style container

02 add id and class names

02 add id and class names

01 learn css position basics create html structure

01 learn css position basics create html structure

16 stye ingredients and directions content

16 stye ingredients and directions content

15 style h2 to clear float and return normal doc flow

15 style h2 to clear float and return normal doc flow

14 add css styles to recipe info area

14 add css styles to recipe info area

13 add font awesome icons

13 add font awesome icons

12 create recipe info area structure

12 create recipe info area structure

11 modify main background image

11 modify main background image

10 style main content element

10 style main content element

09 style h1 recipe headline

09 style h1 recipe headline

THIS VIDEO IS BEING UPDATED TODAY 3-20-21 | 07 style nav button links

THIS VIDEO IS BEING UPDATED TODAY 3-20-21 | 07 style nav button links

08 style header hero image

08 style header hero image