Awesomizing your Squarespace Website

•

2 gefällt mir•2,237 views

Seth Familian

A workshop at General Assembly, San Francisco

Bildung

Seth Familian
Founder + Principal, Familian&1
AWESOMIZING
YOUR (SQUARESPACE) SITE
START HERE!
familian1.com/awesomizing

SETH FAMILIAN, FOUNDER + PRINCIPAL, FAMILIAN&1
A BIT ABOUT ME 2
BUSINESS STRATEGY
GROWTH HACKING
PRODUCT MANAGEMENT WEB PRESENCE
TEACHING + EDUCATION PROCRAFTINATION

MY 7-YEAR PLATFORM JOURNEY 3
2015-Present2009-2011
+
OR
2012-2014
+
OR
Secure · Intuitive
Elegant · Affordable
Customizable · FAST

WHAT WE’LL COVER TONIGHT 5
‣ Optimizing information architecture
‣ Customizing template CSS & JS
‣ Embedding 3rd party web tools

AWESOMIZING YOUR (SQUARESPACE) SITE
OPTIMIZING
INFORMATION
ARCHITECTURE
6

A.K.A.  
NAV-DRIVEN
SITE FLOW
OPTIMIZING INFORMATION ARCHITECTURE 7
LEVEL 1: LOAD HOME LEVEL 2: CLICK ITEM

OPTIMIZING INFORMATION ARCHITECTURE
A.K.A.  
NAV-DRIVEN
SITE FLOW
8
LEVEL 1: CLICK NAV LEVEL 2: CLICK ITEM

OPTIMIZING INFORMATION ARCHITECTURE
A.K.A.  
NAV-DRIVEN
SITE FLOW
9
LEVEL 1: CLICK NAV LEVEL 2: CLICK ITEM

OPTIMIZING INFORMATION ARCHITECTURE
A.K.A.  
NAV-DRIVEN
SITE FLOW
10
LEVEL 1: CLICK NAV LEVEL 2: CLICK ITEM

OPTIMIZING INFORMATION ARCHITECTURE
A.K.A.  
NAV-DRIVEN
SITE FLOW
11
LEVEL 1: CLICK NAV LEVEL 2: CLICK ITEM

OPTIMIZING INFORMATION ARCHITECTURE
HOW TO DO IT
12
Current
Exhibits
Gallery
Events
Gallery
Directory
Private
Events
Leasing
Space
Bergamot
History
Contact
Us
Join
Email List
Google
Map
Follow on
FB, etc.
1. LIST CONTENT
ON POST-ITS

OPTIMIZING INFORMATION ARCHITECTURE 13
2. GROUP POST-ITS  
INTO 3-5 ITEMS  
+ A FOOTER
Current
Exhibits
On View
Gallery
Events
Events
Gallery
Directory
Explore
Google
Map
Visit
Private
Events
Leasing
Space
Bergamot
History
Contact
Us
Learn
More
HOW TO DO IT
1. LIST CONTENT
ON POST-ITS
Follow on
FB, etc.Join
Email List
Site
Footer

OPTIMIZING INFORMATION ARCHITECTURE 14
COMMON QUESTIONS
‣ Can I have more than 5 nav items?
‣ What about dropdown menus?
‣ How do I plan for future site sections?
‣ What about hidden site pages?

AWESOMIZING YOUR (SQUARESPACE) SITE
CUSTOMIZING
TEMPLATE CSS + JS
15

CUSTOM CSS  
IS YOUR FRIEND!
CUSTOMIZING TEMPLATE CSS + JS 16
‣ Customize beyond the “style editor”
‣ Use responsive rules to adjust mobile layouts
‣ Fine-tune any element on your Squarespace site!

PAGE-SPECIFIC
CUSTOM CSS
CUSTOMIZING TEMPLATE CSS + JS 17

PAGE-SPECIFIC
CUSTOM CSS 
+ JS!
CUSTOMIZING TEMPLATE CSS + JS 18

PAGE-SPECIFIC
CUSTOM CSS
CUSTOMIZING TEMPLATE CSS + JS 19

