News & Information

Web Development

05/26/2017   CSS Tricks

There are many ways to make icons for a website. Inline SVG is scalable, easy to modify with CSS, and can even be animated. If you're interested in learning more about the merits of using inline SVG, I recommend reading Inline SVG vs Icon Fonts. With ever increasing browser support, there's never been a better time to start working with SVGs. Snap Animation States is a JavaScript plugin built around Snap.svg to help create and extend icon libraries with …

Snap Animation States is a post from CSS-Tricks

05/26/2017   InfoWorld Application Development

HTML5 began making waves in software development many years before its official adoption in October 2014, reducing reliance on proprietary rich internet technologies such as Adobe Flash and Microsoft Silverlight. The HTML5 video element, for embedding video in a document, was a big change to support the rich internet. HTML5 also was designed to the support the change of the web from a place to browse documents to a place to build distributed applications. 

To read this article in full or to leave a comment, please click here

05/26/2017   Smashing Magazine


How about an icon set that gives your UI designs just that finishing touch they need? One that stands out while keeping the design clear and legible? Vincent Le Moign spent two years on designing such a set, and we are very happy to feature part of it as a freebie today.

Free Geometric UI Icons With A Fresh And Futuristic Twist (100 Icons, 6 Formats)

The EGO icon collection shines with its well-balanced, geometric style — perfect to make a bold statement without being obtrusive. To prepare you for nearly everything that an app or web interface could ask for, EGO covers tech- and office-themed icons, just like commerce, transport, nature, and leisure motifs. 100 icons in total that can be resized and customized to your liking (AI, EPS, SVG, Sketch, Iconjar, and PDF versions are available). Black and duo-tone blue versions are already on board when you download the set.

The post Free Geometric UI Icons With A Fresh And Futuristic Twist (100 Icons, 6 Formats) appeared first on Smashing Magazine.

05/25/2017   InfoWorld Application Development

“The fox knows many things, but the hedgehog knows one big thing.” Archilochus said in 700 B.C. Centuries later, Unix was developed using similar philosophy: “Do one thing and do it well.”

Derived on the same principles, microservices aim to deliver specific functionality in an independent repeatable way, but any change to that microservice must not result in breaking other services or consumers that it interacts with. Because microservices often invoke other microservices, each must provide a well-defined contract for deployed versions so that any change in the producer microservice will not break the functionality of its consumer counterparts.

To read this article in full or to leave a comment, please click here

05/25/2017   CSS Tricks

I was asked to do a little session on this the other day. I'd say I'm underqualified to answer the question, as is any single person. If you really needed hard answers to this question, you'd probably look to aggregate data of survey results from lots of developers.

I am a little qualified though. Aside from running this site which requires me to think about front end development every day and exposes me to lots of conversations about front end …

What is the Future of Front End Web Development? is a post from CSS-Tricks

05/25/2017   InfoWorld Application Development

An enum is a value type. Value types in .Net are generally stored in the stack. You typically use enums to represent named constants in your application. There are two types of enums: simple enums and flag enums. While the former type is used to represent a closed set of values, the latter is used to provide support for bitwise operations using the enum values.

This article presents a discussion on enums, what they are, why they are useful, and the design constraints when using enums in applications and how to implement a type-safe enum pattern with code examples wherever appropriate.

Why should we use enums? How are they helpful?

Enums are helpful as you can set your domain-specific keywords that would be treated as integer constants -- these all help you to write clean, readable code in your application. You can use enums in switch statements as well. You can use enums in lieu of static constants in your application. Here’s a nice article from MSDN that outlines the design guidelines that should be adhered to when working with enums:

To read this article in full or to leave a comment, please click here

05/25/2017   Web Developer Juice

If you’ve got a blog that gets plenty of traffic but you’re still struggling to make money – you might be looking for new ways to monetise your site and start making a good profit. Thankfully, you’ve already done the hard part. Generating traffic. Sometimes all your site needs is a few simple tweaks to […]

The post How to Convert More Traffic Quickly and Easily appeared first on Web Developer Juice.

05/25/2017   CSS Tricks

If you keep up with the jargon within the web development and design industry it's likely that at some point you will have come across the term "duck" at least once or twice. Apart from it being fun to feed bread to them, ducks in the web industry hold at least two completely different meanings.


One of them is referred to as rubber duck debugging, which is when you to talk to a rubber duck toy to …

Designing and Debugging with Ducks in Your Web Projects is a post from CSS-Tricks

05/25/2017   InfoWorld Application Development

Find someone who calls himself a “full-stack developer” and smack him right across the face for being a liar or terrible. (Umm, don’t really do this: Violence is wrong.)

I’ve not run the numbers, but I estimate that less than 1 percent of the developer population can make an adequate-looking webpage and a fully optimized data storage layer, let alone business logic. Just because you made everything JavaScript doesn’t solve that fundamental problem. Most papers on quantum physics are in English; I speak English but I’m not automatically a quantum physicist. As one developer I know put it, that’s “boss-logic.”

The truth is that most of the applications we do in business are simple. They’re basic CRUD applications: Take some form data, shove in a database, display it later or possibly do a basic kind of report thing. Maybe there is a little bit of workflow, but probably not much. They don’t even have to look that great. We’re all “full-stack developers” for that stuff.

To read this article in full or to leave a comment, please click here

05/25/2017   Smashing Magazine


Websites with long or infinite scrolling are becoming more and more common lately, and it’s no mere trend or coincidence. The technique of long scrolling allows users to traverse chunks of content without any interruption or additional interaction — information simply appear as the user scrolls down the page.

Just Keep Scrolling! How To Design Lengthy, Lengthy Pages

