Select Page

What’s happening with CSS

Why shouldn’t we be fans of CSS? It’ constantly revolutionizes itself while trying to strive for its renowned form of simplicity. The end result is the creation of browser functionality that is arguably above and beyond what can be created with just JavaScript. Let’s examine some recent CSS enhancements and insights in the way i can be used. Some examples include blurred borders, setting a dark/ light mode switch (with a little help from JavaScript) and more.

CSS Features That Are Changing Web Design

The design landscape has changed a lot in recent years. We’re equipped with new and powerful tools — CSS custom properties, CSS shapes and CSS writing-mode, blurred borders in CSS, and sophisticated partitioning with CSS Grid – to name a few.

What is sophisticated partitioning with CSS Grid?

In the article written by Rob Weychert, he experimented with CSS grid to create a Tinnitus Tracker. He designed the grid pattern and then he worked on the partitioning of the grid.

These grid patterns mainly have the following 3 objectives:

  • Maintain a (somewhat) consistent whitespace.
  • Give the appearance of randomness.
  • Don’t forget about prime numbers.

Also adding CSS Grid, partitioning and typography as a cherry on top altogether gives a different look to the website and reaches to a different level of advancement. We encourage readers to follow the above link to learn more about how this was accomplished.

Blurred Borders in CSS

If we want to target an element and just visually blur the border of it. There is no simple, built-in feature we can apply. But we can get it done with a little CSS trickery.

After giving a code this effect, one can enhance it with rounded corners, extend support so it works cross-browser, what the future will bring in this department and what other interesting results can get starting from the same idea!

This article has step by step code details to show how we can add the blurred effect to the CSS.

New CSS features

In the article written by Daniel Crisp is about exploring the most exciting new properties coming to CSS. These include:

  • Fixing layout problems
  • Exploring feature queries
  • Use ‘not’ for a cleaner outcome

We encourage readers to follow the above link to learn more. We also came across these resources which may help you better understand how CSS is being used currently.

Additional Resources:

For those who prefer videos:

Every day things change in web design and development. We hope you are excited about these new approaches. CSS has certainly exceeded expectations of what was once considered achievable.

We hope you found these resources and overview useful. We always look forward to your comments and feedback (whether you are a member or not).

Introduction to Digital Asset Management

Introduction to Digital Asset Management

Any professional who works at creating, managing, or marketing a website understands how important digital assets are in their work. Digital assets are electronically stored data that come with the right to use, bring value to their owners, and are uniquely identifiable. Examples of digital assets include audio files, PDF white papers, graphics, photos, HTML documents, and presentations.

Individual viewing computer monitor with a title overlay of digital asset management

Web professionals can use these assets to help educate people on a topic, improve a company or organization’s digital presence, and market products or services online. However, as the number of stored digital assets grows at an organization, it becomes time-consuming and difficult for different web professionals to manage and retrieve assets.

A digital asset management (DAM) solution is a type of software that helps web professionals properly store, update, index, and retrieve their digital assets. The demand for dedicated DAM tools is expected to surge over the coming years, and recent research predicted the global DAM market to reach $8.1 billion by 2024.

Read on to find out the types of DAM available, the service models you can implement when using DAM systems, and some specific use cases of DAM software for web professionals. You will also get some tips and best practices for getting the most out of any DAM solution.

Types of Tools

There are three main types of Digital Asset Management tools; however, many enterprise solutions can be classified and used as any single one or as all of these types simultaneously.

  • Library asset management focuses on building an organized digital library of infrequently changing assets for easy storage and retrieval.
  • Production asset management meets the needs of web professionals who need to collaborate on, control and use digital assets that are frequently updated and revised.
  • Brand asset management entails using and reusing marketing materials, logos, and other assets that help to build brand identity.

Software Service Models