PAGE-SPECIFIC
CUSTOM CSS  
+ SITE-WIDE  
JS
CUSTOMIZING TEMPLATE CSS + JS 20

SITE-WIDE  
CSS + JS
CUSTOMIZING TEMPLATE CSS + JS 21

CUSTOMIZING TEMPLATE CSS + JS 22
COMMON QUESTIONS
‣ Why not use Developer Mode?
‣ What happens when I break my site?
‣ Should I be injecting jQuery?!

AWESOMIZING YOUR (SQUARESPACE) SITE
EMBEDDING
3RD-PARTY
WEB TOOLS
23

EMBEDDING 3RD-PARTY WEB TOOLS
SIMPLE  
EMBED CODE
24
FOR IFRAME-CENTRIC TOOLS

EMBEDDING 3RD-PARTY WEB TOOLS
SLIDESHARE
25
SLIDESHARE.NET
FOR PRIVATE OR PUBLIC DECKS

EMBEDDING 3RD-PARTY WEB TOOLS
MAPTIV8
26
FAMILIAN1.COM/MAPTIV8
FOR LARGE VISUAL LISTS

EMBEDDING 3RD-PARTY WEB TOOLS
CHARTED
27
CHARTED.CO
FOR SUPER SIMPLE CHARTS

EMBEDDING 3RD-PARTY WEB TOOLS
TYPEFORM
28
TYPEFORM.COM
FOR SUPER ELEGANT SURVEYS

EMBEDDING 3RD-PARTY WEB TOOLS
AIRTABLE
29
AIRTABLE.COM
FOR AWESOMSAUCE DATABASES

EMBEDDING 3RD-PARTY WEB TOOLS
MAPBOX
30
MAPBOX.COM
FOR GEOGRAPHIC DATA

EMBEDDING 3RD-PARTY WEB TOOLS
MAP BOX
31
EMBEDDED VIA IFRAMES
A SIMPLE EXAMPLE OF

EMBEDDING 3RD-PARTY WEB TOOLS
MAP BOX
32
EMBEDDED VIA JAVASCRIPT
A COMPLEX EXAMPLE OF

EMBEDDING 3RD-PARTY WEB TOOLS 33
COMMON QUESTIONS
‣ Are these tools really that much better than
what’s already in Squarespace?
‣ What are the risks of using 3rd-party tools?
‣ Where can I find a list of the best tools?

DISCUSSION TIME
AWESOMIZING YOUR (SQUARESPACE) WEBSITE 34
QUESTIONS · FEEDBACK · IDEAS · INSIGHTS

SURVEY TIME!
AWESOMIZING YOUR (SQUARESPACE) WEBSITE 35
PLEASE VISIT FAMILIAN1.COM/AWESOMIZING

THANK YOU!
LET’S KEEP IN TOUCH.
36
SETH@FAMILIAN1.COM · @SFAM · @MAPTIV8

Weitere ähnliche Inhalte

Was ist angesagt?

Migraciones y el impacto en SEO

Veronica625133

2nd WordPress + Amazon Web Services Meetup

Kel

3 Gifts My Users Gave Me - Alexandra Draghici - WordCamp Europe 2017

Alexandra_CaptainForm

The all functional programming world, Docker, Clever Cloud, micro service architecture, logs append only DB… All of this rely on the immutability at some point: infrastructure immutability, data immutability, append only. This is the way we now build some of the best scalable applications and infrastructure. The talk is made to understand why Immutability rules the scalability and why it’s important.

Immutability: from code to infrastructure, the way to scalability - Voxxed Da...

Quentin Adam

Immutability: from code to infrastructure, the way to scalability - Breizhca...

Quentin Adam

HTML5

Zainul Setyo Pamungkas

Was ist angesagt? (6)

Migraciones y el impacto en SEO

2nd WordPress + Amazon Web Services Meetup

3 Gifts My Users Gave Me - Alexandra Draghici - WordCamp Europe 2017

