Comments on Frameworks

16 Reader Comments

Back to the Article
  1. ALA team, can you get Eric (Meyer) or Jens (Meiert) to comment on frameworks, too, for an alternative view? I believe that in The Little Book of Frameworks they’ve talked about when to use frameworks in the first place…and why design and code should be tailored, an idea that ALA has never talked about, and Ethan neither (I think).

    Copy & paste the code below to embed this comment.
  2. I guess I’ll be the prude that things it’s really unnecessary for ALA to be include swearing in their screenshots.

    Personally, I don’t care about it. But I think it’s an unneeded distraction.

    Copy & paste the code below to embed this comment.
  3. Nice article, I registered an account just to comment how pleased I was with the screenshot that used some spicy words, it made my day,  reading industry blogs can get too boring with too much squeaky clean

    Copy & paste the code below to embed this comment.
  4. When I scanned frameworks and grid I was thinking that this was going to be about things such as ZURB Foundation and Neat/Bourbon.

    Are you suggesting that principles for responsive design really needs a golden grail framework?

    Copy & paste the code below to embed this comment.
  5. Nice article about layout, but layout depends on some underlying strategy, whether it is grids or flexbox, or CSS @media queries.

    I’ve solved my layout strategy with a 12-line pure JavaScript “framework”, and CSS tables instead of flexbox. In my experience iOS 9 and flexbox don’t work well together. Using JavaScript means I don’t need CSS @media queries.

    The result is lightweight pages that load quickly and respond well to any viewport size.

    Copy & paste the code below to embed this comment.
  6. Thanks Ethan - you’ve got some really nice sites covered here.

    Copy & paste the code below to embed this comment.
  7. Thanks Ethan -Nice article about layout,and framework.
    Nety Design group has become incredibly specialist in addition to simple to do business with. They supplied substantial effects in a timely manner in addition to their particular constant customer service has become exceptional.

    Copy & paste the code below to embed this comment.
  8. An excellent techno-philosophical (non-technical) article on the guiding principles for Responsive Web Design. Hoping that this will become the guiding article for responsive design like Ethan’s earlier article on Responsive Web Design (http://alistapart.com/article/responsive-web-design) published five years ago.
    This article clarified what aspects to consider for making a design responsive.

    Thanks Ethan for capturing the principles succinctly.

    Copy & paste the code below to embed this comment.
  9. I’m not sure I agree with the website that hides 3 simple navigation items behind another click on mobile. I worry about this approach of just “simplifying” everything when you get down to smaller screens. I think their navigation could still have worked on mobile.

    On the website for the agency I work for (http://watb.co.uk) we bucked this trend and felt that our navigation still worked (with a little tweaking of styles) on mobile.

    I did turn a contact link into an icon, this gave me more options without compromising on usability so much. Everything that is accessible through one interaction on desktop, is on mobile too.

    If you’re only dealing with a handful of navigation links, I think we should always try to come up with new ways of getting this to work on mobile without always just resorting to hamburger/toggle menus.

    Copy & paste the code below to embed this comment.
  10. Why the profane screenshots? Surely there are many others able to illustrate your point without attracting a ‘parental advisory’ label, even many that would also avoid the ‘squeaky clean’ label disliked by ta least 1 reader.

    That was such a big distraction for me that I struggle to find benefit in the article as a whole.

    It seems to make a few suggestions regarding layout or styling choices, but doesn’t address the primary issue hinted at in the title.

    HTML is essentially an hierarchy of elements, and what we try to do is present that content as if it were not. We must apply layers of control in order to persuade the browser to display elements out of sequence, or with different visualization, or hide them from view until some trigger occurs.

    Frameworks enable us to do that consistently without having to re-think everything every time.

    Copy & paste the code below to embed this comment.
  11. Great article. I’m torn about the Field Museum navigation, though. On a short wide screen, it seems like the navigation should take advantage of the width (perhaps with a tile interface instead of a simple row), which would leave more usable room for content. Keeping a persistent navigation at the top of a short screen can be very annoying.

    PS - Personally, I love the profane screenshots, adds a nice bit of humour.

    Copy & paste the code below to embed this comment.
  12. Great article. I particularly liked the comment about the underutilization of height-based media queries. There are often elements that don’t work well if they can’t be seen without scrolling on a smaller laptop screen, and I wish developers/designers would take this into account more often.

    PS - I’m fascinated with this side debate about using profanity in two of the screenshots here. How do people that get hung up on this even use the Internet regularly?

    Copy & paste the code below to embed this comment.
  13. As someone who has to build sites from the ground up on a semi regular basis I have a huge love hate relationship with CSS Frameworks. On one hand they make basic responsive design so simple and straight forward. On the other hand when you get into more complex layouts and unique designs, they can hinder what you are trying to do and make your create a workaround for something that was suppose to make this easier.

    Copy & paste the code below to embed this comment.
  14. Thanks Ethan, love it!

    Copy & paste the code below to embed this comment.
  15. nice post thanks admin

    Copy & paste the code below to embed this comment.
  16. article quality . discussions were very useful , especially for me who was working on the task Harga Ban Bridgestune Terbaru

    Copy & paste the code below to embed this comment.
  17. Sorry, commenting is closed on this article.