Infinite scrolling is a variety of long scrolling that allows users to scroll through a massive chunk of content with no finish line in sight (it’s the endless scrolling you see on Facebook, Twitter and Tumblr feeds).

The post Just Keep Scrolling! How To Design Lengthy, Lengthy Pages appeared first on Smashing Magazine.

05/24/2017   InfoWorld Application Development

Microsoft has been mapping out plans to improve its Git Virtual File System (GVFS), including linking it to the Visual Studio IDE and getting it supported in third-party Git clients.

GVFS is an attempt to scale the Git software version control system to extremely large projects and teams, virtualizing the .git folder and working directory. In GVFS, only portions of a repo and files are downloaded, providing developers just the portions they need at the time. The software features a server-based back end and a virtualization layer for the client, virtualizing the file system.

To read this article in full or to leave a comment, please click here

05/24/2017   CSS Tricks

We're not going to be looking at CSS in this post but we are going to talk about tricks for taking paid vacations when no one is paying you to take time off. I suspect that there are a number of us in the front-end development community who face similar situations and addressing is one way we can figure it out together and hopefully glean ideas that make our work-life balance much healthier.

Taking Vacation When No One is Paying You to Take Time Off is a post from CSS-Tricks

05/24/2017   CSS Tricks

Last week's ShopTalk Show was all about HTML Email. It's such a fascinating subject, as technically it is front-end web development, but it almost feels like a bizarro alternate universe.

We have dozens of browsers to worry about, they have hundreds of clients to consider. We worry about whether fancy new APIs are supported, they worry about whether padding is supported. We have grid layout, they have.... grid layout?!

It's tempting to make the joke: "It's coding like it's 1999!"

The Tools of an HTML Email Workflow is a post from CSS-Tricks

05/24/2017   Smashing Magazine


As designers, we often use imagery that resonates with our audience. Yet, often we also end up with stock photos and generic icons that come across as mere decoration. Or we bypass imagery altogether. But custom images are a powerful design tool. They can tell a story and convey a distinct personality.

The Power Emotional Design: Including Illustrations Into Your Projects

Custom illustrations can be especially impactful. They can make our audience feel personally connected to an app or website, while being an integral part of the design.

The post Make ‘Em Shine: How To Use Illustrations To Elicit Emotions appeared first on Smashing Magazine.

05/24/2017   InfoWorld Application Development

The Cloud Native Computing Foundation (CNCF), which seeks to drive large-scale cloud computing with an emphasis on containers and microservices, has just added the Container Network Interface (CNI) project to its fold.

The project joins others hosted by the nonprofit foundation, including the Kuberrnetes container orchestration platform and CoreDNS DNS server. CNI had been a GitHub open source project. It features a specification and libraries to write plugins for configuring networking interfaces in Linux containers.

The foundation’s adoption of CNI is meant to increase its focus on network connectivity of containers and the removal of allocated sources when the container is deleted. “The idea [is] that CNI is a standard way of being able to use different networking technologies,” said Dan Kohn, the foundation’s executive director.

To read this article in full or to leave a comment, please click here

05/24/2017   InfoWorld Application Development

Microsoft has made major strides to take its development tools out of a Windows-only world, both for the applications you can create and the platforms they run on. The open source .Net development tools that Microsoft got when it acquired Xamarin two years ago are key to Microsoft’s cross-platform transformation.

That transformation is very much evident today, with much of the Xamarin’s tools folded into Microsoft’s Visual Studio development platform over the last year, and its MacOS Xamarin Studio rebranded as Visual Studio for Mac with additional features for working with Azure and .Net Core.

To support Microsoft CEO Satya Nadella’s focus on an “intelligent cloud and intelligent edge” mission, Xamarin’s cross-platform development strategy is key to delivering the edge elements of that vision. Microsoft’s mobile strategy has pivoted away from its own Windows Mobile OS (at least for now), and the company is now concentrating on delivering applications for the previously alien platforms iOS and Android. It’s a shift that also means bringing its developer ecosystem to new platforms – especially if it’s to deliver on its Project Rome vision of applications and content that migrate from device to device, letting your work follow you wherever you go.

To read this article in full or to leave a comment, please click here

05/23/2017   Smashing Magazine


Imagine that it's a hot day. The sun is out, and the temperature is rising. Perhaps, every now and then, there's a cool breeze. A good song is playing on the radio. At some point, you get up to get a glass of water, but the exact reason why you did that at that particular time isn't easy to explain. It was "too hot" and you were "somewhat thirsty," but also maybe "a little bored." Each of these qualities isn't either/or, but instead fall on a spectrum of values.

Building Killer Robots: Game Behavior In iOS With Fuzzy Logic Rule Systems

In contrast, our software is usually built on Boolean values. We set isHot to true and if isHot && isThirsty && isBored, then we call getWater(). If we use code like this to control our game characters, then they will appear jerky and less natural. In this article, we'll learn how to add intelligent behavior to the non-player characters of a game using an alternative to conventional Boolean logic.

The post Building Killer Robots: Game Behavior In iOS With Fuzzy Logic Rule Systems appeared first on Smashing Magazine.

05/23/2017   CSS Tricks

React provides two standard ways to grab values from <form> elements. The first method is to implement what are called controlled components (see my blog post on the topic) and the second is to use React's ref property.

Controlled components are heavy duty. The defining characteristic of a controlled component is the displayed value is bound to component state. To update the value, you execute a function attached to the onChange event handler on the form element. The onChange

React Forms: Using Refs is a post from CSS-Tricks

05/23/2017   CSS Tricks

Exactly as I did the other week, Laurie Voss saw a tweet about the complication of front-end development and responded.