Immutability: from code to infrastructure, the way to scalability - Voxxed Da...

Immutability: from code to infrastructure, the way to scalability - Breizhca...

HTML5

Andere mochten auch

Automating Big Data (Dec-2016)

Seth Familian

Marketing Strategy, Tools & Tactics

Seth Familian

An immersive workshop at General Assembly, SF. I typically teach this workshop at General Assembly, San Francisco. To see a list of my upcoming classes, visit https://generalassemb.ly/instructors/seth-familian/4813 I also teach this workshop as a private lunch-and-learn or half-day immersive session for corporate clients. To learn more about pricing and availability, please contact me at http://familian1.com

Visual Design with Data

Seth Familian

Digital marketing — an overview

Seth Familian

Working With Big Data

Seth Familian

Persuading with Powerpoint

Seth Familian

Persuasive Visualization: Data + Design = Engagement

Seth Familian

Everything Is Digital: Ten HR and Talent Predictions for 2020

Josh Bersin

The technologies and people we are designing experiences for are constantly changing, in most cases they are changing at a rate that is difficult keep up with. When we think about how our teams are structured and the design processes we use in light of this challenge, a new design problem (or problem space) emerges, one that requires us to focus inward. How do we structure our teams and processes to be resilient? What would happen if we looked at our teams and design process as IA’s, Designers, Researchers? What strategies would we put in place to help them be successful? This talk will look at challenges we face leading, supporting, or simply being a part of design teams creating experiences for user groups with changing technological needs.

Designing Teams for Emerging Challenges

Aaron Irizarry

Music Ally NumberCrunch - June 2010

Stuart Dredge

3 Things Every Sales Team Needs to Be Thinking About in 2017

Drift

International Interactive Entertainment Law

Volker Hirsch

Gamify Entertainment

Volker Hirsch

Mobile & tablet gambling 2013

Volker Hirsch

The Power of Games

Volker Hirsch

BlackBerry 10 Rises

Volker Hirsch

BlackBerry @ Game Horizon 2012

Volker Hirsch

GDC12: Social Gaming

Volker Hirsch

Capturing Users / Using social, engagement and mobile to drive acquisition an...

Volker Hirsch

Mobile + Social: Why BlackBerry is Perfect - GDC Europe 2012

Volker Hirsch

Andere mochten auch (20)

Automating Big Data (Dec-2016)

Marketing Strategy, Tools & Tactics

Visual Design with Data

Digital marketing — an overview

Working With Big Data

Persuading with Powerpoint

Persuasive Visualization: Data + Design = Engagement

Everything Is Digital: Ten HR and Talent Predictions for 2020

Designing Teams for Emerging Challenges

Music Ally NumberCrunch - June 2010

3 Things Every Sales Team Needs to Be Thinking About in 2017

International Interactive Entertainment Law

Gamify Entertainment

Mobile & tablet gambling 2013

The Power of Games

BlackBerry 10 Rises

BlackBerry @ Game Horizon 2012

GDC12: Social Gaming

Capturing Users / Using social, engagement and mobile to drive acquisition an...

Mobile + Social: Why BlackBerry is Perfect - GDC Europe 2012

Ähnlich wie Awesomizing your Squarespace Website

"Progressive enhancement" involves designing sites in a way that allows everyone to access the basic content of a web page while also providing enhanced versions to visitors with faster bandwidth or more advanced browsers. In this session, Aaron Gustafson covers the current best practice in this critical aspect of web standards development. Staring with an introduction to the topic, Aaron will walk you through the best ways to apply style and behavior to your pages, providing concrete examples and implementations that you can start using right away.

Fundamental Progressive Enhancement [Web Design World Boston 2008]

Aaron Gustafson

WordPress Page Builders for Non-Developers (Create Visual Layouts Without Code)

Geoff Myers

“Progressive enhancement” involves designing sites in a way that allows everyone to access the basic content of a web page while also providing enhanced versions to visitors with faster bandwidth or more advanced browsers. In this session, Aaron Gustafson covers the current best practice in this critical aspect of web standards development. Staring with an introduction to the topic, Aaron will walk you through the best ways to apply style and behavior to your pages, providing concrete examples and implementations that you can start using right away.

