Search

Callie Ann Mack

Square one

Course Website: markusvogl.com/web1

Featured post

Adjustments for Media Queries @ max-width 490px

Media Queries on Iphones

Add to .html

<meta name=”viewport” content=”width=device-width, initial-scale=1″>

Load onto Zips Folder

*remember DO NOT just load folder, must load contents of folder

Text Rotator Continued

https://github.com/MrSaints/Morphext

https://daneden.github.io/animate.css/

Notes 11/17:

Include script to circumvent email harvesters! rather than giving it a full email address, you split up into 3 values and assign them to variables (var): name, server, suffix.

REMINDER — only need to use ul/li when stacking!

Place Text Over Images w/out Java Script

Media Query

Notes 11/15: Media Query + Fancy Box

MEDIA QUERY

  • Go to end of CSS
  • Introduce a breakpoint that essentially says @media (max-width: 490px)…. overrides container aspects
  • Use percentages as another option!

Screen Shot 2016-11-15 at 9.22.33 AM.png

FANCY BOX

JQUERY (must attach)

https://developers.google.com/speed/libraries/

  1. Copy jQueryscreen-shot-2016-11-15-at-9-48-25-am
  2. Paste <script src> into events.html

Screen Shot 2016-11-15 at 9.49.01 AM.png

3. Go to downloads folder….open demo folder…open index.html…copy line 14/15 <script type> and paste into events.html

Screen Shot 2016-11-15 at 9.52.02 AM.png

4. Change ../source to fancybox Screen Shot 2016-11-15 at 9.52.45 AM.pngScreen Shot 2016-11-15 at 9.52.52 AM.png

5. Add

Screen Shot 2016-11-15 at 9.55.37 AM.png

6. Close with });

7. Add <a class= “fancybox”

Screen Shot 2016-11-15 at 10.01.22 AM.png

**MAKE SURE TO ADD SCRIPT SOURCES AND SCRIPT TYPE TO EVERY NEW PAGE!

GALLERY —

Screen Shot 2016-11-15 at 10.40.06 AM.png

Scrolling Portfolio Page

Screen Shot 2016-11-10 at 11.46.42 AM.pngScreen Shot 2016-11-10 at 11.45.55 AM.png

Code Progress 11/8

 

Screen Shot 2016-11-08 at 12.40.40 PM.pngscreen-shot-2016-11-08-at-1-52-17-pmScreen Shot 2016-11-08 at 10.07.08 PM.png

Create a free website or blog at WordPress.com.

Up ↑