CSS Grid is now live in all major browsers, and with it everything we know about web layouts changes! The CSS Grid Layout Module introduces a native CSS grid...
This April we have prepared for you a wonderful list of web dev resources, including some React libraries, a framework for cross-browser extensions, and a JavaScript physics engine!
Unfortunately Twitter is not ideal for providing context and longer explanation, and I thought this might be a good way to follow up. Given that, a lot of this article describes what led to our…
I recently worked on defining the spacing system for Practice Fusion’s EHR (Electronic Health Record) product, to ensure improved readability and consistency across all pages. I came up with 3 spacin…
By adopting inline styles, we can get all of the programmatic affordances of JavaScript. This gives us the benefits of something like a CSS pre-processor (variables, mixins, and functions). It also…
Today, CSS preprocessors are a standard for web development. One of the main advantages of preprocessors is that they enable you to use variables. This helps you to avoid copying and pasting code, and it simplifies development and refactoring.
Centering things in CSS is the poster child of CSS complaining. Why does it have to be so hard? They jeer. I think the issue isn't that it's difficult to
Every web developer inevitably runs into situations where they need to make visual design decisions, whether they like it or not. Maybe the company you work for doesn’t have a full-time designer and…
In this article, I’ll focus on the main principles, heuristics and approaches that will help you to create a great user experience for your website. I’ll start with global things like the user journey (how to define the “skeleton” of the website) and work down to the individual page (what should be considered during web page design). We’ll also cover other essential aspects of design, such as mobile considerations and testing.
Design Thinking is a design methodology that provides a solution-based approach to solving problems. It’s extremely useful in tackling complex problems that are ill-defined or unknown, by understanding the human needs involved, by re-framing the problem in human-centric ways, by creating many ideas...
The more I mature in software development, the more I value the fundamentals — insights that seemed trivial when I was a beginner, but now hold profound significance with the benefit of experience…
The Go programming language was conceived in late 2007 as an answer to some of the problems we were seeing developing software infrastructure at Google. … Go was designed and developed to make working in this environment more productive. Besides its better-known aspects such as built-in concurrency and garbage collection, Go's design considerations include rigorous dependency management, the adaptability of software architecture as systems grow, and robustness across the boundaries between components.
n this post, I aim to:
— Shed light on some of the presumed benefits of small functions
— Explain why I personally think some of the benefits don’t really pan out as well as advertised
— Explain why small functions can actually prove counterproductive sometimes
— Explain the times when I do think smaller functions truly shine
Você finalmente descobriu que vai trabalhar com desenvolvimento de games. Mas vale a pena fazer uma faculdade de jogos digitais? Neste artigo eu vou te explicar tudo que você precisa saber para tomar essa decisão! Leia agora!
Completed in 2017, IKC de Geluksvogel school in the Netherlands is known for its focus on sustainability and its teaching approach, which centres on the use of technology. In today’s Q&A we speak to Misak Terzibasiyan, the director of UArchitects, the firm behind the design of this award-winning school.
Whether it is a signup flow, a multi-view stepper, or a monotonous data entry interface, forms are one of the most important components of digital product design. This article focuses on the common…
A complete companion to wireframing, guiding you through theory and practice of creating good designs across every stage in the product development process.
ABC is an effective and engaging hands-on workshop that has now been trialled with great success over a range of programmes. In just 90 minutes using a game format teams are able to work together to create a visual ‘storyboard’ outlining the type and sequence of learning activities (both online and offline) required to meet the module’s learning outcomes. ABC is particularly useful for new programmes or those changing to an online or more blended format.
Multifunctional learning spaces, colorful interiors and small niches for concentration and contemplation. Rosan Bosch Studio has created an immaginative design for the newly built Vittra school Brotorp in Stockholm
Did you know that users are more likely to choose, buy and use products that meet their needs as opposed to products that just meet their wants? An Empathy map will help you understand your user’s needs while you develop a deeper understanding of the persons you are designing for. There are many techniques you can use to develop this kind of empathy. An Empathy Map is just one tool that can help you empathise and synthesise your observations from the research phase, and draw out unexpected insights about your user’s needs.
An Empathy Map allows us to sum up our learning from engagements with people in the field of design research. The map provides four major areas in which to focus our attention on, thus providing an overview of a person’s experience. Empathy maps are also great as a background for the construction of the personas that you would often want to create later.
An Empathy Map consists of four quadrants. The four quadrants reflect four key traits, which the user demonstrated/possessed during the observation/research stage. The four quadrants refer to what the user: Said, Did, Thought, and Felt. It’s fairly easy to determine what the user said and did. However, determining what they thought and felt should be based on careful observations and analysis as to how they behaved and responded to certain activities, suggestions, conversations, etc.
We designed the Empathy Map at XPLANE many years ago, as part of a human-centered design toolkit we call Gamestorming. This particular tool helps teams develop deep, shared understanding and empathy for other people. People use it to help them improve customer experience, to navigate organizational politics, to design better work environments, and a host of other things.
These standards provide a measure of quality assurance for online courses in order to serve the e-learning needs of Penn State students. They are directed to departments and colleges that wish to share online courses with other campuses or with students external to a Penn State geographic location via Penn State’s World Campus or e-Learning Cooperative.
Purpose
The Quality Assurance e-Learning Design Standards are intended to provide a measure of quality assurance for online courses in order to serve the e-learning needs of Penn State students. These standards are directed to departments and colleges that wish to share online courses with other campuses or with students external to a Penn State geographic location via Penn State’s World Campus or e-Learning Cooperative.
This article will teach you two popular design workshop techniques: empathy mapping and user journey mapping. Empathy mapping is a way to characterise your target users in order to make effective design decisions. User journey mapping is a way to deconstruct a user’s experience with a product or service as a series of steps and themes. Put simply, these methods encourage your stakeholders to think about user needs effectively, identifying pain points and opportunities in a systematic and straightforward way.
Cornell researchers are taking 3-D printing and 3-D modeling to a new level by using augmented reality (AR) to allow designers to design in physical space while a robotic arm rapidly prints the work.
If there is a makerspace in your school, it may be down the hall, in the library, or in another building. If there is someone other than the teacher managing the makerspace or there is a schedule for the school, your kids may only be able to use it once a week or month. Some makerspace activities may be focusing on how to use the resources available and may not be connecting the activities to the curriculum or around a real world problem. If this is how the makerspace is set up in your school, then your kids may not have access to the resources, materials, and tools when they need them, especially for STEM or STEAM
Storyboarding for Learning Design Open Online Course (OOC) The Open Online Course (OOC) on Storyboarding for Learning Design was produced and jointly delivered by Art of E-learning and E-learning Monterrey from 12 January to 20 February 2015. The OOC was free and open to all learning designers and teachers. Learning outcomes Define course and audience profile Select…
China drives 1 out of every 3 app downloads. But Chinese apps have strikingly unique design customs & features. This blog introduces Chinese app design.
During World War II, strong, action-oriented posters played a crucial role in energizing the American people behind conservation. Now a similar mobilization of America is required to face the ecological crisis posed by global climate change.
The article devoted to three core aspects of user interface design: color, contrast, content. Check how they influence usability and interactions of web and app
The e-Design Assessment Tool (eDAT) is a tool to help tutors represent and evaluate effective blended or distance learning designs. The eDAT combines a simple analysis of the learning activities with reflections on the teaching and learning perspective that underpins the design.
Wilhelm Wagenfeld, Max Bill, Otl Aicher, Hans Gugelot, Dieter Rams, Reinhold Weiss – Namen, die Spuren hinterlassen haben. Schöne Zusammenfassung mit interessanten Einblicken in die Designgeschichte der Marke Braun, die sicherlich ohne Artur und Erwin Braun in dieser Form nicht geschrieben worden wäre.