From the outside, front end development in 2017 looks pathologically overcomplicated. Is this a fair perception? If so, why is it happening?

— Pinboard (@Pinboard) May 21, 2017

The replies to Maciej's tweet are interesting to read. They fall roughly into two camps:

  1. Older/not front-end developers: because the web is shit!
  2. Current front-end developers: because shit is hard!

As …

Are we making the web too complicated? is a post from CSS-Tricks

05/23/2017   InfoWorld Application Development

Microsoft is positioning its P language as a solution for asynchrony in a world where this capability is becoming increasingly vital for the cloud, artificial intelligence, and embedded systems.

Geared to asynchronous event-driven programming, the open source P unifies modeling and programming into a single activity. “Today’s software uses cloud resources, is often embedded in devices in the physical world and employs artificial intelligence techniques,” said Shaz Qadeer, a principal researcher at Microsoft. Such applications feature asynchrony, leading to issues with race conditions and “heisenbugs” (named after the Heisenberg Uncertainty Principle), which are timing-related bugs that often disappear during an investigation of it. P was was built to address the challenges.

To read this article in full or to leave a comment, please click here

05/23/2017   InfoWorld Application Development

The internet of things is real, and it’s a real part of the cloud. A key challenge is how you can get data processed from so many devices. Cisco Systems predicts that cloud traffic is likely to rise nearly fourfold by 2020, increasing 3.9 zettabytes (ZB) per year in 2015 (the latest full year for which data is available) to 14.1ZB per year by 2020.

As a result, we could have the cloud computing perfect storm from the growth of IoT. After all, IoT is about processing device-generated data that is meaningful, and cloud computing is about using data from centralized computing and storage. Growth rates of both can easily become unmanageable.

So what do we do? The answer is something called “edge computing.” We already know that computing at the edge pushes most of the data processing out to the edge of the network, close to the source of the data. Then it’s a matter of dividing the processing between the edge and the centralized system, meaning a public cloud such as Amazon Web Services, Google Cloud, or Microsoft Azure. 

To read this article in full or to leave a comment, please click here

05/23/2017   InfoWorld Databases

Microsoft apparently missed database godfather Michael Stonebraker’s memo. In 2005 Stonebraker declared the “one size fits all” mentality of the database market is an idea whose “time has come and gone.” Fast forward to 2017 and Microsoft launched Azure Cosmos DB, a new database that promises to do... everything.

No, really. Everything.

Relational data? Check. Documents? Yep. Graph? Of course. Strong consistency? Bingo! Eventual consistency? That, too! In fact, Cosmos DB has five consistency models to choose from.

Not surprisingly, euphoric cries greeted the press release, with one developer gushing that it “absolutely beats any competitor in the cloud” and, as such, “not sure why would you go for anything else today.” Microsoft, even less surprisingly, agreed, calling Azure Cosmos DB “the first globally-distributed data service that lets you elastically scale throughput and storage across any number of geographical regions while guaranteeing low latency, high availability, and [five well-defined] consistency [models].”

To read this article in full or to leave a comment, please click here

05/22/2017   Web Developer Juice

Live chat has become an important part of every company’s customer support service. The reason for this lies in the fact that consumers around the world prefer to use the Internet. Only a decade ago, customers would turn to a company’s phone support to have their issues solved. However, with the advancement in technology, customers […]

The post Strengthen Workplace Productivity with Live Chat Software appeared first on Web Developer Juice.

05/22/2017   InfoWorld Application Development

GitHub today unveiled its GitHub Marketplace, a store for developers to purchase development tools. The goal is to help developers find integrations and quickly use them.

For example, GitHub Marketplace supports more than a dozen integrators via a single account and payment method, so developers can worry less about managing accounts. Development apps range from continuous integration to project management and code review, including Travis CI, Appveyor, Waffle, ZenHub, Sentry, and Codacy.

GitHub also rolled out two other tools intended to ease software development: GraphQL API, for data access, and GItHub Apps, for process control.

To read this article in full or to leave a comment, please click here

05/22/2017   InfoWorld Application Development

10 Linux distributions for developers

Linux distributions geared toward casual desktop users are important, but developers also need to use Linux. Developers have different needs than other users, so certain distributions can be better than others for development purposes. But which distros are well suited for developers?

A writer at TechRadar Pro has a helpful roundup of 10 of the best Linux distributions for developers.

Nate Drake reports for TechRadar Pro:

More popular versions of Linux such as Ubuntu focus on enhancing the user experience by automatically updating packages and providing flashy, resource-heavy GUIs.

To read this article in full or to leave a comment, please click here

05/22/2017   Smashing Magazine


In 2008, I worked on They wanted a single-page checkout with the trendiest of techniques from that era, including accordions, AJAX and client-side validation.

Better Form Design: One Thing Per Page

Each step (delivery address, delivery options and credit-card details) had an accordion panel. Each panel was submitted via AJAX. Upon successful submission, the panel collapsed and the next one opened, with a sliding transition.

The post Better Form Design: One Thing Per Page (Case Study) appeared first on Smashing Magazine.

05/22/2017   InfoWorld Application Development

Firebase, Google Cloud’s back end and SDK for mobile and web application development, is being enhanced with serverless compute capabilities. Google Cloud Functions for Firebase, now available in a beta release, allows developers to run back-end JavaScript code that responds to events triggered by Firebase features and HTTPS requests.

Developers upload their code to Google's cloud, and the functions are run in a managed Node.js environment. There is no need for users to manage or scale their own servers. “[Cloud Functions] enables true server-less development,” Google's Ben Galbraith said. Like AWS Lambda and Microsoft's Azure Functions, Cloud Functions allows users to deploy and run code without provisioning servers. Developers code to cloud APIs, and the cloud takes care of managing and scaling the functions.

