Design Hacks, Tips, And Tools For The Non-designer

Size: px
Start display at page:

Download "Design Hacks, Tips, And Tools For The Non-designer"

Transcription

1 Design Hacks, Tips, And Tools For The Non-designer We will be starting at 2:00 pm ET. Use the Question Pane in GoToWebinar to Ask Questions! 1 Use the hashtag #InboundLearning on Twitter 2 Question of the day

2 Chris #HubSpotting

3 Angela

4 WANT MORE GREAT CONTENT? REGISTER NOW

5 AGENDA 1 Design Tools for Non-Designers 2 HubSpot Design Hacks 3 SEO Design News 4 Next Steps and Resources

6 1 DESIGN TOOLS FOR NON-DESIGNERS

7 CANVA Online design platform. Easy-to-use. Easy to collaborate. Searchable $1 stock images available or use the free stuff.

8 CANVA SOCIAL MEDIA TEMPLATES

9 EASELLY Create and share infographics. Drag-and-drop interface. 1000s of Reporting, Timeline, and Resume templates.

10 EASELLY

11 NIICE Create and share mood boards with your team. Beautiful, inspiring images curated by designers. Stay focused when collecting images, with no noise from search engines or social media.

12 NIICE DISTRACTION-FREE BOARDS

13 WHATFONT? Quick way to find out what font is used on a website. Available as a Bookmarklet, Chrome Extension, and Safari Extension.

14 WHATFONT?

15 COLORZILLA Color picker tool and Eye Dropper tool. Gradient Generator. Google Chrome Extension and Firefox add-on.

16 COLORZILLA WEB PAGE COLOR ANALYZER

17 STYLIFYME Generate a quick style guide of your current website. Works for any website. Research some websites that you like to learn about their design style.

18 STYLIFYME

19 LIST YOUR FAVORITE DESIGN TOOL IN THE CHAT PANE NOW! Have a favorite design tool that we didn t cover? List it in the chat pane share with the broadcast!

20 2 HUBSPOT DESIGN HACKS

21 #1 CHANGE LINK COLORS IN

22 Change link colors in Example.

23 Change link colors in Example.

24 Change link colors in Example.

25 #2 ADD CAPTIONS TO PHOTOS

26 Add a caption quickly to any photo: Example.

27 #3 MAKE YOUTUBE VIDEOS FIT ON MOBILE SCREENS

28 Ever see a video not fit on a mobile device?

29 Make YouTube videos fit on mobile screens by adding CSS. Primary CSS File

30 Make YouTube videos fit on mobile screens: adding code. CSS for responsiveness: /* YouTube Responsive CSS for HubSpot */.hs-responsive-embed-youtube { position: relative; padding-bottom: 56.25%; /* 16:9 Aspect Ratio */ padding-top: 25px; }.hs-responsive-embed-youtube iframe { position: absolute; width: 100%!important; height: 100%!important; }

31 Make YouTube videos fit on mobile screens: inserting the video embed code.

32 Make YouTube videos fit on mobile screens: fully responsive for any device.

33

34 3 SEO DESIGN NEWS

35 #MOBILEGEDDON 1.0 APRIL 21, 2015.

36 WHAT IS MOBILEGEDDON 1.0? A Google algorithm change that expands the use of mobile-friendliness as a ranking signal.

37 Mobile optimization one year later: In short, a 25% increase in mobile web adoption is apparent. IMAGE CREDIT: APPTICLES.COM

38 IMAGE CREDIT: SMASHING MAGAZINE

39 85% of all pages in mobile search results are mobilefriendly according to Google. SOURCE: GOOGLE WEBMASTERS BLOG

40 Google made search results more concise. The mobile-friendly signifier, on 85% of search results, was removed since it didn t add value to the search. IMAGE CREDIT: GOOGLE

41 #MOBILEGEDDON 2.0 JANUARY 10, 2017.

42 WHAT IS MOBILEGEDDON 2.0? Pages that show intrusive interstitials, where content is not easily accessible to a user on the transition from the mobile search results, may not rank as highly.

43 IMAGE CREDIT: GOOGLE

44 IMAGE CREDIT: GOOGLE

45 HELP MOBILE USERS ACCESS YOUR CONTENT.

46 WHAT TO CHECK: 1. Make sure your website is mobile-friendly: website.grader.com google.com/webmasters/tools/mobile-friendly

47 WHAT TO CHECK: 2. Experience the website for yourself on a mobile device. Does anything prevent you from viewing the content? Can you read the content easily without zooming? Can you easily tap CTAs and menu items and navigate from page to page?

48 4 NEXT STEPS AND RESOURCES

49 WEBINAR NEXT STEPS 1 Take inventory of your design toolbelt and get new tools that you may need. 2 Create a style guide for your designer to follow if your company doesn t already have a style guide! 3 Evaluate your mobile website experience.

50 WEBINAR RESOURCES How to change the color of links in Caption a picture in the blogging tool How to make an embedded YouTube video responsive Mobilegeddon Aftermath Help Users Easily Access Content on Mobile

51 HAVE A QUESTION? Type it in the chat pane, now!