There are two main service models for implementing Digital Asset Management:

  • On-premise DAM solutions are installed locally on an organization’s servers. Everything is kept in-house and users typically access assets via the internal corporate network.
  • Cloud DAM solutions are hosted on external web servers and the software is accessed through a web browser via an Internet connection.

On-premise DAM systems are better suited for web professionals whose roles involve stringent data security obligations, such as people working in government departments and highly regulated industries. A cloud DAM is a cheaper, more flexible solution that can also facilitate the needs of distributed teams and remote workers.

Benefits of DAM for Web Professionals

Web professionals work in a wide range of roles, but here are some general benefits of DAM software for all web professionals:

  • DAM software reduces time spent looking for assets, improves workflows, and facilitates quick repurposing of digital assets. The result is greater productivity.
  • By building a central repository of digital assets and using versioning controls, DAM provides asset consistency and facilitates collaboration for web professionals.
  • DAM software tracks the usage rights associated with assets, which can help reduce the risk of copyright issues from improper asset use. For example, there might be restrictions in how you use purchased stock photos.
  • Cloud and on-premise DAM software typically come with access control, meaning you can secure your most sensitive assets and make sure that the only people with access to them are those who need such access to do their jobs.

Best Practices When Using a DAM System

DAM offers many benefits for web professionals but how you use your chosen tool can make a huge difference. Here are some best practices for getting the most from DAM software.

Metadata is Critical

Metadata is information about your assets. Your DAM software is only as good as the metadata you store with each asset. There is a balance between too much metadata and too little. You need to enter the most important information about every asset you wish to catalog because metadata is what turns a piece of digital data into an easily searchable and retrievable asset.   You should also have a policy to enter metadata into the system as soon as you upload a given asset. Procrastination leads to an inefficient setup that makes it hard to find assets.

Specify Usage Terms

Assets rights issues can easily emerge when an asset has been stored without reference to its usage rights. For all rights-managed assets, it’s imperative to specify the usage terms in their metadata.

Leverage Analytics

DAM software often comes with advanced tracking and analytics features. You can use this information to your advantage, for example, marketers can identify the asset categories that bring the most ROI to your organization. You can also use the analytics to identify assets or collections of assets that are most frequently used and try to make such assets more easily discoverable.

Assign an Administrator

Particularly in large organizations, it is prudent to have a dedicated DAM administrator. This person can manage access controls for different users and ensure user roles and permissions are kept current. The administrator should also be responsible for creating and deleting users from the system.

Train Users

When you adopt a DAM system, it’s a good idea to set up a dedicated half-day of training that teaches different web professionals in your organization how to use your chosen software. If you avoid training users, they will need to learn on the job, which can lead to a lot of frustration and lost productivity.   

Conclusion

The expected growth in the DAM software market reflects the growing influence of digital assets in the daily work of various web professionals from designers to marketers to website copywriters. Cloud DAM solutions have emerged as a lower cost alternative service model for DAM, however, on-premise systems are still the standard for professionals in government departments and highly regulated sectors.

Editor’s Note: This sponsored content was provided by Gilad Maayan (Developer Community Advisor) at Agile SEO.

What Designers Should Know About Website Branding

What’s a brand?

It’s a symbol or object that communicates the company’s proposition about its products and services and differentiates it from its rivals. A brand encompasses:

  • Logos
  • Design
  • Advertising tone

Why website branding is important

Creating a strong brand for your client’s website can give them a distinct advantage over their competitors. With branding comes recognition. This leads to familiarity, which can earn a customer’s confidence and trust.

However, building this kind of loyalty may take time. A website visitor may need multiple exposures to the brand. So, put simply, by helping your clients deliver a consistent brand message, you can boost their chances of success. What is more, you will increase your opportunities of getting repeat business from them.

A website essentially serves to:

  • Sell products or services
  • Generate leads
  • Promote sales
  • Attract visitors or subscribers
  • Generate a healthy return on investment (ROI)

Through strong website branding, a company can deliver a clear message that achieves all of the above as well as building loyalty and trust from its customers.

