10 ms·

From Design to Front-end

45 points by sandrobfc 8y ago

asplake 8y ago
Hate to be that guy, but it seems crazy that a design-related site would do such horrible things to scrolling on iPhone to the extent that I switched to reader view!
- 98codes 8y ago
  Been a long time since I've seen double scrollbars on anything not in active dev... that must play hell with a mobile web view.
- vaillancourtmax 8y ago
  Looks like the issue also appears on Firefox, but doesn't on Chrome.
- acdanger 8y ago
  I think this might be because there's a CSS scrollY property set on a parent element and needs: overflow-y: scroll; -webkit-overflow-scrolling: touch; set on the content to re-enable momentum scrolling.
vanadium 8y ago
While the central topic still makes sense, a lot of the technical prescriptions in there are pretty well outdated and even contradict best practices today. I'd be curious to know just how long ago this was written. Edit: March 2016, and their dateline has since been removed: https://web.archive.org/web/20160311072848/https://www.imaginarycloud.com/blog/from-design-to-front-end/ https://web.archive.org/web/20160311072848/https://www.imagi...
- yuchi 8y ago
  It was a little bit dated in 2016 too to be honest.
  - vanadium 8y ago
    No question.
Scarbutt 8y ago
Is it really best practice to finish your html first and only then add CSS?
- extrapickles 8y ago
  No. It depends on how you and your coworkers like to organize the work. I’m a fan of quickly tossing something together then refactoring once you have a better idea of the shapes and names of things.
- dccoolgai 8y ago
  It's a reliable way to make sure people focus on the right thing at the right time. CSS should be an enhancement to the content.
hypertexthero 8y ago
Regarding designers and developers: http://designinginterfaces.com/2011/06/01/designers-that-code-a-response-to-jared-spool/ http://designinginterfaces.com/2011/06/01/designers-that-cod...
- tfranco 8y ago
  Shameless plug :)
ChairBending 8y ago
This is turd polishing.
ggregoire 8y ago
Might be an unpopular opinion but it's 2018 and you can easily find front-end developers with enough design sensibility and UX common sense to not need designers at all for building an app. I've been doing this for 10 years, in different companies, with different people, and I've seen many front-end developers being very successful at designing apps on their own. I personally enjoy it too. I usually draw wireframes on a piece of paper and iterate, if necessary, with the product team and/or the users. Then I directly implement the wireframes in React or whatever technology the company uses. Some developers like to use Photoshop or Sketch, but from my experience, a digital mockup doesn't add much value over a drawn wireframe so I just skip these tools. - PS: Building a company's website is different than building a company's app. Your CEO/marketing team will want logos & branding colors (reusable by the sales & marketing teams for their presentations), illustrations, videos, animated menus, complex layouts, fancy gradients, parallax scrollings (ew!) and so on. A designer will probably be better at this job (and more interested in) than a developer.
- dccoolgai 8y ago
  Yeah, I'd have to agree, although I think it shouldn't be that way...but it is: every designer I've ever worked with has some weird pathological predilection to be borderline abusive to users in the quest to make the app/site they are designing their personal art gallery... and Frontend devs are left meekly trying to stand up for the user. I don't know why this pathology surfaces in so many places, but talking with colleagues, it's pretty common everywhere.
  - _yawn 8y ago
    It's because designers are just clueless and don't know how things are implemented. The opposite is also true: the parent is practically an alien here for liking design yet he doesn't even see the point in a photoshop over a wireframe. I think in general people are too specialized. You probably want designers that do a little development and developpers that do a little design. The full on generalist approach is also poor, I've done both jobs in my life and ended up mediocre at both.
- allsunny 8y ago
paul7986 8y ago
I design sites and web apps using bootstrap and within the browser vs. some wire-framing tool. Surprisingly enough my front-end design coding has led me to lose out on design jobs.

45 points by sandrobfc 8y ago

Hate to be that guy, but it seems crazy that a design-related site would do such horrible things to scrolling on iPhone to the extent that I switched to reader view!

98codes 8y ago
Been a long time since I've seen double scrollbars on anything not in active dev... that must play hell with a mobile web view.
vaillancourtmax 8y ago
Looks like the issue also appears on Firefox, but doesn't on Chrome.
acdanger 8y ago
I think this might be because there's a CSS scrollY property set on a parent element and needs: overflow-y: scroll; -webkit-overflow-scrolling: touch; set on the content to re-enable momentum scrolling.

vanadium 8y ago

While the central topic still makes sense, a lot of the technical prescriptions in there are pretty well outdated and even contradict best practices today. I'd be curious to know just how long ago this was written. Edit: March 2016, and their dateline has since been removed: https://web.archive.org/web/20160311072848/https://www.imaginarycloud.com/blog/from-design-to-front-end/ https://web.archive.org/web/20160311072848/https://www.imagi...

yuchi 8y ago
It was a little bit dated in 2016 too to be honest.
- vanadium 8y ago
  No question.

Scarbutt 8y ago

Is it really best practice to finish your html first and only then add CSS?

extrapickles 8y ago
No. It depends on how you and your coworkers like to organize the work. I’m a fan of quickly tossing something together then refactoring once you have a better idea of the shapes and names of things.
dccoolgai 8y ago
It's a reliable way to make sure people focus on the right thing at the right time. CSS should be an enhancement to the content.

hypertexthero 8y ago

Regarding designers and developers: http://designinginterfaces.com/2011/06/01/designers-that-code-a-response-to-jared-spool/ http://designinginterfaces.com/2011/06/01/designers-that-cod...

tfranco 8y ago
Shameless plug :)

ChairBending 8y ago

This is turd polishing.

ggregoire 8y ago

Might be an unpopular opinion but it's 2018 and you can easily find front-end developers with enough design sensibility and UX common sense to not need designers at all for building an app. I've been doing this for 10 years, in different companies, with different people, and I've seen many front-end developers being very successful at designing apps on their own. I personally enjoy it too. I usually draw wireframes on a piece of paper and iterate, if necessary, with the product team and/or the users. Then I directly implement the wireframes in React or whatever technology the company uses. Some developers like to use Photoshop or Sketch, but from my experience, a digital mockup doesn't add much value over a drawn wireframe so I just skip these tools. - PS: Building a company's website is different than building a company's app. Your CEO/marketing team will want logos & branding colors (reusable by the sales & marketing teams for their presentations), illustrations, videos, animated menus, complex layouts, fancy gradients, parallax scrollings (ew!) and so on. A designer will probably be better at this job (and more interested in) than a developer.

dccoolgai 8y ago
Yeah, I'd have to agree, although I think it shouldn't be that way...but it is: every designer I've ever worked with has some weird pathological predilection to be borderline abusive to users in the quest to make the app/site they are designing their personal art gallery... and Frontend devs are left meekly trying to stand up for the user. I don't know why this pathology surfaces in so many places, but talking with colleagues, it's pretty common everywhere.
- _yawn 8y ago
  It's because designers are just clueless and don't know how things are implemented. The opposite is also true: the parent is practically an alien here for liking design yet he doesn't even see the point in a photoshop over a wireframe. I think in general people are too specialized. You probably want designers that do a little development and developpers that do a little design. The full on generalist approach is also poor, I've done both jobs in my life and ended up mediocre at both.
allsunny 8y ago

paul7986 8y ago

I design sites and web apps using bootstrap and within the browser vs. some wire-framing tool. Surprisingly enough my front-end design coding has led me to lose out on design jobs.