Fundamental Progressive Enhancement [Web Design World - Seattle 2009]

Aaron Gustafson

The concept of building SharePoint site templates has evolved. We now have site scripts and site designs that we can utilize to build templates for modern SharePoint sites. With these solutions we can empower the end users or administrators to drive consistent SharePoint experiences. In this session I will break down what site designs and site scripts are and how you can get started using them today within your enterprise.

Getting Started with Site Designs and Site Scripts - NACollabSummit 2019

Drew Madelung

Getting Started with Site Designs and Site Scripts - SPSChi

Drew Madelung

Keynote SUGCON 2021 - Sitecore and SaaS our shared journey

Pieter Brinkman

Spca2014 introduction responsive master page niaulin

NCCOMMS

Enhancing SharePoint with Responsive Web Design

Eric Overfield

Wordpress Website Design And Development Proposal PowerPoint Presentation Slides

SlideTeam

Let's Work Together

Aquent

Responsive Web Design - NYC Webgrrls

Amelie Walker-Yung

The best of SEO toturial

boyfvn

Web agencies: An analysis of the OVH infrastructure to optimise your web proj...

OVHcloud

Digital Olympus Technical SEO Findings Whilst Taming An SEO Beast

Dawn Anderson MSc DigM

Using WordPress as a Backend for Your React Project

Adam Rasheed

Drupal Theming with CSS Frameworks (960grid)

Ryan Cross

Microsoft WebMatrix Platform Overview

Spiffy

Why is headless so hot right now? It helps companies meet people where they are digitally—including their devices. Headless is a new pattern for building websites that introduces several new concepts to WordPress. According to a new study, 64% of enterprise organizations are currently using a headless approach, representing a nearly 25% increase from 2019. Getting started with headless may feel overwhelming, but once you understand the playing field, your team will be building absurdly fast, decoupled websites in no time. WP Engine and Click Here Labs are teaming up in this session to cover key terms, emerging trends, and cutting-edge best practices for Headless WordPress.

Headless 101 - Everything You Wanted to Know and More!

WP Engine

WordPress has promoted easy setup of webpages for numberless businesses around the planet. No wonder WP is the world’s favorite application for content management. However, WordPress service providers continue to struggle when it comes to lead conversion. If you are a WordPress website developer who wants to expand business horizons, this proposal PPT is dedicated to you. SlideTeam gives you- WordPress Web Design Proposal PowerPoint Presentation Slides. Be it solicited or otherwise, consolidating a responsive business proposal necessitates experience. Our team of developers is well-tuned to the preferences of B2B clients. SlideTeam have innovated 1M+ slides (and counting). The design featured in this WordPress web development business proposal PPT theme is a refined over a series of trial and error. The cover letter is the soul of any business proposal. Therefore, a concise format that hooks your client from the very first word is included. The content of our WordPress web design business proposal industry experts collect PowerPoint slideshow. Elucidate an ideal overview of the project by showcasing how your approach aligns the best client’s requirements. Acquaint your prospective clients with web development tools and technologies as per the production process. Walk your audience through the scope of your development services. Use a linear diagram to break down the project timeline into phases. Illustrate the tasks and duration related to each phase. Such details keep your customers informed and satisfied. Demonstrate the deliverables of the WP website development project. Preserve business transparency by compiling the pricing structure. Gain your customer’s trust by presenting a brief introduction to your company. Familiarize your client with the key project personnel along with their roles. Reveal your proficiency through a case study. Moreover, you can communicate the terms and conditions of the project through this easy-to-comprehend PPT. Download our business proposal PPT layout to gain access to several diagrams to incorporate for visual effects. https://bit.ly/3ns1x1b

Wordpress Web Design Proposal PowerPoint Presentation Slides

SlideTeam

ASP.NET MVC Zero to Hero

Md. Mahedee Hasan

Ähnlich wie Awesomizing your Squarespace Website (20)