To help your client develop effective website branding, follow these tips.

1.     Color creates moods

Color is more than aesthetics; it can stimulate emotions and stir people’s subconscious in relation to the company’s brand. For example:

  • Red – symbolizes energy, excitement, energy, and passion. If your client is in the entertainment business, for instance, red will work well for their brand.
  • Green – symbolizes the environment, nature, health, money or profit. If you’re working for a hospital or clinic, using a pale green background would be appropriate for their site.
  • Orange – symbolizes fun and adventure. For example, detype.com uses orange liberally on its site from the background to headings, and links. As a web design company this indicates that it’s enthusiastic and outgoing.

Before choosing a color for your client’s site, consider doing some research about its effects and appropriateness to the brand. Also, remember that each culture may view the same color differently. So, you should check the target market’s reaction to the colors used in your proposed website design.

2.     Brand personality

Injecting some personality into the website helps to zero-in or define what your client’s brand represents.  One way you could introduce personality is using a character or persona to represent the brand.  Twitter’s bird logo is a good example. People recognize the social platform’s mascot immediately.

3.     Emotional connection

Creating websites that stir visitor’s emotions can help your client’s brand messaging. As you design the site, decide what kind of feelings or emotions you want visitors to experience? For example, DeType displays attractive imagery to showcase the creative talent of its web designers.

4.     Uniformity

To make a brand memorable, you need to make the website design consistent.  So consider keeping all the site’s colours, character, and emotions consistent on every page.  Take a look at Skype’s website. Every page shows the same look, reinforcing its brand.

5.     Reusability (code and visuals)

As well as using consistent visuals and layouts, you can reuse content such as style sheets or images. As the files are in the browser’s cache, this will consequently make your site load faster.

6.     Make the logo highly visible

Considering placing the logo at the upper left corner of the site, since this is the spot where most visitors’ eyes will be drawn.  Also, consider linking the logo image to the site’s page. As for size, ensure that it is big enough to be noticeable, making it at least the second or third object visitors see on the site.

7.     Promote the benefits

Visitors won’t stay long on a site if it fails to grab their interest.  It will only take seconds for them to find out if they have come to the right place. To convince them to stay, tell them what benefits they can get from using the brand’s product or service in a few succinct words. The best location for this message is next to the logo so that people can see it immediately.

8.     Adopt and use the right tone

Even the website’s language can strengthen a brand’s appeal to your target market. For example, there are various tones and combinations of tones you can adopt:

  • Formal voice for a site catering to investors
  • Informal and fun voice for young audiences
  • Friendly voice with related industry jargon for a tech-savvy audience

Also, be mindful that some words can have different meanings, depending on the audience. Take  the word ‘engine’, for example:

A Mechanical Engineer will describe an engine as “a device which converts fuel or heat energy into mechanical energy”. A Computer programmer, however, will associate an engine as being  “software which generates source code in order to create automated processes.”

9.     Make the site stand out

Creating a website brand won’t create any impact or differential if it is the same as other competing sites. As a designer, you need to include elements that will make your client’s site unique. After all, by making the site stand out you’ll improve the brand’s chances of attracting visitors and making them return.

Conclusion

Building a strong recognizable brand, even for small business or personal websites, is a must in this digital age. This is especially important, given the short attention span of visitors and of course the sheer number of businesses that have an online presence.

Strong branding can instantly demonstrate the attractive advantages of your client’s brand, its key differences to competitors and its unique personality and character.  Getting across all of this can help clients in a big way, to not just win over customers but beat their competitors.

As you can see from the tips covered in this article, there isn’t just one single route you need to arrive at a strong brand but a range of directions. So, keep these all in mind when you embark on successfully branding your client’s site.

About the author:

Sam Sayer is the Creative Director of DeType, a creative agency based in Kettering, Northamptonshire, UK. His company specializes in web design, branding, motion, UX, and online design.