52 THANK YOU.

FOR HUMANS. We will be starting at 2:00 pm ET. Use the Question Pane in GoToWebinar to Ask Questions!

FOR HUMANS. We will be starting at 2:00 pm ET. Use the Question Pane in GoToWebinar to Ask Questions! EMAIL FOR HUMANS We will be starting at 2:00 pm ET. Use the Question Pane in GoToWebinar to Ask Questions! 1 Use the hashtag #InboundLearning on Twitter 2 What tactics do you use to make your emails stand

More information

Your PIN structor. It works! Why pin? Important! Today, you ll learn 16 tips to help you pin with a purpose!

Your PIN structor. It works! Why pin? Important! Today, you ll learn 16 tips to help you pin with a purpose! Your PIN structor Alice Henneman, MS, RDN University of Nebraska Lincoln Extension ahenneman@unl.edu Pinterest.com/UNLfoodfitness Important! The information in these slides was current as of 7/4/2015.

More information

UPLOADING AN IMAGE TO FACEBOOK AND MAKING IT YOUR PROFILE PICTURE

UPLOADING AN IMAGE TO FACEBOOK AND MAKING IT YOUR PROFILE PICTURE UPLOADING AN IMAGE TO FACEBOOK AND MAKING IT YOUR PROFILE PICTURE PART 1: UPLOADING AN IMAGE TO FACEBOOK 1. Open your web browser. This will most likely be Internet Explorer, Mozilla Firefox, Google Chrome

More information

The fairest of them all.

The fairest of them all. www.brixwork.com info@brixwork.com FAIRVIEW TEMPLATE The fairest of them all. A real estate website experience that draws you in and keeps you there. This is the idea behind the new Fairview Template.

More information

LANDING PAGES: THE HEART OF THE CONVERSION PROCESS

LANDING PAGES: THE HEART OF THE CONVERSION PROCESS LANDING PAGES: THE HEART OF THE CONVERSION PROCESS INTERMEDIATE We will be starting at 2:00 pm ET. Use the Question Pane in GoToWebinar to Ask Questions! 1 Use the hashtag #InboundLearning on Twitter 2

More information

mobile friendly? Google s survey shows there are three key points to a mobile-friendly site:

mobile friendly? Google s survey shows there are three key points to a mobile-friendly site: 1. Is your site mobile friendly? Now more than ever before it is important for your website to be mobile-friendly. According to a July 2012 Google survey of the more than 1,000 smartphone users people

More information

S THAT CONVERT: BUILDING S THAT GET THE JOB DONE

S THAT CONVERT: BUILDING  S THAT GET THE JOB DONE EMAILS THAT CONVERT: BUILDING EMAILS THAT GET THE JOB DONE We will be starting at 2:00 pm ET. Use the Question Pane in GoToWebinar to Ask Questions! 1 Use the hashtag #InboundLearning on Twitter 2 Question

More information

NETZONE CMS User Guide Copyright Tomahawk

NETZONE CMS User Guide Copyright Tomahawk NETZONE CMS User Guide Copyright 2015. Tomahawk 1 Phone: + 64 9 522 2333 Email: getintouch@tomahawk.co.nz Tomahawk 2015 www.tomahawk.co.nz 2 NETZONE CMS USER GUIDE WHAT YOU LL FIND INSIDE LOGGING IN 4

More information

Website Design (Weekend) By Alabian Solutions Ltd , 2016

Website Design (Weekend) By Alabian Solutions Ltd ,  2016 Website Design (Weekend) By Alabian Solutions Ltd 08034265103, info@alabiansolutions.com www.alabiansolutions.com 2016 TECHNOLOGIES DATE TIME Day1 Section 1 HTML Part 1 12am 5pm Intro to the web The web

More information

NEW WEBMASTER HTML & CSS FOR BEGINNERS COURSE SYNOPSIS

NEW WEBMASTER HTML & CSS FOR BEGINNERS COURSE SYNOPSIS NEW WEBMASTER HTML & CSS FOR BEGINNERS COURSE SYNOPSIS LESSON 1 GETTING STARTED Before We Get Started; Pre requisites; The Notepad++ Text Editor; Download Chrome, Firefox, Opera, & Safari Browsers; The

More information

Piktochart 101 Create your first infographic in 15 minutes

Piktochart 101 Create your first infographic in 15 minutes Piktochart 101 Create your first infographic in 15 minutes TABLE OF CONTENTS 01 Getting Started 5 Steps to Creating Your First Infographic in 15 Minutes 1.1 Pick a Template 1.2 Click Create and Start Adding

More information

PERSONAL COMPUTING WEEBLY CLASS PROJECT

PERSONAL COMPUTING WEEBLY CLASS PROJECT PERSONAL COMPUTING WEEBLY CLASS PROJECT PROJECT DUE DATE AUGUST 9 TH AT 4:00PM. ONLINE DUE DATE AND LATE DATE FOR ON CAMPUS - SEPTEMBER 3 RD AT 10:00PM. Welcome Web professionals! Below is the description

More information

Website Design (Weekday) By Alabian Solutions Ltd , 2016