Fundamental Progressive Enhancement [Web Design World Boston 2008]

WordPress Page Builders for Non-Developers (Create Visual Layouts Without Code)

Fundamental Progressive Enhancement [Web Design World - Seattle 2009]

Getting Started with Site Designs and Site Scripts - NACollabSummit 2019

Getting Started with Site Designs and Site Scripts - SPSChi

Keynote SUGCON 2021 - Sitecore and SaaS our shared journey

Spca2014 introduction responsive master page niaulin

Enhancing SharePoint with Responsive Web Design

Wordpress Website Design And Development Proposal PowerPoint Presentation Slides

Let's Work Together

Responsive Web Design - NYC Webgrrls

The best of SEO toturial

Web agencies: An analysis of the OVH infrastructure to optimise your web proj...

Digital Olympus Technical SEO Findings Whilst Taming An SEO Beast

Using WordPress as a Backend for Your React Project

Drupal Theming with CSS Frameworks (960grid)

Microsoft WebMatrix Platform Overview

Headless 101 - Everything You Wanted to Know and More!

Wordpress Web Design Proposal PowerPoint Presentation Slides

ASP.NET MVC Zero to Hero

Kürzlich hochgeladen

Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi Welcome to VIP Call Girl In Delhi Hello! Delhi Call Girls is one of the most popular cities in India. Girls who call in Delhi frequently Advertise their services in small promgons in magazines, as well as on the Internet but We do not act as a direct-promoter. We will do everything we can to make sure that you're safe to the max to the best of our abilities and making sure of our ability and ensuring that you're obtained to the best of our abilities and making sure that you get what you want. Sexuality of our females is recognized by our Business proposals. Top-of-the-line, fully-featured Delhi girl call number and we offer To be aware of it is a major reason in deciding to use our services to ensure that our customers realize the worth of their lives swiftly and in a pleasant manner by engaging with web series performers for a cost of 10000.Here you are able to be Relax knowing that personal information is stored in the business proposals, giving an appearance of like you're as if you are a full affirmation. Call Girls Service Now Delhi +91-9899900591 *********** N.M.************* 01/04/2024 ▬█⓿▀█▀ 𝐈𝐍𝐃𝐄𝐏𝐄𝐍𝐃𝐄𝐍𝐓 CALL 𝐆𝐈𝐑𝐋 𝐕𝐈𝐏 𝐄𝐒𝐂𝐎𝐑𝐓 SERVICE ✅ ❣️ ⭐➡️HOT & SEXY MODELS // COLLEGE GIRLS AVAILABLE FOR COMPLETE ENJOYMENT WITH HIGH PROFILE INDIAN MODEL AVAILABLE HOTEL & HOME ★ SAFE AND SECURE HIGH CLASS SERVICE AFFORDABLE RATE ★ SATISFACTION,UNLIMITED ENJOYMENT. ★ All Meetings are confidential and no information is provided to any one at any cost. ★ EXCLUSIVE PROFILes Are Safe and Consensual with Most Limits Respected ★ Service Available In: - HOME & HOTEL Star Hotel Service .In Call & Out call SeRvIcEs : ★ A-Level (star escort) ★ Strip-tease ★ BBBJ (Bareback Blowjob)Receive advanced sexual techniques in different mode make their life more pleasurable. ★ Spending time in hotel rooms ★ BJ (Blowjob Without a Condom) ★ Completion (Oral to completion) ★ Covered (Covered blowjob Without condom SAFE AND SECURE

Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi

kauryashika82

Accessible design: Minimum effort, maximum impact

dawncurless

BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf

SoniaTolstoy