Static website generators – part 3

Static website generators – part 3

After a long break let’s take a look at another Static Generator – Hexo.

Hexo is powered by Node.js and is mostly aimed at blogging. It has a deploy integration for GitHub which makes it a great fit to build a documentation site for a GitHub project as well. If you are a JavaScript developer, the setup should be relatively easy. Like many other general purpose generators, you’ll probably want to write your content in Markdown. The default templating engine is Swig, which is once again well suited for JavaScript developers. However, Hexo is extensible to allow other templating engines to be used if you want.

The Hexo website includes a range of pre-built themes for you to try out, and one especially popular feature of the tool is its support for single-command deployment.

Installation of Hexo

Installing Hexo is quite easy. However, you do need to have a couple of other things installed first:

This link provides details to install Hexo. Just follow the steps.

Static Website Generator vs WordPress

We reviewed static site generators when we began this series of articles. If you need a quick review – a static site is a collection of pages contained in basic HTML files.  A static site generator (SSG) is a compromise between using a hand-coded static site and a full CMS. You generate an HTML-only website using raw data (such as Markdown files) and templates. The resulting build is transferred to your live server. Static site generators are systems that compile templates into static HTML pages. There is no server processing or rendering, so static websites tend to be very fast and lightweight, saving you and your users precious time and bandwidth. This increased efficiency is reflected in lower costs (including lower maintenance costs) and, potentially, higher revenues.

What is the difference between WordPress and Hexo?

When talking about performance, one must think about caching. Although there are multiple techniques for caching WordPress, this is not usually a straightforward task, unlike caching static files. Serving cached files is more performant than serving actual files from the server and it can save time when loading websites.

Advantages of Hexo

Hexo has many pros:

  • it is blazing fast,
  • it is easy to deploy to GitHub pages or any other host with one deploy command,
  • it is powerful with solid Markdown support,
  • it is highly extensible,
  • it is open source and there are many open source themes, and
  • there are available free plugins.

With Hexo, one can create markdown files and HTML layouts which will be converted to static HTML files when deployed. Hexo provides a deploy configuration which builds our static files into a GitHub branch. This means one can maintain documentation as markdown in our project’s master branch and deploy it, with one command, to gh-pages.

My experience working with Hexo

I decided to create a blog post for Hexo without any graphics. I found creating the blog post in Hexo to be easier than Jekyll. Readers may recall that I discussed Jekyll as part 2 of this series. The default theme also looks good on the site. I decided to just run the site locally. If time permits, I may post some of these examples on a Web Professionals server and link to them. In the interim, here is a screen capture of the results. I did not encounter any major issues when working with Hexo locally.

Screen capture of simple Hexo blog post.
Example of Hexo blog post

Final Thoughts

During my course of study as a Web Developer I tried many CMS systems and installed a lot of software. I found working with Hexo a little easier than most. It also has a little learning curve. One must use the command prompt to run different commands. I was able to get desired output to display locally with not that much effort. Each time I made changes I had to run ‘hexo server’ command on command prompt. That is the essence of static site generators (one must remember to constantly update the resulting web pages when changes are made).

One may find it simple and easy to build sites using Hexo or one may face problems initially installing and running and deploying. It all depends how the computer configuration/set up is. I am curious as to your experiences with Hexo. What did you like/ dislike? Please update the comments with your experiences.

Mistakes to avoid when building your real estate platform

Mistakes to avoid when building your real estate platform

There’s no doubt that the latest internet revolution is throwing a number of industries for a loop, and the real estate business is as affected as anyone else. Real estate web platforms like Zillow and Trulia provide potential renters and homeowners with a wealth of new tools for their search, offering an alternative to traditional real estate brokers and agents. But that doesn’t mean that everything is hopeless for real estate agencies. By adopting these technologies themselves and moving beyond the traditional real estate website, they can compete with these more disruptive approaches to how we shop for homes. But regardless of which areas these clients come from, it’s fertile ground for people with mobile app development experience. Here are some common mistakes you should avoid when building out a real estate platform.

