The W3C At Twenty-Five

The W3C At Twenty-Five The W3C At Twenty-Five Rachel Andrew 2019-10-11T12:30:00+02:002019-10-12T11:06:31+00:00 Last week, the World Wide Web Consortium (W3C) celebrated its 25th anniversary and invited folks to share why the open web platform matters to them via the hashtag #WebStories. As I’m both a member of the CSS Working Group at W3C and the representative for Fronteers, I think it’s a good time to explain a bit more about the role of the W3C in the work that we all do. What Exactly Is The W3C? On the W3C website, the About page describes the W3C as: “… an international community where Member organizations, a full-time staff, and the public work together to develop Web standards. Led by Web inventor and Director Tim Berners-Lee and CEO Jeffrey Jaffe, W3C’s mission is to lead the Web to its full potential.” There are links on that page to details of the mission Read the full article…

Formative Vs Summative : The User Testing Battle

As Steve Jobs once said,  “Design is not just what it looks like and feels like. Design is how it works.”  Even though the legendary tech leader spoke out about how design needs to be functional and have its usability, it is still treated as only an aesthetic part of the development process.  Even when […] The post Formative Vs Summative : The User Testing Battle appeared first on Usability Geek Read the full article…

22+ Best Educational PPT (PowerPoint) Templates for Teachers

PowerPoint presentations are an important part of education. Any lecture can be made more entertaining and easily understandable by using an effective educational PowerPoint slideshow. Having a set of brilliantly designed slides also helps deliver your key points more effectively. This is where we want to help. In this post, we’re sharing a collection of the best educational PowerPoint templates teachers can use to create attractive presentations for educational purposes. Whether you’re making a slideshow for a group of children or preparing a lecture for a college course, you’ll find many different templates to choose from on our list. Let’s have a look. Edumode – Education PowerPoint Template Edumode is a professional PowerPoint template featuring a set of slides made for creating educational presentations for schools, colleges, and academies. The template comes with more than 40 unique slide designs along with editable vector graphics, maps, icon packs, and more. Academia Read the full article…

25+ Best Google Chrome Extensions for Designers and Developers

Browser extensions can speed up design workflows, helping you do everything from identifying a font, to pulling a color swatch, to inspecting the code of an element. Google Chrome has edged out all other browsers with the top market share among users, on more than 58 percent of all computers. And there are plenty of extensions out there to help you optimize the performance of Chrome in your design workflows. We compiled an awesome collection of 25 extremely useful Google Chrome Extensions for designers and developers. Site Palette Site Palette generates comprehensive palettes that you can share, swatch, and download. The part that makes this extension pretty valuable is that you can pull palette from any website as inspiration for future color combinations. It works with Sketch, Google Art Palette, and Adobe swatches, as well as has a free API. CSS-Shack CSS-Shack lets you create layer styles in-browser and export Read the full article…

How To Use Breadcrumbs On A PWA

How To Use Breadcrumbs On A PWA How To Use Breadcrumbs On A PWA Suzanne Scacca 2019-10-09T12:30:59+02:002019-10-09T11:07:47+00:00 I’ve seen a lot of questions about whether or not breadcrumbs are necessary for PWAs. It makes sense why the question is raised. After all, PWAs have an app shell and sticky menu, so shouldn’t it be easy for users to move around it without a secondary navigation? It’s not as simple as that. Because PWAs often straddle the line between website and native app, navigation isn’t always minimized — especially if you’re building large e-commerce stores or blogs. Plus, don’t forget that breadcrumbs aren’t just for navigation. They’re often used to show progress. So, today, we’re going to look at how to design breadcrumbs for PWAs and some interesting use cases where they come in handy. Will PWAs Replace Native Mobile Apps? When it comes to the mobile user experience, are mobile Read the full article…

Navigating Ambiguity

By Jonathan Walter In many respects, we have reduced the ambiguity in our world. We can now sample an entire music album before deciding to purchase it, use a smartphone app to learn what’s happening at home while we’re on vacation, or click a button to discover who has viewed our LinkedIn profile. However, while we might enjoy the occasional mystery/thriller novel or movie, in which the story’s outcome remains uncertain as we’re propelled through suspenseful twists and turns, we are becoming much less tolerant of mystery in our daily lives. We like to disambiguate the circumstances of our lives. We like to know things. This gives us comfort and favors predictability, which in turn reduces our anxiety and stress. Resolving uncertainty is actually something for which people are willing to pay. But ambiguity is still alive and well in the work we do as UX designers. Those of us Read the full article…

3 Keys to Effective Product Roadmapping