Discover the Kisan Call Centre: Your Gateway to Agricultural Assistance KISAN CALL CENTRE In order to harness the potential of ICT in Agriculture, Ministry of Agriculture & Farmers Welfare launched the scheme “Kisan Call Centres” (KCCs) on January 21, 2004. Main aim of the scheme is to answer farmers’ queries on a telephone call in their own language. These call centres are working in 21 different locations in the country covering all the States and UTs. A countrywide common eleven digit Toll Free Number 1800-180-1551 has been allotted for Kisan Call Centre. This number is accessible through mobile phones and landlines of all telecom networks including private service providers. Replies to the farmers’ queries are given in 22 local languages. Kisan Call Centre services are available from 6.00 AM to 10.00 PM on all seven days of the week at each KCC location. Kisan Call Centre agents known as Farm Tele Advisors (FTAs), who are graduate or above (i.e. PG or Doctorate) in Agriculture or allied sectors (Horticulture, Animal Husbandry, Fisheries, Poultry, Bee-Keeping, Sericulture, Aquaculture, Agricultural Engineering, Agricultural Marketing, Bio-Technology, Home Science, etc.) and possess excellent communication skills in respective local language. Queries which cannot be answered by FTAs are transferred to higher level experts. These experts are Subject Matter Specialists (SMSs) of State Departments of Agriculture (SDAs), ICAR Institutes, KVKs and State Agricultural Universities (SAUs). A Kisan Knowledge Management System (KKMS) has been developed to capture all the details of the caller and sending gist of answer given through SMS. KKMS has its independent website : http://dackkms.gov.in. The KCC, FTAs working at various KCC locations throughout the country have access to this website through their specific IDs and password provided to them. Welcome to the Kisan Call Centre - your one-stop destination for agricultural assistance and support. With dedicated team of experts and cutting-edge technology, we're here to revolutionize the way farmers access information and guidance. In this powerpoint, we delve into the world of the Kisan Call Centre, exploring how it functions, the services it offers, and the impact it has on farmers across the nation. From real-time advisory services to multilingual support, we'll uncover the key features that make the Kisan Call Centre an indispensable resource for farmers of all backgrounds. Join us as we showcase the achievements of the Kisan Call Centre, from its enhanced farmer outreach to its empowerment of women farmers. Discover how our feedback mechanism ensures continuous improvement, and learn about our collaborations with agricultural institutions to provide accurate and reliable information. Whether you're a seasoned farmer or just starting out, the Kisan Call Centre is here to support you every step of the way. Subscribe now to stay updated on the latest agricultural insights

Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...

Krashi Coaching

Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...

fonyou31

The basics of sentences session 2pptx copy.pptx

heathfieldcps1

General AI for Medical Educators April 2024

Janet Corral

Nutritional Needs Presentation - HLTH 104

misteraugie

Mattingly "AI & Prompt Design: The Basics of Prompt Design"

National Information Standards Organization (NISO)

Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"

National Information Standards Organization (NISO)

Advance Mobile Application Development class 07

Dr. Mazin Mohamed alkathiri

BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...

Sapna Thakur

Web & Social Media Analytics Previous Year Question Paper.pdf

Jayanti Pande

The Most Excellent Way | 1 Corinthians 13

Steve Thomason

Key note speaker Neum_Admir Softic_ENG.pdf

Admir Softic

Software Engineering Methodologies (overview)

eniolaolutunde

Class 11th Physics NEET formula sheet pdf

AyushMahapatra5

The recently published educational policy document under the title ‘National Education Policy Reform’ (NEPF for short) has been the subject of much criticism. Various parties have expressed their grave concerns about this proposed NEPF on many platforms. This document attempts to cover some angles which the author deems less covered in other criticisms. This critique is by no means complete or exhaustive; rather, the author prefers that it be read in conjunction with other such criticisms.

A Critique of the Proposed National Education Policy Reform

Chameera Dedduwage

Measures of Central Tendency: Mean, Median and Mode

Thiyagu K

APM Welcome Tuesday 30 April 2024 APM North West Network Conference, Synergies Across Sectors Presented by: Professor Adam Boddison OBE, Chief Executive Officer, APM Conference overview: https://www.apm.org.uk/community/apm-north-west-branch-conference/ Content description: APM welcome from CEO The main conference objective was to promote the Project Management profession with interaction between project practitioners, APM Corporate members, current project management students, academia and all who have an interest in projects.