Neglecting the Search Interface

When you really separate the process of real estate app development down to its component parts, it’s not that dissimilar from building a traditional marketplace shopping app. For the majority of startups trying to create a real estate app, the service itself will operate as a third party provider connecting supply to demand. It’s a model employed in countless industries today, but whether you’re operating an airfare shopping service like Expedia or a more traditional shopping app like Wish or eBay, the core objective is the same. You need to provide the users with the tools they need to identify their needs and receive accurately and appropriately filtered results.

That means that the search engine is going to serve as the core of any real estate app, and the options therein are going to be what causes it to sink or swim. Regardless of the platform, there are a few fundamental filtering options that tend to serve as the core of the real estate search experience:

The location of the property. Many buyers will come to the home shopping experience with some understanding of their ideal neighborhoods, and that means that in addition to a functional map system (which we’ll address below), a simpler way to sort homes by location is integral. This could be broken down into neighborhood names, zip codes, or both.

Listing and home types. Whether a user is looking to buy, sell, or rent their property, their needs are going to be very different. You may want to integrate the selling process using a different interface, but that will depend on how deep is a feature set you want to create for sellers.

The number of bedrooms. A single college student will have very different demands from a family of four, after all.

Pricing. This is a fundamental variable in any shopping experience, and a slider is the most effective way to make it work within your app.

Those are just the fundamentals. A number of other filters like the number of secondary rooms, available amenities, floor space, and smart home features can greatly improve the interactivity of your app. If you’re putting a particular emphasis on renting, additional filters that cover policies like pets and smoking can be of great use as well.

Choosing Only One Listing Type

The search filters only provide half of the story for shoppers, and that’s why more in-depth listings are a necessary component for any app. The two predominant visualizations in apps of these types are maps and paneled lists, and most real estate apps that want to stay competitive will make use of both, normally in conjunction with each other.

Listings allow your sellers or landlords to put their best foot forward. Photos can make a huge difference when trying to find a renter or buyer for a property, and that’s why it’s important to make these options as interactive as possible. Setting standards for resolution, size, and a format is critical here, as it creates a level of consistency with your platform, and you’ll want to make sure that your retailers have access to a simple interface that allows them to upload images easily, manage their galleries, and edit the write up for their listings. On the other end of the equation, the ability to like, bookmark, or favorite listings is a quality of life component that may seem simple but is a practical necessity for apps like these.

Maps might not offer the same dense level of information as listings, but they help the user get a good frame of reference for their prospective properties. Location is one of the biggest determinant factors in the home shopping experience, and it shouldn’t be neglected. Fortunately, the Google Maps API is easy to integrate into most platforms, and there’s a decent level of customization that can be used to create your own brand identity. Another advantage of implementing Google’s map function is that it offers a street-level view, a useful choice for customers who don’t want to rely on the listing galleries alone.

Used in conjunction with one another, these two listing formats allow the users to shop how they want, and it essentially creates two layers of immersion into the experience: a top-down view in the form of the map and a more focused perspective in the form of the paneled gallery.

Focusing Exclusively on Buyers and Renters

If you’re a third party designing a real estate app, it can be easy to look at the people trying to rent and buy a home as your direct consumer. That would be a mistake. As the endpoint in the transactional relationship, the owners and landlords will ultimately be the consumers for your product, and appealing to them should be a top priority. You should strongly consider putting a feature rich interface in for agents and independent sellers.

Monetizing the option to place listings can be one of the best ways to keep your app in the black, but that means that you can’t lag behind the big names in the industry. A calendar constitutes the bare minimum here, and it should absolutely be a part of your infrastructure. If your agents and sellers can’t effectively share information on open houses and showings, your app could be dead on arrival. As with maps, there are a number of options that can be easily implemented via API here, from Google Calendar to Outlook.