Website Design (Weekday) By Alabian Solutions Ltd ,  2016 Website Design (Weekday) By Alabian Solutions Ltd 08034265103, info@alabiansolutions.com www.alabiansolutions.com 2016 TECHNOLOGIES DATE TIME Day 1 HTML Part 1 Intro to the web The web Clients Servers

More information

NRize Responsive Custom T shirt Designer

NRize Responsive Custom T shirt Designer NRize Responsive Custom T shirt Designer Created: 22nd July 2015 Latest update: 16 May 2016 By: CSSChopper Team Email: david@csschopper.com Shopify Page: https://apps.shopify.com/online product customizer

More information

Content Elements. Contents. Row

Content Elements. Contents. Row Content Elements Created by Raitis S, last modified on Feb 09, 2016 This is a list of 40+ available content elements that can be placed on the working canvas or inside of the columns. Think of them as

More information

Google Forms for Online Lessons, Assessment & More Class Notes

Google Forms for Online Lessons, Assessment & More Class Notes Google Forms for Online Lessons, Assessment & More Class Notes 1. Creating a new form: A. Go to Google Drive and click New>>More>>Google Forms. B. Rename the form in the top left and click the Change theme

More information

Template Documentation

Template Documentation Template Documentation 06.26.17 Natural Perspective MyWay Template 01 FEATURES 02 CONTENT / APPS 03 TEMPLATE RESOURCES / FILES & FOLDERS 04 TEMPLATE CONFIGURATION 05 PUBLISHING / GOING PUBLIC 06 ADDITIONAL

More information

How to Promote. your Dental Practice with Digital Marketing

How to Promote. your Dental Practice with Digital Marketing How to Promote your Dental Practice with Digital Marketing Regularly marketing your dental practice is an essential task for every dentist, no matter how established. Now more than ever, it is essential

More information

WordPress How to Create a Simple Image Slider with the New RoyalSlider

WordPress How to Create a Simple Image Slider with the New RoyalSlider WordPress How to Create a Simple Image Slider with the New RoyalSlider Last update: 2/20/2013 WARNING: DO NOT USE INTERNET EXPLORER you can use Firefox, Chrome, or Safari but the editing screens do not

More information

Make any video interactive in 15 minutes

Make any video interactive in 15 minutes Make any video interactive in 15 minutes THE HOTSPOT A call-to-interact that can stick to moving people & objects. COOL FACT: Sticky hotspots stick to your moving people or objects like glue. HOTSPOT Tips

More information

the missing manual0 O'REILLY Third Edition David Sawyer McFarland Beijing Cambridge The book that should have been in the box Farnham

the missing manual0 O'REILLY Third Edition David Sawyer McFarland Beijing Cambridge The book that should have been in the box Farnham Farnham Third Edition the missing manual0 The book that should have been in the box David Sawyer McFarland Beijing Cambridge O'REILLY Koln Sebastopol Tokyo Contents The Missing Credits vii Introduction

More information

SCHULICH MEDICINE & DENTISTRY Website Updates August 30, Administrative Web Editor Guide v6

SCHULICH MEDICINE & DENTISTRY Website Updates August 30, Administrative Web Editor Guide v6 SCHULICH MEDICINE & DENTISTRY Website Updates August 30, 2012 Administrative Web Editor Guide v6 Table of Contents Chapter 1 Web Anatomy... 1 1.1 What You Need To Know First... 1 1.2 Anatomy of a Home

More information

TUTORIAL: Creating html s

TUTORIAL: Creating html  s TUTORIAL: Creating html Emails Updated October 2017 60-day free trial. Send email up to 100 contacts. Rebecca L. Cooney, MSC Clinical Assistant Professor Washington State University STEP 1 / Sign Up 1.

More information

USER GUIDE: EDITOR. Drag & drop system: Content Manager Style Editor Add Elements Undo/Redo Save...

USER GUIDE: EDITOR. Drag & drop system: Content Manager Style Editor Add Elements Undo/Redo Save... USER GUIDE: EDITOR Drag & drop system:... 2 1. Content Manager... 3 2. Style Editor... 5 3. Add Elements... 6 4. Undo/Redo... 13 5. Save... 13 When we access Zeendo s website editor, we can see a series

More information

KEEP THEM ON YOUR WEBSITE! INTEGRATING THIRD-PARTY TOOLS TO PROVIDE A CONSISTENT USER EXPERIENCE

KEEP THEM ON YOUR WEBSITE! INTEGRATING THIRD-PARTY TOOLS TO PROVIDE A CONSISTENT USER EXPERIENCE KEEP THEM ON YOUR WEBSITE! INTEGRATING THIRD-PARTY TOOLS TO PROVIDE A CONSISTENT USER EXPERIENCE Michael Braun Hamilton Reference and Web Design Librarian Community College of Vermont The Problem http:www.emporia.edu/libsv/

More information

How to manage backgrounds in PowerPoint

How to manage backgrounds in PowerPoint How to manage backgrounds in PowerPoint Solid fill Let s start with a blank presentation. First you can do is to right-click anywhere on your slide and select Format Background menu. Gradient fill Choose