APM Welcome, APM North West Network Conference, Synergies Across Sectors

Association for Project Management

Kürzlich hochgeladen (20)

Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi

Accessible design: Minimum effort, maximum impact

BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf

Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...

Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...

The basics of sentences session 2pptx copy.pptx

General AI for Medical Educators April 2024

Nutritional Needs Presentation - HLTH 104

Mattingly "AI & Prompt Design: The Basics of Prompt Design"

Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"

Advance Mobile Application Development class 07

BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...

Web & Social Media Analytics Previous Year Question Paper.pdf

The Most Excellent Way | 1 Corinthians 13

Key note speaker Neum_Admir Softic_ENG.pdf

Software Engineering Methodologies (overview)

Class 11th Physics NEET formula sheet pdf

A Critique of the Proposed National Education Policy Reform

Measures of Central Tendency: Mean, Median and Mode

APM Welcome, APM North West Network Conference, Synergies Across Sectors

Awesomizing your Squarespace Website

1. Seth Familian Founder + Principal, Familian&1 AWESOMIZING YOUR (SQUARESPACE) SITE START HERE! familian1.com/awesomizing

2. SETH FAMILIAN, FOUNDER + PRINCIPAL, FAMILIAN&1 A BIT ABOUT ME 2 BUSINESS STRATEGY GROWTH HACKING PRODUCT MANAGEMENT WEB PRESENCE TEACHING + EDUCATION PROCRAFTINATION

3. MY 7-YEAR PLATFORM JOURNEY 3 2015-Present2009-2011 + OR 2012-2014 + OR Secure · Intuitive Elegant · Affordable Customizable · FAST

4. MY SQUARESPACE PORTFOLIO (SO FAR) 4

5. WHAT WE’LL COVER TONIGHT 5 ‣ Optimizing information architecture ‣ Customizing template CSS & JS ‣ Embedding 3rd party web tools

6. AWESOMIZING YOUR (SQUARESPACE) SITE OPTIMIZING INFORMATION ARCHITECTURE 6

7. A.K.A.   NAV-DRIVEN SITE FLOW OPTIMIZING INFORMATION ARCHITECTURE 7 LEVEL 1: LOAD HOME LEVEL 2: CLICK ITEM

8. OPTIMIZING INFORMATION ARCHITECTURE A.K.A.   NAV-DRIVEN SITE FLOW 8 LEVEL 1: CLICK NAV LEVEL 2: CLICK ITEM

9. OPTIMIZING INFORMATION ARCHITECTURE A.K.A.   NAV-DRIVEN SITE FLOW 9 LEVEL 1: CLICK NAV LEVEL 2: CLICK ITEM

10. OPTIMIZING INFORMATION ARCHITECTURE A.K.A.   NAV-DRIVEN SITE FLOW 10 LEVEL 1: CLICK NAV LEVEL 2: CLICK ITEM

11. OPTIMIZING INFORMATION ARCHITECTURE A.K.A.   NAV-DRIVEN SITE FLOW 11 LEVEL 1: CLICK NAV LEVEL 2: CLICK ITEM

12. OPTIMIZING INFORMATION ARCHITECTURE HOW TO DO IT 12 Current Exhibits Gallery Events Gallery Directory Private Events Leasing Space Bergamot History Contact Us Join Email List Google Map Follow on FB, etc. 1. LIST CONTENT ON POST-ITS

13. OPTIMIZING INFORMATION ARCHITECTURE 13 2. GROUP POST-ITS   INTO 3-5 ITEMS   + A FOOTER Current Exhibits On View Gallery Events Events Gallery Directory Explore Google Map Visit Private Events Leasing Space Bergamot History Contact Us Learn More HOW TO DO IT 1. LIST CONTENT ON POST-ITS Follow on FB, etc.Join Email List Site Footer

14. OPTIMIZING INFORMATION ARCHITECTURE 14 COMMON QUESTIONS ‣ Can I have more than 5 nav items? ‣ What about dropdown menus? ‣ How do I plan for future site sections? ‣ What about hidden site pages?

