Web Tricks

In this article, I’ll cover the process of data visualization with the Webix JavaScript UI Library. The most convenient and intuitive form of visualized data is, naturally, a chart. That’s why we’ll talk about different types of charts in this article. Webix is JavaScript UI library of HTML5 components that you can use for creating mobile and desktop web apps. There's a wide variety of components from a simple button to the SpreadSheet Widget that can be used for developing Excel-like office web applications. Besides the UI components collection, there’s an event handling mechanism, offline mode support, and a bunch of development tools. For example, you can create your own skins using the Skin Builder, use the visual designer for drag-and-drop UI creation, or experiment with the code in o...

Visual Studio Live Share Can Do That?Visual Studio Live Share Can Do That? Burke Holland 2018-09-19T13:30:17+02:00 2018-09-19T11:39:28+00:00 A few months ago, Microsoft released its free Visual Studio (VS) Live Share service. VS Live Share is Google Docs level collaboration for code. Multiple developers can collaborate on the same file at the same time without ever leaving their own editor. After the release of Live Share, I realized that many of us have resigned ourselves to being isolated in our code and we’re not even aware that there are better ways to work with a service like VS Live Share. This is partly because we are stuck in old habits and partly beca...

Welcome to our roundup of the best websites launched (or relaunched with major updates) in the last four weeks. September marks the beginning of Fall in the northern hemisphere, and reflecting that change, we’re seeing fewer light, airy, minimal designs, and more rich, warm, comforting designs. There’s been a flood of new design agency sites, and a ton of new season fashion sites launched this month—we’ve included the best. You’ll also find some great photography and lots for lovers of typography. Enjoy! Critical Mass Critical Mass is one of those design agencies you’d just love to work for. Their new site is a homage to themselves, telling a success story from their roots in Calgary, to 11 different offices around the world, with some exceptional work along the way. Genesis Genesis is a...

Fixed Elements And Overlays In XD: Incredibly Easy And Fun Methods For Your PrototypesFixed Elements And Overlays In XD: Incredibly Easy And Fun Methods For Your Prototypes Manuela Langella 2018-09-18T12:30:32+02:00 2018-09-18T10:47:33+00:00 (This article is kindly sponsored by Adobe.) A fixed element is an object you set to a fixed position on the artboard, allowing other items to scroll underneath. This way, you get a realistic simulation of scrolling on desktop and mobile. With the new overlay feature, you can simulate interactions such as lightbox effects and submenus. How do famous brands use fixed elements and overlays? Well, let’s take a look at some ex...

Flexbox: How Big Is That Flexible Box?Flexbox: How Big Is That Flexible Box? Rachel Andrew 2018-09-17T13:30:30+02:00 2018-09-17T11:38:35+00:00 This is the third part of my series on Flexbox. In the past two articles, we have looked at what happens when you create a flex container and explored alignment as it works in Flexbox. This time we are going to take a look at sizing. How do we control the size of our flex items, and what choices is the browser making when it controls the size? Initial Display Of Flex Items If I have a set of items, which have variable lengths of content inside, and set their parent to display: flex, the items will display as a row and ...

I love the hamburger menu. I hate the hamburger menu. I am constantly contradicting myself about this tiny website element; whether I think it works beautifully…or just makes a mess. And I’m not alone. While this icon has exploded in popularity, there’s still significant debate as to whether it is the right choice for tucking navigation menus into websites. It’s a debate I have with myself (and team) every time we approach a new project as well. Because while I love the simplicity of the hamburger menu and the clean canvas it provides, there are some lurking usability issues that just keep nagging me. That’s why I have a distinct love-hate relationship with the hamburger menu. Love: Clean Design Canvas The extra space provided by using a hamburger menu icon can create a cleaner, sleeker, ...

Every week users submit a lot of interesting stuff on our sister site Webdesigner News, highlighting great content from around the web that can be of interest to web designers.  The best way to keep track of all the great stories and news being posted is simply to check out the Webdesigner News site, however, in case you missed some here’s a quick and useful compilation of the most popular designer news that we curated from the past week. Note that this is only a very small selection of the links that were posted, so don’t miss out and subscribe to our newsletter and follow the site daily for all the news. Chrome’s New Design – A UX Perspective   This is What the Apple iPhone 11 Could Look like   Trendy Palettes – Free and Open Collection of Color Palettes, Updated Daily   Taking Owner...

Worldwide, retail e-commerce sales totaled $2.29 trillion last year. By the end of this year they’ll have reached $2.8 trillion. If the trend continues apace, e-commerce sales will reach a whopping $4.479 trillion by 2021. The message is clear: Consumers love the convenience of e-commerce; the reduced prices compared to real world stores, with their real world overheads; the greater range of products. With a simple click, or tap, you can buy or subscribe to almost any product or service. Never has impulse buying been so easy. It’s clear that e-commerce will continue to grow as a sector. But what exactly will it look like in the coming months and years? Add Realistic Chalk and Sketch Lettering Effects with Sketch’it – only $5! Source p img {display...