But you should consider map functionality a bare minimum here. Many sites offer priority advertising for premium customers, and some even incorporate full-blown customer relationship management platforms directly into their interface. Exactly how far you want to dig in here is going to depend on the ambition of your app, but you should at least build your application with the opportunity for expansion into CRM territory. Marketing tools, landing page integration, and dynamic communications options like chat, voice, and email are all reasonable goals to set for your app’s development process.

In Conclusion, Pace Yourself

Real estate apps may occupy a comparatively small part of the overall software marketplace, but they can be highly lucrative. As with any development cycle, coming in with a strong proof of concept and direct goals for development. By setting a blueprint from the start and determining how your app is differentiated from the variety of other services on the market, you can carve out your own unique niche. Just don’t neglect the fundamental necessities in pursuit of the next big thing.

Editor’s note: This sponsored post was provided by Victor Osadchiy.

Victor Osadchiy
Victor Osadchiy

Victor is a creative writer who formerly worked in the Ed Tech industry. By day, he’s a writer about app development for business. By night, he’s an online gamer and a big fan of Esports. You can find more posts by Victor on the Yalantis blog

Overview of our recent visit to 3M

WebProfessionals.org is proudly training the U.S. competitor for web design and development for SkillsUSA. Matt Vreman will be competing at WorldSkills in Kazan, Russia later this year. He won the competition among individuals who have won our national web design and development contest over the past few years. WorldSkills competitions happen every two years. WebProfessionals.org has been involved in these competitions since 2013.

As part of his training, we were able to participate in a series of meetings in Minnesota last week. Matt received some mentorship from two individuals who are part of the team responsible for 3m.com (Laurie and Ashley). They provided a number of useful insights and observations which should help Matt as he continues to prepare.