15. AWESOMIZING YOUR (SQUARESPACE) SITE CUSTOMIZING TEMPLATE CSS + JS 15

16. CUSTOM CSS   IS YOUR FRIEND! CUSTOMIZING TEMPLATE CSS + JS 16 ‣ Customize beyond the “style editor” ‣ Use responsive rules to adjust mobile layouts ‣ Fine-tune any element on your Squarespace site!

17. PAGE-SPECIFIC CUSTOM CSS CUSTOMIZING TEMPLATE CSS + JS 17

18. PAGE-SPECIFIC CUSTOM CSS  + JS! CUSTOMIZING TEMPLATE CSS + JS 18

19. PAGE-SPECIFIC CUSTOM CSS CUSTOMIZING TEMPLATE CSS + JS 19

20. PAGE-SPECIFIC CUSTOM CSS   + SITE-WIDE   JS CUSTOMIZING TEMPLATE CSS + JS 20

21. SITE-WIDE   CSS + JS CUSTOMIZING TEMPLATE CSS + JS 21

22. CUSTOMIZING TEMPLATE CSS + JS 22 COMMON QUESTIONS ‣ Why not use Developer Mode? ‣ What happens when I break my site? ‣ Should I be injecting jQuery?!

23. AWESOMIZING YOUR (SQUARESPACE) SITE EMBEDDING 3RD-PARTY WEB TOOLS 23

24. EMBEDDING 3RD-PARTY WEB TOOLS SIMPLE   EMBED CODE 24 FOR IFRAME-CENTRIC TOOLS

25. EMBEDDING 3RD-PARTY WEB TOOLS SLIDESHARE 25 SLIDESHARE.NET FOR PRIVATE OR PUBLIC DECKS

26. EMBEDDING 3RD-PARTY WEB TOOLS MAPTIV8 26 FAMILIAN1.COM/MAPTIV8 FOR LARGE VISUAL LISTS

27. EMBEDDING 3RD-PARTY WEB TOOLS CHARTED 27 CHARTED.CO FOR SUPER SIMPLE CHARTS

28. EMBEDDING 3RD-PARTY WEB TOOLS TYPEFORM 28 TYPEFORM.COM FOR SUPER ELEGANT SURVEYS

29. EMBEDDING 3RD-PARTY WEB TOOLS AIRTABLE 29 AIRTABLE.COM FOR AWESOMSAUCE DATABASES

30. EMBEDDING 3RD-PARTY WEB TOOLS MAPBOX 30 MAPBOX.COM FOR GEOGRAPHIC DATA

31. EMBEDDING 3RD-PARTY WEB TOOLS MAP BOX 31 EMBEDDED VIA IFRAMES A SIMPLE EXAMPLE OF

32. EMBEDDING 3RD-PARTY WEB TOOLS MAP BOX 32 EMBEDDED VIA JAVASCRIPT A COMPLEX EXAMPLE OF

33. EMBEDDING 3RD-PARTY WEB TOOLS 33 COMMON QUESTIONS ‣ Are these tools really that much better than what’s already in Squarespace? ‣ What are the risks of using 3rd-party tools? ‣ Where can I find a list of the best tools?

34. DISCUSSION TIME AWESOMIZING YOUR (SQUARESPACE) WEBSITE 34 QUESTIONS · FEEDBACK · IDEAS · INSIGHTS

35. SURVEY TIME! AWESOMIZING YOUR (SQUARESPACE) WEBSITE 35 PLEASE VISIT FAMILIAN1.COM/AWESOMIZING

36. THANK YOU! LET’S KEEP IN TOUCH. 36 SETH@FAMILIAN1.COM · @SFAM · @MAPTIV8

Awesomizing your Squarespace Website

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (6)

Andere mochten auch

Andere mochten auch (20)

Ähnlich wie Awesomizing your Squarespace Website

Ähnlich wie Awesomizing your Squarespace Website (20)

Kürzlich hochgeladen

Kürzlich hochgeladen (20)

Awesomizing your Squarespace Website