Tag Archives: windows

Designing For User Interfaces: Icons As Visual Elements For Screen Design

(This is a sponsored article.) Icons are everywhere. They have been around for a long time, and it’s difficult to imagine a world without icons or symbols today. Only designers will know how much effort and time is needed to not only make them helpful but also simple and expressive.
What makes icons particularly special is perhaps the fact that their meaning can be understood without having to add any text or further details.

More here: 

Designing For User Interfaces: Icons As Visual Elements For Screen Design

Automated Browser Testing With The WebDriver API

Manually clicking through different browsers as they run your development code, either locally or remotely, is a quick way to validate that code. It allows you to visually inspect that things are as you intended them to be from a layout and functionality point of view. However, it’s not a solution for testing the full breadth of your site’s code base on the assortment of browsers and device types available to your customers.

Excerpt from – 

Automated Browser Testing With The WebDriver API

Designing For A Browserless Web

What happens when we take the web browser out of web browsing? Google’s new “Add to Homescreen” feature delivers fast, focused web experiences that are indistinguishable from those of a native app. What can designers learn from the successes of early adopters such as Twitter, and how can we leverage app-like design patterns to tackle this brand new set of user experience challenges?
The “Add to Homescreen” installation process, as shown on Google Chrome Developer’s mobile website (Image source) (Large preview) We’ve seen debates on the topic of native versus web experiences.

Visit site – 

Designing For A Browserless Web

Django Developer

We’re looking for developers to join us in our office in central Bristol, developing websites, tools and apps for huge audiences. Our clients include Google, YouTube and Tate. We are proud to be a part of the AKQA network.
This role will see you working as part of a friendly, expert team. The workload will sometimes be hectic, but the atmosphere is cheerful and proactive. We want to put you in a position to write and deploy the best code that you can.

Original source: 

Django Developer

Enhancing CSS Layout: From Floats To Flexbox To Grid

Earlier this year, support for CSS grid layout landed in most major desktop browsers. Naturally, the specification is one of the hot topics at meet-ups and conferences. After having some conversations about grid and progressive enhancement, I believe that there’s a good amount of uncertainty about using it. I heard some quite interesting questions and statements, which I want to address in this post.

Progressively enhanced CSS Layout, with Flexbox and CSS Grid.

“When can I start using CSS grid layout?” “Too bad that it’ll take some more years before we can use grid in production.” “Do I need Modernizr in order to make websites with CSS grid layout?” “If I wanted to use grid today, I’d have to build two to three versions of my website.” The CSS grid layout module is one of the most exciting developments since responsive design. We should try to get the best out of it as soon as possible, if it makes sense for us and our projects.

The post Enhancing CSS Layout: From Floats To Flexbox To Grid appeared first on Smashing Magazine.

Original article:

Enhancing CSS Layout: From Floats To Flexbox To Grid

How To Write Content Without…Well…Having To Write It

how to write content without writing it

Early morning, dew still fresh on the grass, sunrise beautifully lighting a home office, aromatic steam rising from hot coffee, fog melting away from the world outside. And — unfortunately — the first flashes of carpal tunnel pain go pulsing through your wrist. Indeed, the consequences of a repeated routine can manifest themselves in painful ways. Furthermore, doing something in only one way limits personal growth. My suggestion? Maybe it’s time to stop exclusively typing all your content and start dictating some of it. Dictation is a vastly underused feature across all PC and smartphone platforms. Lawyers have been known…

The post How To Write Content Without…Well…Having To Write It appeared first on The Daily Egg.

View original article:  

How To Write Content Without…Well…Having To Write It

Web Development Reading List #179: Firefox 53, The Top Web Browsers, And Vue.js Authentication

Bots and Artificial Intelligence are probably the most hyped concepts right now. And while some people praise the existing technologies, others claim they don’t fear AI at all, citing examples where it fails horribly. Examples of Facebook or Amazon advertising (both claim to use machine learning) that don’t match our interests at all are quite common today.
But what happens if we look at autonomous cars, trains or planes that have the very same machine learning technologies in place?

See the article here: 

Web Development Reading List #179: Firefox 53, The Top Web Browsers, And Vue.js Authentication

Web Development Reading List #178: On CAA, Pong.js, And Meaningful Work

Looking at recent discussions, I feel that more and more people are starting to think about ethically and morally correct work. Many of us keep asking themselves if their work is meaningful or if it matters at all. But in a well-functioning society, we need a variety of things to live a good life. The people writing novels that delight us are just as important as those who fight for our civil rights.

Excerpt from:

Web Development Reading List #178: On CAA, Pong.js, And Meaningful Work

Figma Vs Sketch: The Showdown

The past year has seen quite a rise in UI design tools. While existing applications, such as Affinity Designer, and Sketch, have improved drastically, some new players have entered the field, such as Adobe XD and Figma.
For me, the latter is the most remarkable. Due to its similarity to Sketch, Figma was easy for me to grasp right from the start, but it also has some unique features to differentiate it from its competitor, such as easy file-sharing, vector networks, “constraints” (for responsive design) and real-time collaboration.

Link:  

Figma Vs Sketch: The Showdown

Conversational Design Essentials: Tips For Building A Chatbot

Human interactions are incredibly fascinating if you take a close look at them — the social awkwardness, the communication styles, the way knowledge is transferred, the way stories are told and trust is built. But what happens when a machine evokes the same response?

Conversational Design Essentials: Tips For Building A Chatbot

Conversational interfaces have become the new hotness in UX design. Google is about to release a new virtual assistant chatbot; Facebook has already launched the updated Messenger platform with chatbots; and Microsoft went as far as to claim that the operating system of the future isn’t Windows, but “conversation as a platform.”

The post Conversational Design Essentials: Tips For Building A Chatbot appeared first on Smashing Magazine.

Source: 

Conversational Design Essentials: Tips For Building A Chatbot