By Tony Scherba Product development is complex, so it’s important to have a plan. Your product roadmap serves that purpose and lets you plot the journey ahead and ensure your entire team is aligned. While it’s crucial to have a well-defined product roadmap at the outset of development, many companies do not have a good system in place for proper project planning. In fact, last year’s Pulse of the Profession report showed that 58% of survey respondents failed to grasp the full value of project management. A product roadmap can help clear up any confusion and outline a project’s trajectory. Abraham Lincoln once said, “Give me six hours to chop down a tree, and I will spend the first four sharpening the ax.” If only more of us in software development had that same mindset. Read the full article…

Fears About User Research

By Jim Ross As Halloween approaches, I thought it would be fun to write about a scary subject: user research! User researchers can sometimes be a fearful, neurotic bunch, and user research can be a scary business for newcomers and even those with years of experience. Perhaps some might find user research scary because it has often been misunderstood, devalued, and viewed with skepticism. User researchers have struggled to prove our value and to prevent user research from being the first thing cut from projects to save time and money. We always feel that we must work hard to prove our worth and overcome these doubts. Read the full article…

Best Practices for Halloween Email Newsletters with Examples

You’re reading Best Practices for Halloween Email Newsletters with Examples, originally posted on Designmodo. If you’ve enjoyed this post, be sure to follow on Twitter, Facebook! Halloween is celebrated in different cultures around the globe and provides a big sales opportunity. While some people will put faces on pumpkins, adorn their halls with spooky decorations, and try on scary costumes, email marketers send email newsletters with … Read the full article…

Make These Changes to Meet Web Design Accessibility Standards

You’re reading Make These Changes to Meet Web Design Accessibility Standards, originally posted on Designmodo. If you’ve enjoyed this post, be sure to follow on Twitter, Facebook! Accessibility is a key function of any web design or app strategy. New government accessibility regulations in the UK mean that all public sector websites created on or after Sept. 23, 2018, must be accessible. Mobile apps must be accessible … Read the full article…

20+ Best Photoshop Filters + Plugins 2019 (+ How to Use Them)

If you’re looking for unique Photoshop filters to turn your photos into artwork, you’ve come to the right place. In this post, we feature a collection of the best Photoshop filters and plugins you can use to add various effects to photos. There are many benefits to using Photoshop filters. They are quite useful in crafting creative graphic designs such as posters, flyers, logos, and much more. While Photoshop itself comes with a set of default filters they don’t offer much value. Thankfully there are many filters you can download from third-party sources. Using the Photoshop filters on our list, you can extend the functionality of Photoshop and create unique effects more easily. How to Install and Use Photoshop Filters Using filters in Photoshop is easy. All you have to do is go to the Filters menu and choose a filter from the list. Although, creating professional effects using these Read the full article…

Simplify Scraping Jobs With Scrapestack API

There are plenty of scenarios where you need to scrape and collect data from across the web. An API can take a lot of the work out of this chore for you so that you don’t have to handle it (with IP blocks, CAPTCHAs, and a huge amount of manual work on your own). scrapestack is an API solution that can scrape webpages around the world in the blink of an eye, to power information on your website, database, research project, or product. Here’s a look at how to use this tool and how to make it work for you. What Is scrapestack? scrapestack is an API service that allows users to scrape websites without dealing with technical issues. Simply send a valid website URL, and the API will return full HTML content (as seen in the browser, including JavaScript rendering) inside a JSON response. You won’t have to deal Read the full article…

Developing A Custom Plugin For October CMS

Developing A Custom Plugin For October CMS Developing A Custom Plugin For October CMS Andriy Haydash 2019-10-08T12:30:59+02:002019-10-08T11:06:52+00:00 Last year, I did some research about new CMS systems in PHP in order to find a good alternative to WordPress. Ideally, it had to be an open-source solution with a clean and modern codebase. One of them caught my interest: October CMS. I tried it and almost instantly liked it. The code structure was really nice and it was easy to write custom plugins. This article aims to give you an overview of what to expect from the platform and give you a taste of it before you decide to commit to using it. Why Choose October As Your CMS Platform? There are a few main reasons why I have personally decided to use it for my projects. Powered By Laravel October is built on top of the most powerful PHP framework Read the full article…

8 Things to Stop Doing With Typography (Right Now!)

Good typography is an art that shouldn’t be messed with too much. Letterforms flow together to form words and phrases that are readable and have subtle visual meaning. But if you aren’t careful, it’s easy to ruin typographic beauty in an instant. If you have slipped into any of these design traps, this is the time to stop doing anything on this list to type and clean up your design pieces. (Your portfolio will thank you.) Adding Drop Shadows Most fonts are perfect just the way they are. (I am dead serious.) If the letters don’t work for your design, maybe you should consider another type choice. Don’t take the lazy option and add a way-too-obvious drop shadow or outline to the text. …the best shadows go completely unnoticed There’s this general rule about drop shadows that more people should follow — the best shadows go completely unnoticed. If you Read the full article…

Design Systems Are About Relationships