We hope you enjoy this quick overview of some of the events which happened last week. If you would like to help with Matt’s training (or help with our national web design and development competition, please indicate in the comments section.

Recent 3M Visit with WorldSkills Web Competitor from Mark DuBois on Vimeo.

As the WWW turns 30, we support a contract for the web

30 years ago this week (March 11, 1989), Tim Berners-Lee submitted his proposal for an information management system. A lot has happened since that initial proposal. Without a doubt, the WWW has had a significant impact on our society. Personally, I have been learning about web technologies since 1992 (27 years). I am amazed at the scope and scale of changes I have witnessed in nearly three decades. Our organization was founded in 1997 (this April will mark 22 years for us). And, we have witnessed profound changes over that time as well.

Renew our focus on core principles

In the past 30 years, the WWW has morphed into what we know today. There are growing divides and these have been discussed in the open letter written by Sir Tim Berners-Lee on March 11, 2019.

We believe it is time for governments, companies, and citizens to formally commit to the principles outlined in the Contract for the Web. The key points outlined in this contract are cited in the bullet points below:

  • Governments should:
    • provide access to the web and Internet for everyone,
    • make certain the web and Internet is available all the time and all content is available,
    • recognize and respect the fundamental right to each individual’s privacy.
  • Companies should:
    • keep the web and Internet access affordable and accessible to everyone,
    • respect the fundamental right to each individual’s privacy (and personal data),
    • support technologies which put people first.
  • Citizens should:
    • create content and collaborate,
    • foster strong communities where everyone feels safe and welcome,
    • do their part to keep the web open and public.

We signed, did you?

As a member supported organization helping aspiring and practicing web professionals, we have always adhered to the core principles discussed in the above letter. We have signed the Contract for the Web to reaffirm our commitment. We signed as an organization and we encourage members and others reading this to sign as well.

The WWW has created many opportunities and we are at a key point in the evolution of this medium. As an organization, we support continued efforts to create the web we want. We encourage all to do their part.

Best always,
Mark DuBois
Executive Director and Community Evangelist

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

Membership – pay it forward

Membership – pay it forward

If you are a practicing web professional, I have a simple question for you. What are you doing to help the next generation of web professionals? We are a member supported organization and we do our best to help aspiring web professionals learn what matters in our industry. We do this through our School Of Web initiative, our Web Professional Academies and Education Alliances and through our annual web design and development competitions. Your membership matters a great deal.

We will hold our 17th annual national web competition in Louisville in June (as one example). Of course, all of this is made possible by member support. People just like you!

Are you a member of Web Professionals? Your membership matters.

Our web competitions promote best practices

We often hear that there is a skills shortage and employers simply can not find enough individuals with the knowledge and skills to meet their needs. As an organization for aspiring and practicing web professionals, we like to think we are making a difference, particularly by promoting industry best practices at our competitions.

If you have been thinking about joining us, now is the time. We are about to start another round of competitions. You can also help us with competition judging. You do not need to be physically present (all materials are available on a secure server).

Of course, you receive many other benefits (such as a free class at our School of Web, access to curated resources on many aspects of web technologies,  and access to a community of like minded professionals using Slack).

Now is your time to pay it forward

When others ask you what have you done to help the next generation, you should be able to say that you “paid it forward” as an active member of Web Professionals. Your membership matters.

Best always,
Mark DuBois
Executive Director and Community Evangelist

Our certification process

Our certification process

Recently, I was asked to document how we develop our certification exams. I thought it might be helpful for visitors to this blog to better understand the process as well. We always try to keep our certifications in line with what is happening in the industry. We offer a number of certifications (ranging from novice to professional levels) in web design, web development, mobile and app development and a number of related areas.

Individual at work with the word cwertification highlighted

Background

We have been offering our certifications for roughly two decades. Obviously, our processes have changed over that time. For example, when I served as Director of Education, we met in Las Vegas (in person) for several days to identify specific areas of focus in our certifications. Nowadays, we hold most of our discussions via email and teleconferences. Here is a bit about our internal process. Frankly, I have personally been involved with many certification efforts over my many years of experience in this field. I have worked closely with companies such as Adobe and Microsoft. Given what I have observed, I can attest that our certifications are comparable and follow roughly the same set of processes. Of course, there is one key difference – our certifications are vendor neutral.

Anyone working in this field understands that technology changes rapidly (and this churn means we need to keep our certifications up to date). This is why those who have earned a certificate from us need to have it renewed every two years.

Our process

Essentially, the process involves periodic review of the current domains and subdomains we cover by individuals in business, industry, and education. We also use this information to keep other initiatives (such as our national web design competition) up to date. Once we have identified that changes need to be made, we have individuals with significant experience in writing questions develop appropriate questions (which include distractors and other features to help confirm individuals really understand the technology). These questions are then reviewed/ revised and eventually end up in question pools. We pull questions from these pools when an individual takes an exam. Obviously, different questions are developed for novice and beginning certifications and for professional certifications. As an aside, we also ask anyone taking a professional level certification to provide documentation they have worked in the industry for at least two years.

We believe it is important that individuals who work in our field consider holding a professional level certification. We believe it is also important those aspiring to work in our industry hold entry level certifications. This is confirmation you have a base level of knowledge and skills for our industry. Of course, we also believe individuals in our industry should be part of a professional organization and collaborate with others. We also ask members to sign a code of ethics. We even include a link to agree to our code of ethics for non- members [it is posted near the bottom of our home page.] It is only through our combined efforts we raise the bar of professionalism in our industry.

Become involved

If you would like to be part of the group which periodically reviews our domains and subdomains, please leave a comment below. By providing your email address, we will know how to contact you. We encourage you to consider helping us (and our industry) by providing your insights periodically as to what matters in today’s rapidly changing field.

I look forward to your comments (and hope you consider assisting us and providing your insights into our process).

Best always,
Mark DuBois
Executive Director and Community Evangelist