More information

UW Oshkosh WordPress Training Manual. June 2015 Integrated Marketing Communications *Updated January 2016

UW Oshkosh WordPress Training Manual. June 2015 Integrated Marketing Communications *Updated January 2016 UW Oshkosh WordPress Training Manual June 2015 Integrated Marketing Communications *Updated January 2016 Table of Contents What is WordPress...3 WordPress Resources...3 Website Best Practices...4 How to

More information

Creating Audio Slideshows

Creating Audio Slideshows SoundSlides is a program that takes raw pictures and an audio file and turns them into an audio slideshow that can be uploaded to the Internet as a website or embedded into an existing website or blog.

More information

Weebly Basics Tutorial: Create a Home Page. Create a Home Page

Weebly Basics Tutorial: Create a Home Page. Create a Home Page Create a Home Page Weebly is a free online web authoring tool to help you build and publish a website. This tutorial will help you get familiar with the functions and basic skills in using weebly to create

More information

HOW TO CREATE INFOGRAPHICS WITH INFOGRAM

HOW TO CREATE INFOGRAPHICS WITH INFOGRAM HOW TO CREATE INFOGRAPHICS WITH INFOGRAM Compliments of Women in Ecommerce - www.wecai.org According to Wikipedia: Infographics (a clipped compound of "information" and "graphics") are graphic visual representations

More information

A Guide to Using WordPress + RAVEN5. v 1.4 Updated May 25, 2018

A Guide to Using WordPress + RAVEN5. v 1.4 Updated May 25, 2018 + v 1.4 Updated May 25, 2018 Table of Contents 1. Introduction...................................................................................3 2. Logging In.....................................................................................4

More information

TRINET INTERNET SOLUTIONS, INC.

TRINET INTERNET SOLUTIONS, INC. TRINET INTERNET SOLUTIONS, INC. 1. Headquartered in Orange County, California with Offices in Washington D.C. and Dallas 2. Industry leading, full-service digital agency for 22 years 3. Expert capabilities

More information

How to Edit Your Website

How to Edit Your Website How to Edit Your Website A guide to using your Content Management System Overview 2 Accessing the CMS 2 Choosing Your Language 2 Resetting Your Password 3 Sites 4 Favorites 4 Pages 5 Creating Pages 5 Managing

More information

What s tracdelight and what can you use it for?

What s tracdelight and what can you use it for? Content What s tracdelight and what can you use it for?... 3 Add images and link them... 4 Optimize your content with internal links... 4 Style of writing... 4 Social Media Buttons... 5 A balanced image/text

More information

VIDEO 1: WHAT ARE THE SMART CONTENT TOOLS? VIDEO 2: HOW DO YOU CREATE A SMART CTA?

VIDEO 1: WHAT ARE THE SMART CONTENT TOOLS? VIDEO 2: HOW DO YOU CREATE A SMART CTA? VIDEO 1: WHAT ARE THE SMART CONTENT TOOLS? Hello again! I m Angela with HubSpot Academy. Now that you have a contextual marketing strategy in place with segmentation and personalization, you re ready to

More information

RIT Wiki 5.1 Upgrade - May 21, 2013

RIT Wiki 5.1 Upgrade - May 21, 2013 RIT Wiki 5.1 Upgrade - May 21, 2013 We are pleased to announce that the RIT Wiki will be upgraded to version 5.1 on Tuesday, May 21st. UPDATED TIME: The RIT Wiki will be unavailable on Tuesday, May 21st

More information

How to Edit Your Website

How to Edit Your Website How to Edit Your Website A guide to using your Content Management System Overview 2 Accessing the CMS 2 Choosing Your Language 2 Resetting Your Password 3 Sites 4 Favorites 4 Pages 5 Creating Pages 5 Managing

More information

Website Builder Workshop

Website Builder Workshop Website Builder Workshop National RTAP Technical Assistance Conference Omaha, Nebraska Sunday, October 29, 2017 U.S. Department of Transportation Federal Transit Administration Agenda Introduction What

More information

6 TIPS FOR IMPROVING YOUR WEB PRESENCE

6 TIPS FOR IMPROVING YOUR WEB PRESENCE 6 TIPS FOR IMPROVING YOUR WEB PRESENCE 6 TIPS FOR IMPROVING YOUR WEB PRESENCE We all want to get noticed on the web. If you are running a business you want to be on the first page in Google via organic

More information

Building a website. Should you build your own website?

Building a website. Should you build your own website? Building a website As discussed in the previous module, your website is the online shop window for your business and you will only get one chance to make a good first impression. It is worthwhile investing

More information

Using New Google Sites

Using New Google Sites Using New Google Sites With the New Google Sites, building websites is easy. Just drag content where you need it. Create a onestop destination for all important information, including videos, images, calendars,

More information

&408*Get Free: 'FlexiMenuJS for Dreamweaver Developer Edition - unlimited websites 1 user' by Extend Studio Discount Code