Design Systems Are About Relationships Design Systems Are About Relationships Ryan DeBeasi 2019-10-07T12:30:59+02:002019-10-07T11:06:05+00:00 Design systems can be incredibly helpful. They provide reusable elements and guidelines for building a consistent “look and feel” across products. As a result, users can take what they learned from one product and apply it to another. Similarly, teams can roll out well-tested patterns for navigation or reviews, making products more trustworthy. Effective design systems solve boring problems in a repeatable way so that developers and designers can focus on solving novel problems. Yet when someone uses the term “design system” in a meeting, I’m never quite sure what reaction to expect. I’ve seen curiosity and excitement about trying a new way of working, but I’ve also seen frustration and concern at the idea of a system limiting designers’ creativity. Some designers argue that design systems sap creativity, or that they are solutions in search of Read the full article…

20+ Best Outline Fonts

If you’re working on a poster, flyer, or greeting card design, an outline font is a great choice for adding titles and headlines that attract attention. In this post, we’re featuring some of the best outline fonts you can use in not only print designs but in digital graphic designs as well. Unlike most other types of fonts, an outline font is easily recognizable. Just as the name suggests, an outline font features a character design that only consists of outlines without a fill. These fonts are widely used to create attractive titles and headlines. They are also used in logo and stationery designs as well. This collection includes a mixed collection of outline fonts you can use in various types of professional, decorative, and business graphic designs. Take a look and see if you can find an outline font that suits your project (and be sure to read through Read the full article…

13+ Best PowerPoint Roadmap Templates

If you’re working on a product or business roadmap presentation, we have handpicked some of the best PowerPoint roadmap templates you can use to design a killer slideshow for your presentation. A roadmap presentation is one of the most effective methods of detailing the past, present, and future for product and business development. Using a PowerPoint roadmap template will make the process of designing the slideshow much easier as they come packed with timelines, tables, infographics, icons, and much more to make your presentation look more professional. Our collection of PowerPoint roadmap templates should have the perfect design for your presentation, along with a few helpful tips for creating a roadmap in PowerPoint. Top Pick Roadmapping – PowerPoint Roadmap Template This professional PowerPoint template comes with multiple slides designed for presenting all kinds of roadmap presentations. The template includes 21 unique slide designs filled with vector graphics, infographics, icons, and Read the full article…

Editorial Design Patterns With CSS Grid And Named Columns

Editorial Design Patterns With CSS Grid And Named Columns Editorial Design Patterns With CSS Grid And Named Columns Rachel Andrew 2019-10-04T12:30:00+02:002019-10-05T11:07:37+00:00 Many websites, in particular those which display long-form content, have a fairly straightforward repeating pattern of components: a full-width area for images, a central content area, and perhaps a split view of two half-width blocks. These components repeat to display an article, images and other related content — with content editors selecting the right component as they create articles for publication. In this article, I’m going to demonstrate an approach to this kind of editorial design, which builds on a few techniques some of which are discussed in the following articles: “Breaking Out With CSS Grid Layout” “Breaking Out With CSS Grid Explained” “Naming Things In CSS Grid Layout” In addition to this being a nice way to name sections of your layout, this technique exposes a whole bunch Read the full article…

Inspired Design Decisions: Bea Feitler, An Unstoppable Creative Force

Inspired Design Decisions: Bea Feitler, An Unstoppable Creative Force Inspired Design Decisions: Bea Feitler, An Unstoppable Creative Force Andrew Clarke 2019-10-03T14:30:59+02:002019-10-04T11:08:44+00:00 Even if you didn’t study graphic design at art school, you might know a few famous names. With over a century of commercial art direction, there are plenty more names to discover. People who have done astonishing work which can encourage and inspire us to think about the web more creatively. Discovering people with incredible talent has been one of the most rewarding aspects of studying art direction. Learning about one designer often leads me to another, and when I find someone who’s work I admire, I want to understand not just what they made, but why they made it. Previously On “Inspired Design Decisions” Inspired Design Decisions: Avaunt Magazine Inspired Design Decisions: Pressing Matters Inspired Design Decisions: Ernest Journal Inspired Design Decisions: Alexey Brodovitch After learning about Alexey Read the full article…

20+ Best Business & Corporate Fonts 2019

If you’re looking for the perfect font for a logo, business card, stationery, or any kind of branding for a corporate business, you’ve come to the right place. In this post, we bring you a curated collection of the best fonts you can use with designs related to business and corporate brands. Whether you’re making a business flyer, poster, signage, or searching for a font for your brand identity, you’ll find all kinds of fonts in our collection that can be used with various design projects and purposes. We’re also featuring a few helpful tips for choosing a font for your business, to help you with making this important decision! Top Pick Media Times – Elegant Business Font This elegant and professional font is a great choice for designing a brand identity or practically any type of business or corporate design. The timeless modern design of this font will also Read the full article…