Select Page
Is the bar too high for beginners?

Is the bar too high for beginners?

Personally, I have been working with web technologies for almost 3 decades (started in 1992 – yep, 27 years at this point). It was quite easy to view the source code on a web page to learn how the author had developed the page. It was easy to build a solid foundation regarding these technologies. Of course, when I first started, CSS and JavaScript did not yet exist. Fast forward to 2019. Now we have JavaScript frameworks (minified, of course), CSS pre-processors, and much more. View the source code on most sites and you will not be able to fully understand what the author has done in constructing the site.

Question - are we making it too difficult on top of a screen capture of minified code

Barriers to Entry

At one point, individuals could learn the fundamentals and enhance their knowledge as they worked through code snippets. It seems that many today are relying on frameworks for simple tasks. I first asked this question a few years ago in my article – Are we relying too much on JavaScript? Since 2016, it appears these issues have only grown. Of course, many professionals have specialized (as they must). Whether the discipline is UX, or UI, or server side development, it is still important to have a solid understanding of how all the pieces relate. Sure, one can take classes; but many at various institutions seem to cover out of date materials. This seems to force students to learn on their own. We see the results every year with some individuals participating in our national web competition. It seems that many have decided to focus on a specialty or framework from the start. Rather than developing a solid understanding of HTML, CSS, and JavaScript, it seems many focus on learning a few frameworks with the intent of then landing a job as a developer. Time and again, I see social media posts demonstrating a lack of understanding of CSS fundamentals (such as float or the box model). Likewise, I have seen instances where a large amount of JavaScript code is developed where a simple paragraph tag would suffice. It seems that many are now focused on learning a subset instead of developing a solid foundation and then branching out. Perhaps this is because there seems to be so much complexity in web sites these days?

Content management systems

I have also seen the rise of content management systems (such as WordPress which now accounts for roughly 30% of new websites). I listen in various meetings where individuals speak of a language (such as React) when they mean framework. I also hear many conversations demonstrating a lack of knowledge of the fundamentals of CSS (and the proper separation of presentation from content). I also see many sites where there is no consideration for accessibility (or it seems an after thought). Certainly, Content Management Systems make it much easier to get your content online. However, I believe one should still have a solid foundational understanding of the technologies involved.  There may well come a time when a minor change is needed to make a page display as one intends. Without an overall foundational knowledge, this may be nearly impossible to achieve.

Return to the basics

Personally, I believe it is time we return to the basics. This message is particularly directed at those who teach web technologies. It is important to keep up with trends, but it is also important to make certain aspiring web professionals are grounded with a solid foundation of how to build web pages (with a good understanding of semantic markup [and why it is important], CSS, and vanilla JavaScript). Only after they have a solid foundation should they specialize (and learn frameworks).

I am stepping off my soapbox now. I am curious as to your thoughts? Are we neglecting the fundamentals and not providing a solid foundation for students? I look forward to your comments.

Best always,
Mark DuBois
Executive Director and Community Evangelist

Web Design Trends 2019

Web Design Trends 2019

Website Design Trends for 2019

For those who are already thinking about 2019 and what web design trends will be popular, we provide a starting analysis. Technological advancement has revolutionized the way we interact, socialize and do business and there will continue to be significant innovation and improvements in web design in 2019 and beyond. We all want our clients to get greatest and latest when it comes to their sites so it is not too soon to be thinking about 2019 trends in this area.

We found a lot more information about these new design trends in 2019 at Website Trends – 2019.

Graphic depicting computer monitors looking over a cityscape with building displaying binary numbers

(more…)

September Update – Web Servers

September Update – Web Servers

What are Web Servers?

For those just beginning to learn about web technologies, we thought it might be helpful to provide this foundational article. A Web server is a program that uses HTTP (Hypertext Transfer Protocol and the secure HTTPS version) to serve the files that form Web pages to visitors, in response to their requests (which come from the requesting computers browsers). Dedicated computers and appliances may be referred to as Web servers.

Web server also refers to server software, or hardware dedicated to running said software, that can serve contents to the World Wide Web. A web server processes incoming network requests over HTTP and related protocols. This Wikipedia link gives more information on Web Server.

Image of sphere with 1s and 0s

(more…)

May Update – Web Development trends for 2018

May Update – Web Development trends for 2018

Web Development Trends

In web development, the saying “the only constant is change” is very true. Web development is changing every second and 2018 is no exception. User expectations are growing and it is more important than ever to build digital experiences that are engaging, fun, and intuitive. Content needs to be accessible everywhere especially on mobile devices. In order to make that happen, new programming languages and frameworks are on the rise, extensions are becoming more compatible, and real time web apps are becoming more popular.

Web Development Trends for 2018

Web Development Trends You Can Expect in 2018

(more…)

Web Typography and Layout

Web professionals should be aware of this discussion concerning Web Typography & Layout: Past, Present, and Future. As a web professional, it is important to know what the future holds.

Key takeaways include:

  • how to avoid being overwhelmed by all the tools and typefaces available today. We need to think of typography and layout as one.
  • how to move away from frameworks and bring creativity back into layout. We should focus on larger type and readable layout, including proper use of whitespace.
  • we should help the reader feel like a collaborator.

Three experts—Mozilla’s Jen Simmons, publication design legend Roger Black, and Jeffrey Zeldman (A List Apart)—discuss typography and layout on today’s web: where we are now, and where we’re going.  CSS grid can be a very helpful tool. Jen Simmons provides a number of examples on her labs.jensimmons.com site.

Typography can encourage long-form reading and not just scanning.

What are the most exciting areas of cutting-edge experimentation in typographic technology and digital layout, and what new skills will we need to design tomorrow’s web content? At a minimum, we should understand CSS grid and variable fonts and how they can be properly applied. Layout and typography were connected in the age of metal type, and they will be again. We must make our pages readable and employ the time tested skills that were employed by typesetters so long ago. We should think in terms of properly sized type (which is responsive given that our content may be consumed on phones, tablets, desktops, or other devices).

This discussion also reviews the history of layout on the web, and what multi-device reading and orbital publishing means to the practice of publication design as we move away from frameworks. We need to bring creativity back into layout (including layouts that break the mold). We must fully understand the implications of CSS Grid and its portents and help the reader feel like a collaborator. There is a new wave of user customization, and we need to understand how it impacts our designs.

We encourage you to watch the discussion video and review the associated transcript.

For those aspiring web professionals who need a better understanding of these concepts, we recommend the following resources: