significa / significa.co Goto Github PK

project videos don't autoplay on mobile.
not sure how we should proceed on this one.

• Weird behavior when the menu is opened and scroll down
  

• Horizontal scroll
• Set up a main tag, then the reader view mode (in safari) can work
  https://www.client9.com/designing-html-for-safari-reader-mode/
• Menu bottom in iPhone X (~ such a great product design, huh Apple!? ~);
  
• Can't see the last items (~ so cool this new iPhone ~)
  

Problems when autocompleting contact and application form

• Line and text style different when you select something from autocomplete
• Error style given when selecting autocomplete email
• Border-bottom stays highlighted when. leaving the form after using a value from autocomplete

http://drops.significa.co/Screen-Shot-2019-05-16-14-23-51-1558013035

More space needed: 3em

Switch careers / labs

about showcase services careers labs contact

• The main title doesn't look great
  

• Change Resendes to Furtado
• Change Marino to Marinho
• Change "Front-end developer" and "Back-end developer" to "Developer"
• Change "Product Designer" to "Designer"

• Projects;
• Positions;
• Labs;

we're using https://github.com/birkir/gatsby-source-prismic-graphql that should make this easy (as in automatic), but somehow it's not working

What about we start to use this CI to avoid user critical issues in production?

I think that some important issues (SEO, a11n, etc) may unnoticed, even using Eslint, Typescript and code review. Initially, it may be hard to reach great scores, but once we have solved all issues, we just need to make sure no new problems are created.

As we have many different professionals working here (designers, developers, and writers), it will show the importance to use lightweight images, alt/descriptions, and keywords.

If it works fine in our own project, it can be a great idea to use in our client's projects.

Documentation

this image is unsquarable so it doesn't work in reddit, for instance.

New main open graph image is needed

Possible solution:

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

or

/**
 * Fix fonts that render as bold in Firefox
 *
 * Put this near the top of your style.css
 * Before any overriding styles
 */

html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-weight: 400;
}

/**
 * Firefox specific rule
 */

@-moz-document url-prefix() {
  body {
    font-weight: lighter !important;
  }
}

On all pages on small screens, the title is aligned to the left, except "About" and "Labs" pages the title is centered. My opinion is that the title aligned to the left is better to read on the mobile.

What do you think?

should be "Your tag has been created!"

http://drops.significa.co/Screen-Shot-2019-05-22-20-00-30-1558551641

• Agency :(
• Shouldn't the image appears bigger?
  
• og:image is not working;

From a SEO checker url:

• The tag <meta property="og:site_name"> is missing.
• The tag <meta property="og:url"> is missing.
• The tag <meta name="twitter:site"> is missing.
• The title seems too short, it should be between 55 and 66 characters.
• Your description is too short and should contain between 70 and 160 characters.

http://drops.significa.co/2019-05-16_17-01-54_hugjf.png

Missing links in Legal

now that the mobile menu is fixed with headroom, it's really strange if you open and scroll.
it stays visible when scrolling.

we should:
a) disable scroll and page interactions when menu is open (careful with mobile safari bottom bar appearing and elastic scrolling - needs to be thoroughly tested)
b) close the menu when interacting with anything else on the page.

either option is fine as long as the open menu doesn't stick around when scrolling

like any other section, @pedroet requested the possibility of adding extra margins to the chapter sections:
http://drops.significa.co/2019-05-16_15-36-10_o99az.png

should work like the others (top, bottom, both)

Ref: https://github.com/axe312ger/gatsby-plugin-netlify-cache

As things were progressing lots of code was repeated and things could be more DRY.

possibly we need to create a component for the top of the pages that brings more consistency to spacings and alignments (related to #86)

there are also some more spacings that need reviewing (e.g.: about in mobile had different spacing between title and text in different sections)

Thumbnail should have Interfaces

Currently only type=text has linking capabilities. Also, the sidebar navigation only looks at these sections.

We need to add the same functionality to type=sticky.

• Should we validate the portfolio link field?
• Removing input background color for Chrome autocomplete: Solution
• Input field is overlapping the button on mobile
  

@pbrandone what do you think?

Link: https://github.com/Significa/frontend-challenge

• Sections overlapping the content in Firefox
  

Section for showcase where we can add vimeo links for video.

Relates to #58.

Mobile menu should open inside of the header instead of being an absolute positioned element.

Low priority for now

I think the list is too long, what about shows it in two columns?

Cities not matching, top and bottom

• Title is completely wrong;
• Missing twitter?
• The hover effect is too smooth that I even couldn't notice

tel:00351226001751 I made a call when it didn't work

Catarina told me that the phone is not working in the office yet, should we remove for while?

Currently our open graph image is the same as the cover image (which is usually transparent).
We need to use a dedicated one to guarantee size and background colour

cc @pedroet

• Typescript supports is better now

It says "The Responsabilities” when it should say "The Responsibilities”