To read this article in full or to leave a comment, please click here

05/22/2017   InfoWorld Application Development

Windows shops transitioning to devops may not yet know the power of build pipelines when it comes to standing up and maintaing infrastructure. A concept familiar to software developers, the build/release pipeline may sound foreign to those from the operations side of the aisle. But don’t sweat it; InfoWorld is here to help.

To read this article in full or to leave a comment, please click here

(Insider Story)
05/22/2017   CSS Tricks

Let's say we wanted to have something like this:

Clockwise circular (cyclic) distribution with partially overlapping items.

At first, this doesn't seem too complicated. We start with 12 numbered items:

- 12.times do |i|
.item #{i}

We give these items dimensions, position them absolutely in the middle of their container, give them a background, a box-shadow (or a border) and tweak the text-related properties a bit so that everything looks nice.

$d: 2em;

.item {
position: absolute;

Solving the Last Item Problem for a Circular Distribution with Partially Overlapping Items is a post from CSS-Tricks

05/19/2017   InfoWorld Application Development

It will be easier to migrate code to the planned Java 9 release, due in late July, if the committee that managed Java approves a proposal just made by Oracle to better accommodate modularity, the key new feature in Java 9. Oracle made the proposal after getting strong opposition to its modularization plans from the Java community

In a proposal floated Thursday, Mark Reinhold, Oracle’s chief Java architect, said strong encapsulation of JDK-internal APIs has caused worries that code that works on JDK 8 will not work on JDK 9 and that no advance warning of this was given in JDK 8. “To help the entire ecosystem migrate to the modular Java platform at a more relaxed pace, I hereby propose to allow illegal reflective access from code on the class path by default in JDK 9, and to disallow it in a future release,” he said.

To read this article in full or to leave a comment, please click here

05/19/2017   CSS Tricks

Let's talk about state. Communicating state to the user that is, not application stores state in JavaScript objects, or localStorage. We're going to be talking about how to let our users know about state (think: whether a button is disabled or not, or if a panel is active or not), and how we can use CSS for that. We're not going to be using inline styles, or, as much as can be helped, class selectors, for reasons that will …

User Facing State is a post from CSS-Tricks

05/19/2017   CSS Tricks

Manton Reece and Brent Simmons have just published their thoughts on JSON Feed which is a new standard for making a feed, like a collection of blog posts. The format itself is similar to RSS and Atom but since it's in JSON it's easier to read and a lot more familiar to developers:

For most developers, JSON is far easier to read and write than XML. Developers may groan at picking up an XML parser, but decoding JSON is often …

Announcing JSON Feed is a post from CSS-Tricks

05/19/2017   Smashing Magazine


When was the last time you took some time to reflect? Constantly surrounded by news and notifications to keep up with and in a rush to get things done more efficiently, it’s important that we take a step back from time to time to reflect our actions and opinions.

Web Development Reading List 183

Reflect if you are working the way you want to work, reflect if you live your life as you want it to be, but also everyday matters. Do you really need that one particular app or service, for example, or could you live without it? Sometimes less is more and efficiency isn’t everything. What counts is how you use your time.

The post Web Development Reading List #183: Comedy In Design, Security Checklist And The Life As A Nobody appeared first on Smashing Magazine.

05/19/2017   InfoWorld Application Development

“Jamie,” a dear friend of mine started, thoughtfully stirring some pasta with his fork over lunch, “I’ve been thinking about getting back into the programming world. How should I go about it? I’m worried about being too old to pick it back up.”

My friend hadn’t touched code since college and, 10 years on, would almost be starting from scratch. “Let me have a think,” I said. “I know some people who will be able to help.”

I left lunch that day on a mission to help my friend, and I came up with this: An easy-to-follow how-to for getting started. Whether you’re coming back after an absence or beginning from scratch, these bits of info will hopefully help you on your way to your new developer career.

To read this article in full or to leave a comment, please click here

05/19/2017   Smashing Magazine


As a front-end developer, for each and every application I work on, I need to decide how to manage the data. The problem can be broken down into the following three subproblems: Fetch data from the back end, store it somewhere locally in the front-end application, retrieve the data from the local store and format it as required by the particular view or screen.

json-api-normalizer: An Easy Way To Integrate The JSON API And Redux

This article sums up my experience with consuming data from JSON, the JSON API and GraphQL back ends, and it gives practical recommendations on how to manage a front-end application data.

The post json-api-normalizer: An Easy Way To Integrate The JSON API And Redux appeared first on Smashing Magazine.

05/18/2017   InfoWorld Application Development

Polymer, Google’s open source JavaScript library for building reusable HTML elements, has graduated to version 2.0, a major revision that improves the data system, interoperability with other web libraries and frameworks, and support for ECMAScript 6 standards. ECMAScript is the official specification underlying JavaScript and implemented in web browsers.

Arriving nearly two years after Polymer 1.0, the 2.0 release complies with HTML custom elements v1, for creating new HTML tags, and shadow DOM v1, for self-contained web components. Developers can now draw on Polymer APIs associated with both specifications. Polymer 2.0 uses standard ECMAScript 6 classes and custom elements v1 methods rather than a Polymer factory method, according to release notes. Developers can mix Polymer features with standard JavaScript, although the factory method is still supported via a compatibility layer. 

To read this article in full or to leave a comment, please click here

05/18/2017   InfoWorld Application Development

My tough life required me to fly to Miami and attend ApacheCon. I happened across a talk by Trevor Grant, an open source technical evangelist for the financial services sector, on Mahout. I thought, “Wait, isn’t Mahout dead?” Apparently not. In fact, Mahout is very much alive, nothing like what you once knew of it, and now running on GPUs.

Mahout was the original machine learning framework for Hadoop. When MapReduce was the thing, Mahout was the vaunted elephant rider. But then, as Grant recalls, “Mahout 0.09 released and all the Hadoop vendors froze at 0.09+. It was 0.09 with some bug patches. No one ever bumped up to 0.10.”

Nonetheless, the Mahout project is still active. “A lot of the projects have people paid to work on them, but Mahout doesn’t. We’re like a bunch of gypsies that wander around in companies like the MapRs of the world,” Grant says. “All the Mahout and former Mahout people are in very, very high places in Fortune 500 companies or CTOs of startups, but we don’t have a company of our own. Lucidworks is the closest thing. I didn’t realize but there are a lot of Mahout committers and PMCs [project management committees] kind of lurking about at Lucidworks.” (Full disclosure: I didn’t realize this either, even though I work for Lucidworks. —AO.)

To read this article in full or to leave a comment, please click here

05/18/2017   InfoWorld Application Development

Google’s Java-centric Android mobile development platform is adding the Kotlin language as an officially supported development language, and will include it in the Android Studio 3.0 IDE. Its developers had previously promoted Kotlin for Android development.

The revelation was made Wednesday by Google Program Manager Stephanie Saad Cuthbertson at the Google IO developer conference. This is the first time a new programming language has been added to Android. “It makes developers so much more productive. It is fully Android runtime-compatible, it is fully interoperable with existing code, it has fabulous IDE support,“ she said.

To read this article in full or to leave a comment, please click here

05/18/2017   InfoWorld Application Development

Microsoft’s Cortana voice-based personal assistant has always seemed a little out of place in the enterprise. It’s a useful tool for search, for reminders, and for letting you know when you need to leave to get to that meeting on time. But compared to Amazon Alexa’s growing list of skills, it’s lagging in the personal assistant race.

Yes, it connects to Office 365 and LinkedIn to give you some insight into your work, but then again so does Alexa. But if Microsoft delivers the Windows promises made last week at its Build 2017 developer conference, that’s all going to change.

As part of Microsoft CEO Satya Nadella’s rearticulation of his original “mobile first, cloud first” vision as one of “an intelligent cloud and an intelligent edge,” Cortana is getting a promotion. More than a basic piece of personal assistant software, with the next release of Windows 10 it will be the face of the intelligent agents that will populate Microsoft’s new blurring of the cloud and PC worlds.

To read this article in full or to leave a comment, please click here

05/18/2017   Smashing Magazine


Good UX is what separates successful apps from unsuccessful ones. Customers are won and lost every day because of good or bad user experience design. The most important thing to keep in mind when designing a mobile app is to make sure it is both useful and intuitive.

Low-Hanging Fruits For Enhancing Mobile UX

Obviously, if an app is not useful, it will have no practical value for the user, and no one will have any reason to use it. And even if the app is useful but requires a lot of effort, people won’t bother learning how to use it.

The post Low-Hanging Fruits For Enhancing Mobile UX appeared first on Smashing Magazine.

05/17/2017   InfoWorld Application Development

Developers from around the world are gathering on the lawn at the Shoreline Amphitheater today. Excitement for the annual Google I/O conference is a given, but this week’s announcements will undoubtedly keep developers on their toes. Any platform update or new feature contributes to an already fragmented Android ecosystem—making the Android Developer’s job more complex.

Google is going all-in on new user interfaces with updates for Android Auto and Android TV. By offering better ways to tap into these new technologies, all eyes are on app developers to fill in the emerging market. Integrating with platforms like Android Auto and Android TV may offer a competitive advantage, but doing so won’t be a walk in the park. As Google I/O lays out the road ahead for the Android landscape, there are several checkpoints dev and test teams need to hit along the way.

To read this article in full or to leave a comment, please click here

05/17/2017   Smashing Magazine


When we set out to build MeetSpace (a video conferencing app for distributed teams), we had a familiar decision to make: What's our tech stack going to be? We gathered our requirements, reviewed our team's skillset and ultimately decided to use vanilla JavaScript and to avoid a front-end framework.

“Why We Didn’t Use A Framework” (A Case Study)

Using this approach, we were able to create an incredibly fast and light web application that is also less work to maintain over time. The average page load on MeetSpace has just 1 uncached request and is 2 KB to download, and the page is ready within 200 milliseconds. Let's take a look at what went into this decision and how we achieved these results.

The post “Why We Didn’t Use A Framework” (Case Study) appeared first on Smashing Magazine.

05/16/2017   InfoWorld Databases

When open source SQL database CrateDB first debuted, its professed mission was to deliver easy, fast analytics on reams of machine-generated data, while running in containerized, cloud-native environments.

That mission hasn't changed with the release of version 2.0, but it has been expanded by way of an enterprise edition with pro-level features. Rather than distribute the enterprise edition as a closed-source, binary blob, the maker of CrateDB is offering it as open source to help speed uptake and participation.

SQL, not slow-QL

CrateDB is designed to ingest high-volume, machine-generated data, whether logs from a fleet of servers or sensor data from IoT devices, and make that data accessible through traditional SQL queries. The data may be structured or unstructured; it can be a conventional table, or a freeform JSON document.

To read this article in full or to leave a comment, please click here

05/16/2017   Smashing Magazine


Have you ever wanted to make a website that non-technical folks can edit right in the browser? Or have you ever wanted to make a website that presents an editable collection of items (e.g. your portfolio)? Or simply upload images to a website you made, right from the browser?

Introducing Mavo: Create Web Apps Entirely By Writing HTML!

Well, what if I told you, that you can do these things (and more!), just with HTML and CSS? No programming code to write, no servers to manage. You can make any element editable and saveable just by adding one HTML attribute to it. In fact, you can store your data locally in the browser, on Github, on Dropbox, or any other service just by changing an HTML attribute.

The post Introducing Mavo: Create Web Apps Entirely By Writing HTML! appeared first on Smashing Magazine.

05/16/2017   Wired Design
Apple’s New Campus: An Exclusive Look Inside the Mothership
Flawless curves, milled aluminum, endless glass, walled garden—sounds like an Apple product. In fact, it's the company's biggest launch ever. The post Apple’s New Campus: An Exclusive Look Inside the Mothership appeared first on WIRED.
05/16/2017   Smashing Magazine


To get better at your craft, there’s nothing more valuable as learning first-hand from the experience of others. What little tricks have helped fellow designers, design leaders, and developers become more efficient? And how do they overcome hurdles in their projects? Conferences are a brilliant opportunity to get up close with the pros and exchange tips and ideas. But they aren’t the only one.

Agile UX Virtual Summit

To spread expert knowledge between people who are hundreds, even thousands of miles apart, our friends at the full-stack UX design platform UXPin brought the first free virtual summit to life a few months ago. Now the second edition is on its way, and we are very happy to help make it happen: the Agile UX Virtual Summit, focusing on all things Agile UX. Because, well, we all know that building a UX team with agile organization can be quite a challenge.

The post Free Virtual Conference To Take Your Agile UX Skills To The Next Level appeared first on Smashing Magazine.

05/15/2017   Smashing Magazine


Fluid layouts have been a normal part of front-end development for years. The idea of fluid typography, however, is relatively new and has yet to be fully explored. Up until now, most developers' idea of fluid typography is simply using Viewport units maybe with some minimum and maximum sizes.

Fluid Responsive Typography With CSS Poly Fluid Sizing

In this article, we are going to take it to another level. We are going to examine how to create scalable, fluid typography across multiple breakpoints and predefined font sizes using well-supported browser features and some basic algebra. The best part is that you can automate it all by using Sass.

The post Fluid Responsive Typography With CSS Poly Fluid Sizing appeared first on Smashing Magazine.

05/15/2017   Wired Design
Pumps Ran for 6 Years to Build Abu Dhabi’s New Island Museum
The Louvre Abu Dhabi—set to open this year—is anchored to the seafloor. That way it won't float away before you get there. The post Pumps Ran for 6 Years to Build Abu Dhabi's New Island Museum appeared first on WIRED.
05/12/2017   InfoWorld Databases

Microsoft has fired a shot heard around the globe, so to speak, in data management with the debut of Azure Cosmos DB at the recent Microsoft Build 2017 developer conference in Seattle. The cloud database is positioned for elasticity and globally available data, supported on the Azure cloud. The project was founded in 2010 by Microsoft’s Dharma Shukla, who holds the title of distinguished engineer at the company.

InfoWorld Editor at Large Paul Krill spoke with Shukla during the conference to get his perspectives on the technology.

To read this article in full or to leave a comment, please click here

05/12/2017   Wired Design
The Surprising Repercussions of Making AI Assistants Sound Human
Humanlike speech poses a major challenge to designers, and raises important questions about what people really want from their virtual assistants. The post The Surprising Repercussions of Making AI Assistants Sound Human appeared first on WIRED.
05/12/2017   Smashing Magazine


When did you take your last vacation? For many of us, it was probably a long time ago. However, since quite a while, I stumble across more and more stories about companies that take unusual steps vacation-wise. Companies giving their employees a day off each week in summer or going on vacation together as a team building event instead of traveling somewhere just to work.

Web Development Reading List 182

But while there’s a new generation building their dream work environments, a lot of people still suffer from very bad working conditions. They work long hours and are discriminated or harassed by colleagues or their managers. And just this week, I heard that many company owners are desperate because “Generation Y” doesn’t want to work long hours anymore.

The post Web Development Reading List #182: IPFS Wikipedia, New Webpack CLI, And CSS Grid Breakout appeared first on Smashing Magazine.

05/11/2017   Smashing Magazine


Fuse is a toolkit for creating apps that run on both iOS and Android devices. It enables you to create apps using UX Markup, an XML-based language. But unlike the components in React Native and NativeScript, Fuse is not only used to describe the UI and layout; you can also use it to add effects and animation.

How To Create Native Cross-Platform Apps With Fuse

Styles are described by adding attributes such as Color and Margin to the various elements. Business logic is written using JavaScript. Later on, we’ll see how all of these components are combined to build a truly native app.

The post How To Create Native Cross-Platform Apps With Fuse appeared first on Smashing Magazine.

05/11/2017   Wired Design
A Sensor That Could Soon Make Homes Scary-Smart
University researchers create a simple device that plugs into an electrical outlet and connects everything in the room. The post A Sensor That Could Soon Make Homes Scary-Smart appeared first on WIRED.
05/11/2017   Smashing Magazine


There's a lot of hype about WebAssembly in JavaScript circles today. People talk about how blazingly fast it is, and how it's going to revolutionize web development. But most conversations don't go into the details of why it's fast. In this article, I want to help you understand what exactly it is about WebAssembly that makes it fast.

An Abridged Cartoon Introduction To WebAssembly

But first, what is it? WebAssembly is a way of taking code written in programming languages other than JavaScript and running that code in the browser.

The post An Abridged Cartoon Introduction To WebAssembly appeared first on Smashing Magazine.

05/11/2017   InfoWorld Databases

At first glance, Microsoft's new Cosmos DB Azure database seems like a rebadged successor to Azure's planet-scale NoSQL offering, DocumentDB. It's easy to read Cosmos DB as a point-revision version of its predecessor, down to the fact that existing DocumentDB users will be automigrated.

But what's most important about Cosmos DB is not where it's coming from, but where it's heading—and how it may be taking a sizable slice of the cloud-native database world with it. Here are four reasons why Cosmos DB is a harbinger of what's to come for cloud-native database technology and how it's a sign of what's already arrived.

To read this article in full or to leave a comment, please click here

05/10/2017   InfoWorld Databases

CockroachDB, an open source, fault-tolerant SQL database with horizontal scaling and strong consistency across nodes—and a name few people will likely forget—is now officially available.

Cockroach Labs, the company behind its development, touts CockroachDB as a “cloud native” database solution—a system engineered to run as a distributed resource. Version 1.0 is available in both basic and for-pay editions, and both boast features that will appeal to enterprises.

The company is rolling the dice with its handling of the enterprise edition by also making those components open source and trusting that enterprises will pay for what they use in production.

To read this article in full or to leave a comment, please click here

05/10/2017   Smashing Magazine


Once someone starts using your app, they need to know where to go and how to get there at any point. Good navigation is a vehicle that takes users where they want to go. But establishing good navigation is a challenge on mobile due to the limitations of the small screen and the need to prioritize content over chrome.

Basic Patterns For Mobile Navigation: Pros And Cons

Different navigation patterns have been devised to solve this challenge in different ways, but they all suffer from a variety of usability problems. In this article, we’ll examine five basic navigation patterns for mobile apps and describe the strengths and weaknesses of each of them. If you’d like to add some patterns and spice up your designs, you can download and test Adobe XD for free and get started right away.

The post Basic Patterns For Mobile Navigation: Pros And Cons appeared first on Smashing Magazine.

05/10/2017   InfoWorld Databases

MySQL is a bit of an attention hog. With relational databases supposedly put on deathwatch by NoSQL, MySQL should have been edging gracefully to the exit by now (or not so gracefully, like IBM's DB2).

Instead, MySQL remains neck-and-neck with Oracle in the database popularity contest, despite nearly two decades less time in the market. More impressive still, while Oracle's popularity keeps falling, MySQL is holding steady. Why?

An open gift that keeps on giving

While both MySQL and Oracle lost favor relative to their database peers, as measured by DB-Engines, MySQL remains hugely popular, second only to Oracle (and not by much):

To read this article in full or to leave a comment, please click here

05/09/2017   Smashing Magazine


In 2015, Google announced that mobile searches surpassed desktop searches in at least 10 countries. 56% of traffic on major websites comes from mobile. In light of this, Google’s decision to improve the mobile user experience by various means, such as AMP pages and a dedicated mobile index, comes across as a sound business move.

Intrusive Interstitials: Guidelines To Avoiding Google's Penalty

More than half of the 2 trillion searches Google processes each year come from mobile devices. Mobile devices have changed the way we approach search, ushering in new types of habits such as local search, voice search and more. These consumer habits have greatly affected the way search engine providers think about user search intent.

The post Intrusive Interstitials: Guidelines To Avoiding Google’s Penalty appeared first on Smashing Magazine.

05/09/2017   InfoWorld Databases

MapD, creator of a GPU-accelerated database that scales both up and out, has open-sourced its core technology.

As announced in a press release and blog post, the core database and its "associated visualization libraries" are available under the Apache 2.0 license. But enterprise-level features like the high availability, LDAP, ODBC, and horizontal scaling functionality—many of which debuted in the 3.0 version released earlier this month—will be kept close to the chest.

To read this article in full or to leave a comment, please click here

05/09/2017   WebAppers

Advertise here via BSA

Multipurpose WordPress themes are typically quite versatile and flexible. Using them you can create any type of website, ranging from corporate and e-commerce sites to blogs and agency portfolios. Specialty themes also have their place. Sometimes they are a better choice for creating a specific website type or filling a specific need. You’ll find excellent […]

The post The Best Multipurpose WP Themes to Use in 2017 appeared first on WebAppers.


Professional Web Icons for Your Websites and Applications

05/08/2017   WebAppers

Advertise here via BSA

Searching for jobs is a process nobody enjoys. Aside from sifting through thousands of listings, job seekers also have to deal with pushy recruiters offering opportunities which aren’t relevant to their actual skills and expertise. Even more frustrating is going through lengthy interview processes only to find out at the very end that the salary […]

The post ​ – Where Companies Apply To You appeared first on WebAppers.


Professional Web Icons for Your Websites and Applications

05/08/2017   Wired Design
The Weird Words and Phrases Designers Use to Test Their Fonts
Some good kerns of phrase. The post The Weird Words and Phrases Designers Use to Test Their Fonts appeared first on WIRED.
05/08/2017   Smashing Magazine


Why write requirements? Well, let's imagine you want to produce a mobile app, but you don’t have the programming skills. So, you find a developer who can build the app for you, and you describe the idea to him. Surprisingly, when he showcases the app for the first time, you see that it is not exactly what you want. Why? Because you didn’t provide enough detail when describing the idea.

From Idea To Development: How To Write Mobile Application Requirements That Work

To prevent this from happening, you need to formalize the idea, shape it into something less vague. The best way to do that is to write a requirements document and share it with the developer. A requirements document describes how you see the result of the development process, thus making sure that you and the developer are on the same page.

The post From Idea To Development: How To Write Mobile Application Requirements That Work appeared first on Smashing Magazine.

05/06/2017   Wired Design
Amazon’s Expansive Biodomes Get Their First of 40,000 Plants
Amazon is building a massive biodome in downtown Seattle... The post Amazon’s Expansive Biodomes Get Their First of 40,000 Plants appeared first on WIRED.
05/05/2017   Wired Design
Obama Pioneers a New Approach to the Presidential Library
In reflecting the 44th president's proclivities and priorities, the Obama Presidential Center creates a monument to community. The post Obama Pioneers a New Approach to the Presidential Library appeared first on WIRED.
05/05/2017   Smashing Magazine


In a world between building accessible interfaces, optimizing the experiences for users, and big businesses profiting from this, we need to find a way to use our knowledge meaningfully. When we read that even the engineers who built it don’t know how their autonomous car algorithm works or that the biggest library of books that mankind ever saw is in the hand of one single company and not accessible to anyone, we might lose our faith in what we do as developers.

Web Development Reading List 181

But then, on the other hand, we stumble across stories about accessible smart cities or about companies that embrace full honesty in their culture. There are amazing examples of how we can pursue meaningful work and build a better future. Let’s not let negative news get us down, but let’s embrace them as a reason to change for the better instead.

The post Web Development Reading List #181: Mass Deployments, Prepack, And Accessible Smart Cities appeared first on Smashing Magazine.

05/04/2017   InfoWorld Databases

Earlier this year, Google offered a peek at Cloud Spanner, an automanaged database service that melds features from both conventional relational systems and NoSQL technologies.

Today, Google announced Cloud Spanner will be available to the general public later this month. It will compete not only with rival cloud databases, but also up-and-coming open source projects that address scale and reliability issues by using Google's own ideas.

To read this article in full or to leave a comment, please click here

05/04/2017   Smashing Magazine


Can you believe it is May already? Time flies! Here in Belgium, spring has arrived and has brought along its bright colors, the delicate odours of blooming flowers, as well as the cheerful chirping of birds. I try to soak it all in as this is my favorite time of the year.

Finding Inspiration In The Little Things Around Us

On a related note, if we only looked closer, we would find gems of inspiration in the things around us. For me, nature is my personal and biggest gem. What's yours?

The post Finding Inspiration In The Little Things Around Us appeared first on Smashing Magazine.

05/04/2017   Wired Design
How Artists Engineer Their Work to Mess With Our Minds
The most compelling visual artists are tech innovators, using advanced materials, industrial design, and clever light manipulation to trick your brain. The post How Artists Engineer Their Work to Mess With Our Minds appeared first on WIRED.
05/03/2017   Wired Design
Inside Artsy’s Quest to Make You Love Art as Much as Music
With help from machine learning algorithms, Artsy wants to create an art brain that understands the whims and nuances of the art market the way an insider would. The post Inside Artsy’s Quest to Make You Love Art as Much as Music appeared first on WIRED.
05/02/2017   Wired Design
Architects Discover Emoji, and Guess What They Aren’t All Happy About It
Pulling ornament into the digital age generates just a few feels in the field. The post Architects Discover Emoji, and Guess What They Aren't All Happy About It appeared first on WIRED.
04/28/2017   Web Developer Juice

Smartphone speeds keep accelerating. Last October, Qualcomm joined partners Netgear, Ericsson and Telstra in announcing the first mobile hotspot to support gigabit LTE speeds, located in Australia. Qualcomm also revealed that its next-generation 800 series smartphone processor platform will include X16 modems that can handle gigabit LTE speeds, and that its first 5G compatible modem capable of […]

The post How More Powerful Smartphones Are Making Websites Load Faster appeared first on Web Developer Juice.

04/27/2017   InfoWorld Databases

Apache Cassandra is a popular database for several reasons. The open source, distributed, NoSQL database has no single point of failure, so it’s well suited for high-availability applications. It supports multi-datacenter replication, allowing organizations to achieve greater resiliency by, for example, storing data across multiple Amazon Web Services availability zones. It also offers massive and linear scalability, so any number of nodes can easily be added to any Cassandra cluster in any datacenter. For these reasons, companies such as Netflix, eBay, Expedia, and several others have been using Cassandra for key parts of their businesses for many years.

To read this article in full or to leave a comment, please click here

04/26/2017   InfoWorld Databases

MapD, the SQL database and analytics platform that uses GPU acceleration for performance orders of magnitude ahead of CPU-based solutions, has been updated to version 3.0.

The update provides a mix of high-end and mundane additions. The high-end goodies consist of deep architectural changes that enable even greater performance gains in clustered environments. But the mundane items are no less important, as they’re aimed at making life easier for enterprise database developers—those most likely to use MapD.

To read this article in full or to leave a comment, please click here

04/26/2017   InfoWorld Databases

Microsoft last week announced a wave of new features for its data platform, along with the SQL Server 2017 name and what Microsoft calls a “production quality” beta release. Other important changes include a new containerized deployment model for databases, which simplifies installation on Windows and Linux.

But it was SQL Server’s new machine learning tools that grabbed my attention.

Machine learning remains one of Microsoft’s big themes for 2017, and it’s an important segment of SQL Server 2017. Mixing code and data has always been part of SQL Server, first with T-SQL, then with the Azure-focused U-SQL, which extended T-SQL with C# elements. SQL Server 2016 added support for embedded R code, and SQL Server 2017 continues that evolution by improving its support for R and adding Python. (By renaming SQL Server 2016’s R Services to Machine Learning Services in SQL Server 2017, Microsoft has made clear where it’s aiming its SQL tools.)

To read this article in full or to leave a comment, please click here