&408*Get Free: 'FlexiMenuJS for Dreamweaver Developer Edition - unlimited websites 1 user' by Extend Studio Discount Code &408*Get Free: 'FlexiMenuJS for Dreamweaver Developer Edition - unlimited websites 1 user' by Extend Studio Discount Code Heya, and you are welcome to this useful eshop. On this webshop you'll find everything

More information

What s a module? Some modules. it s so simple to make your page unique

What s a module? Some modules. it s so simple to make your page unique How to guide What s a module? To create a functioning network without knowing about code, you need to be fluent in drag and drop. Webjam is made up of scores of modules. Modules are the tools that Webjam

More information

Review Guide: Picasa 3 (beta) and Picasa Web Albums Fast and easy photo sharing from Google

Review Guide: Picasa 3 (beta) and Picasa Web Albums Fast and easy photo sharing from Google Review Guide: Picasa 3 (beta) and Picasa Web Albums Fast and easy photo sharing from Google Together, Picasa and Picasa Web Albums make it easy for you to organize and edit your digital photos, and then

More information

Users who require access to this application must seek it from their Security Administrator.

Users who require access to this application must seek it from their Security Administrator. WEB EDITOR SUBARU CONNECT Web Editor is now available on Subaru Connect, located under Applications > Website Maintenance > Webpage Editor. This completely redesigned version of the Web Editor enables

More information

Xerte. Guide to making responsive webpages with Bootstrap

Xerte. Guide to making responsive webpages with Bootstrap Xerte Guide to making responsive webpages with Bootstrap Introduction The Xerte Bootstrap Template provides a quick way to create dynamic, responsive webpages that will work well on any device. Tip: Webpages

More information

Quick Reference Guide WEBSITE MESSAGING TOOLS ACCESSIBILITY

Quick Reference Guide WEBSITE MESSAGING  TOOLS ACCESSIBILITY Quick Reference Guide WEBSITE MESSAGING EMAIL TOOLS ACCESSIBILITY Important Information Student privacy is imperative. Do not publish surnames, home addresses, home phone numbers, grades or test scores

More information

CUSTOMER MARKETING TO DRIVE REPEAT SALES

CUSTOMER MARKETING TO DRIVE REPEAT SALES CUSTOMER MARKETING TO DRIVE REPEAT SALES INTERMEDIATE We will be starting at 2:00 pm ET. Use the Question Pane in GoToWebinar to Ask Questions! 1 Use the hashtag #InboundLearning on Twitter 2 Question

More information

Survey123 Deep Dive. Presented by: Sue Enyedy-Goldner Fall 2018

Survey123 Deep Dive. Presented by: Sue Enyedy-Goldner Fall 2018 Survey123 Deep Dive Presented by: Sue Enyedy-Goldner Fall 2018 Today s Agenda 1. Overview of Survey123 - getting stared with Web Designer 2. Create smarter surveys - using Survey123 Connect 3. Examine

More information

door to my garden Simple CSS resulting in impressive, sophisticated visual effects

door to my garden Simple CSS resulting in impressive, sophisticated visual effects Patrick H. Lauke, Designer www.csszengarden.com/041 door to my garden Simple CSS resulting in impressive, sophisticated visual effects AN AVID PHOTOGRAPHER, Patrick Lauke prefers to take his own photographs

More information

Objective Explain concepts used to create websites.

Objective Explain concepts used to create websites. Objective 106.01 Explain concepts used to create websites. WEB DESIGN o The different areas of web design include: Web graphic design User interface design Authoring (including standardized code and proprietary

More information

CONTENT CALENDAR USER GUIDE SOCIAL MEDIA TABLE OF CONTENTS. Introduction pg. 3

CONTENT CALENDAR USER GUIDE SOCIAL MEDIA TABLE OF CONTENTS. Introduction pg. 3 TABLE OF CONTENTS SOCIAL MEDIA Introduction pg. 3 CONTENT 1 Chapter 1: What Is Historical Optimization? pg. 4 2 CALENDAR Chapter 2: Why Historical Optimization Is More Important Now Than Ever Before pg.

More information

N/A. JSN PageBuilder 2 Configuration Manual Introduction. System Requirements. Product Usage. Joomla Requirements. Server Requirement

N/A. JSN PageBuilder 2 Configuration Manual Introduction. System Requirements. Product Usage. Joomla Requirements. Server Requirement JSN PageBuilder 2 Configuration Manual Introduction About JSN PageBuilder 3 JSN PageBuilder 3 is the latest innovation from Joomla! PageBuilder, with great improvements to the interface, features, and

More information

SEO WEB DESIGN BRANDING PHOTOGRAPHY SOCIAL MEDIA

SEO WEB DESIGN BRANDING PHOTOGRAPHY SOCIAL MEDIA SEO WEB DESIGN BRANDING PHOTOGRAPHY SOCIAL MEDIA ABOUT DESIGN & PROMOTE o For more than 8 years we have been creating engine optimized websites that convert more visitors into customers. o When you work

More information

CANVAS OBSERVER GUIDE

CANVAS OBSERVER GUIDE CANVAS OBSERVER GUIDE This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike License Table of Contents Introduction...3 What is the Observer role?...4 How can I use Canvas

More information

PROFILE DESIGN TUTORIAL KIT

PROFILE DESIGN TUTORIAL KIT PROFILE DESIGN TUTORIAL KIT NEW PROFILE With the help of feedback from our users and designers worldwide, we ve given our profiles a new look and feel. The new profile is designed to enhance yet simplify

More information

Useful Google Apps for Teaching and Learning

Useful Google Apps for Teaching and Learning Useful Google Apps for Teaching and Learning Centre for Development of Teaching and Learning (CDTL) National University of Singapore email: edtech@groups.nus.edu.sg Table of Contents About the Workshop...

More information

Pinterest MONDAY, APRIL 22, Basics PAGE 2. How-tos PAGE 3. Advanced PAGE 4

Pinterest MONDAY, APRIL 22, Basics PAGE 2. How-tos PAGE 3. Advanced PAGE 4 Pinterest MONDAY, APRIL 22, 2013 Basics PAGE 2 How-tos PAGE 3 Advanced PAGE 4 What is Pinterest? Pinterest is a virtual pin board used for sharing and organizing images. Use Pinterest to share your own

More information

CMS and e-commerce Solutions. version 1.0. Please, visit us at: or contact directly by

CMS and e-commerce Solutions. version 1.0. Please, visit us at:   or contact directly by Category Navigation for Magento User Guide version 1.0 created by IToris IToris Table of contents 1. Introduction... 3 1.1. Purpose... 3 2. Installation and License... 3 2.1. System Requirements... 3 2.2.

More information

Adobe Spark. Schools and Educators. A Guide for. spark.adobe.com

Adobe Spark. Schools and Educators. A Guide for. spark.adobe.com Adobe Spark A Guide for Schools and Educators spark.adobe.com CONTENTS 1: What Is Adobe Spark?... 3 2: How Much Does Adobe Spark Cost?... 4 3: Is Adobe Spark A Web Application Or An App?... 4 4: Three

More information

IMPORT GUIDE. PowerPhoto CRM 2013/2015

IMPORT GUIDE. PowerPhoto CRM 2013/2015 IMPORT GUIDE PowerPhoto CRM 2013/2015 Contents Import Register Configure Add, Remove, Set Default, Set Record Image, Thumbnail & View Text Display Original File Save Original File Resize Photo Resize Height

More information

Setting up your WordPress blog CS4031

Setting up your WordPress blog CS4031 1. Sign up for a wordpress.com (not a wordpress.org) account. 2. Please use your real name (or a derivative of it), or your brand identity. Your blog address will be name.wordpress.com For example, mine

More information

RRJ.ca Uploading content and managing the site

RRJ.ca Uploading content and managing the site RRJ.ca Uploading content and managing the site Logging In: To log in, go to: http://rrj.ca/wp admin You will need to use your FCAD login credentials. The first time you log in a WordPress user account

More information

ITEC447 Web Projects CHAPTER 10 FLASH & SILVERLIGHT 1

ITEC447 Web Projects CHAPTER 10 FLASH & SILVERLIGHT 1 ITEC447 Web Projects CHAPTER 10 FLASH & SILVERLIGHT 1 Working with Flash and Other Embeddable Content One of the major turning points in the evolution of web design was the introduction of Flash. By designing

More information

How many leads you bring in How much revenue you bring in How many products you sell How much costs you are able to keep down etc

How many leads you bring in How much revenue you bring in How many products you sell How much costs you are able to keep down etc As a marketer working in a small business, you may find yourself wearing many hats. You may find that you are responsible for a lot more than just the marketing and that the growth and existence of the

More information

Standard Design Reference

Standard Design Reference Standard Design Reference Version 4 Document ID SDR Revision 4 Effective Date March 2017 Standard ISO 9001-2015 / ISO 27001 Title STANDARD DESIGN REFERENCE Prepared By Alex McCreath / Director Reviewed

More information

Index. alt, 38, 57 class, 86, 88, 101, 107 href, 24, 51, 57 id, 86 88, 98 overview, 37. src, 37, 57. backend, WordPress, 146, 148

Index. alt, 38, 57 class, 86, 88, 101, 107 href, 24, 51, 57 id, 86 88, 98 overview, 37. src, 37, 57. backend, WordPress, 146, 148 Index Numbers & Symbols (angle brackets), in HTML, 47 : (colon), in CSS, 96 {} (curly brackets), in CSS, 75, 96. (dot), in CSS, 89, 102 # (hash mark), in CSS, 87 88, 99 % (percent) font size, in CSS,

More information

Digital Advertising Specifications

Digital Advertising Specifications Digital Advertising DISPLAY ADVERTISING Unit Dimensions 2x (Retina) Appears On Max File Size Mobile Leaderboard 320x50 640x100 Mobile 80kb Leaderboard 728x90 1456x180 Tablet, Desktop 80kb Super Leaderboard

More information

Log into your Account on Website then back to Home page.

Log into your Account on Website then back to Home page. Log into your Account on Website then back to Home page. To get to the team roster first go to > Team Directory. After you find the team you re looking for click on Team Home. This will take you to that

More information

Contents. Page Builder Pro Manual

Contents. Page Builder Pro Manual PRISM Contents 1. Website/Pages/Stripes/Items/Elements... 2 2. Click & Edit, Mix & Match (Drag & Drop)... 3 3. Adding a Stripe... 4 4. Managing Stripes... 5 5. Adding a Page... 7 6. Managing Pages and

More information

WebsiteBuilder. Manual

WebsiteBuilder. Manual WebsiteBuilder Manual August 2016, Copyright Webland AG 2016 Table of Contents Introduction Getting Familiar With WebsiteBuilder Creating and Editing Websites Editing Websites Structure: Pages and Navigation

More information

No hands-on lessons here Digital humanities focus Talk about the kinds of things you can do Give you ideas for developing your project

No hands-on lessons here Digital humanities focus Talk about the kinds of things you can do Give you ideas for developing your project No hands-on lessons here Digital humanities focus Talk about the kinds of things you can do Give you ideas for developing your project 1 Traditional blog themes are a running list of posts with maybe a

More information

Designing Personalized Experiences For Your Brand

Designing Personalized Experiences For Your Brand THE ULTIMATE GUIDE TO: Designing Personalized Experiences For Your Brand Ashton Landry & Amie Levasseur THE PERSONALIZATION SUMMIT 2017 Designing Personalized Experiences For Your Brand Have you ever seen

More information

SELF PUBLISHING AND THE WEB. How to develop and maintain a web presence for authors

SELF PUBLISHING AND THE WEB. How to develop and maintain a web presence for authors SELF PUBLISHING AND THE WEB How to develop and maintain a web presence for authors INTRODUCTION My name is Andrew Hicks. I am a teacher at Columbia College, a freelance web designer, an author, and I run

More information

Working with Windows Movie Maker

Working with Windows Movie Maker Working with Windows Movie Maker These are the work spaces in Movie Maker. Where can I get content? You can use still images, OR video clips in Movie Maker. If these are not images you created yourself,

More information

JSN PageBuilder 3 Configuration Manual Introduction

JSN PageBuilder 3 Configuration Manual Introduction JSN PageBuilder 3 Configuration Manual Introduction About JSN PageBuilder 3 JSN PageBuilder 3 is the latest innovation of Joomla! PageBuilder with great improvements in the interface, features, and user

More information

Technovation 2018 Hack Day

Technovation 2018 Hack Day Technovation 2018 Hack Day Hack Day Trainer: Ahmed Career pathway through Engineering B. Eng. in Software Engineering Lakehead University Project Management Office IBM (Automation, Legal Deliverables )

More information

WEBSITE REDESIGN CASE STUDY:

WEBSITE REDESIGN CASE STUDY: WEBSITE REDESIGN CASE STUDY: WEBSITE REDESIGN CASE STUDY: InTouch Technology by Samantha Schultz Samantha Schultz is a Project Manager with LyntonWeb, specializing in website redesigns and inbound marketing

More information

Introducing zipform Plus

Introducing zipform Plus Welcome to the basic training for the new zipform Plus. As a zipform user, you will notice the new opportunity to switch to the Beta (testing) version of zipform Plus from your zipform 6 Professional account.

More information

Configuration Guide For The Online Converter

Configuration Guide For The Online Converter Configuration Guide For The Online Converter by IDRSolutions Copyright IDR Solutions Limited Revision 1.2 Revision 1.3 20/12/13 13/02/14 Introduction The Online PDF converter is a simple to use interface

More information

WEBSITE INSTRUCTIONS. Table of Contents

WEBSITE INSTRUCTIONS. Table of Contents WEBSITE INSTRUCTIONS Table of Contents 1. How to edit your website 2. Kigo Plugin 2.1. Initial Setup 2.2. Data sync 2.3. General 2.4. Property & Search Settings 2.5. Slideshow 2.6. Take me live 2.7. Advanced

More information

Swiiit User Guide 03/09/2015

Swiiit User Guide 03/09/2015 Swiiit User Guide 03/09/2015 Contents Getting Started... 4 Overview of Main Tools... 5 Webpages... 6 Main pages (Sections)... 6 Rearrange Sections... 6 Subpages... 7 Change the Title of a Webpage... 8

More information

* Utilizing YouTube and SEO Techniques to Expand Your Brand

* Utilizing YouTube and SEO Techniques to Expand Your Brand Get Social with Video Using Video in Your Business EMBRACE. Social Video Technology ENGAGE.. Your Audience with Video EXECUTE.. A Video Distribution Plan EQUIPMENT. Tools and Resources SOCIAL * Utilizing

More information

Graphic Design:Tips & Tools for the Non-designer. mparks Conference 2018

Graphic Design:Tips & Tools for the Non-designer. mparks Conference 2018 Graphic Design:Tips & Tools for the Non-designer mparks Conference 2018 My Background Intro Not a teacher. This is a first. Be gentle. Let s journey together, treat it like a conversation, and break if

More information

Webomania Solutions Pvt. Ltd About ClipBucket-A way to broadcast yourself:

Webomania Solutions Pvt. Ltd About ClipBucket-A way to broadcast yourself: About ClipBucket-A way to broadcast yourself: Video sharing websites are in great demand in today s world. There are many successful video sharing websites like YouTube, Dailymotion, Metacafe, Veoh, Hulu

More information

Classroom Blogging. Training wiki:

Classroom Blogging. Training wiki: Classroom Blogging Training wiki: http://technologyintegrationshthornt.pbworks.com/create-a-blog 1. Create a Google Account Navigate to http://www.google.com and sign up for a Google account. o Use your

More information

Microsoft SharePoint 2016 Content Management System

Microsoft SharePoint 2016 Content Management System Microsoft SharePoint 2016 Content Management System Website Hands-on Training Office of Communications Before we start Login to pc Make sure you have at least one random picture and one random document

More information

Websites. Version 1.7

Websites. Version 1.7 Websites Version 1.7 Last edited 15 Contents MyNetball Information...3 Websites...4 Web packages...4 Setting up the layout...5 Uploading files and images...6 Using Dropbox to Increase your Website Data...7

More information

POCKET PROFESSIONAL DESIGN ON A DIME

POCKET PROFESSIONAL DESIGN ON A DIME POCKET PROFESSIONAL DESIGN ON A DIME Design simple publications for print or posting online. Create ads, flyers, business documents, party invitations, and more, using Microsoft Publisher. We ll even explore

More information

Aware IM Version 8.2 Aware IM for Mobile Devices

Aware IM Version 8.2 Aware IM for Mobile Devices Aware IM Version 8.2 Copyright 2002-2018 Awaresoft Pty Ltd CONTENTS Introduction... 3 General Approach... 3 Login... 4 Using Visual Perspectives... 4 Startup Perspective... 4 Application Menu... 5 Using

More information

Digital Storytelling & App Smashing with the ipad

Digital Storytelling & App Smashing with the ipad Digital Storytelling & App Smashing with the ipad Download the following free applications from the app store Shadow Puppet Edu By Shadow Puppet Inc Tellagami By Tellagami Labs Inc Pic Collage By Cardinal

More information

MARKETING STRATEGIES

MARKETING STRATEGIES MARKETING STRATEGIES DISCOVER OUR FORMULA MARKETING STRATEGIES Designing a website is never that easy, it take a lot of patience and hard work. From appearance to functionality Leap has a few techniques

More information

A Guide to Improving Your SEO

A Guide to Improving Your SEO A Guide to Improving Your SEO Author Hub A Guide to Improving Your SEO 2/12 What is SEO (Search Engine Optimisation) and how can it help me to become more discoverable? This guide details a few basic techniques

More information

JSN EasySlider Configuration Manual

JSN EasySlider Configuration Manual JSN EasySlider Configuration Manual Introduction Product Overview JSN EasySlider JSN EasySlider is the cutting-edge way to present content on website: Informative - Impressive - Interactive. It helps you

More information

My Marketing Team is an exclusive benefit for VSP Global Premier Program practices and provides you a dedicated team of marketing professionals.

My Marketing Team is an exclusive benefit for VSP Global Premier Program practices and provides you a dedicated team of marketing professionals. My Marketing Team is an exclusive benefit for VSP Global Premier Program practices and provides you a dedicated team of marketing professionals. With My Marketing Team, you can reach, connect, and engage

More information

Modular: Shopify Theme

Modular: Shopify Theme Modular: Shopify Theme Table of Contents Introduction 2 Top Bar 2 Header/Branding 3 Main Navigation 3 Backgrounds 4 Global Colors 4 Fonts 4 Home Slideshow 5 Home 6 Collection Pages 6 Product Pages 7 Blog

More information

WORDPRESS 101 BOULDER CO. TRAINING NOVEMBER, 2018

WORDPRESS 101 BOULDER CO. TRAINING NOVEMBER, 2018 WORDPRESS 101 BOULDER CO. TRAINING NOVEMBER, 2018 PAGES, POSTS, IMAGES AND DOCUMENTS IN WORDPRESS WHAT IS A PAGE; WHAT IS A POST? A page is static content A webpage Most Extension sites consist of several

More information

jquery & Responsive Web Design w/ Dave #jqsummit #rwd

jquery & Responsive Web Design w/ Dave #jqsummit #rwd jquery & Responsive Web Design w/ Dave Rupert @davatron5000 #jqsummit #rwd I work at Paravel. http://paravelinc.com && @paravelinc I host the ATX Web Show. http://atxwebshow.com && @atxwebshow I make tiny

More information

Wolf. Responsive Website Designer. Mac Edition User Guide

Wolf. Responsive Website Designer. Mac Edition User Guide Wolf Responsive Website Designer Mac Edition User Guide Version 2.10.3 Table of Contents What is Wolf Website Designer? Editor overview Save and open website Create responsive layout How to create responsive

More information

WEBSITE INSTRUCTIONS

WEBSITE INSTRUCTIONS Table of Contents WEBSITE INSTRUCTIONS 1. How to edit your website 2. Kigo Plugin 2.1. Initial Setup 2.2. Data sync 2.3. General 2.4. Property & Search Settings 2.5. Slideshow 2.6. Take me live 2.7. Advanced

More information