Front-end

Showing 55-63 of 94 results
EngineeringIcon ChevronWeb front-end

Speeding up Application Development with Bootstrap

by Lijana Saniukaite

Bootstrap, one of the most used HTML/CSS/JavaScript front-end frameworks, offers a little more than just fancy customizable user interface elements. It provides a great starting point for many types of projects, a plethora of components, and many nifty styles predefined for responsive layout and utility classes to help keep your HTML and CSS code clean. In this article, Toptal designer Lijana Saniukaite walks us through some practical Bootstrap tips and best practices to speed up your application development.

9 minute readContinue Reading
EngineeringIcon ChevronWeb front-end

The GWT Toolkit: Build Powerful JavaScript Front Ends Using Java

by Alberto Mancini

The GWT Web Toolkit, formerly known as Google Web Toolkit, is a set of development tools for building and optimizing complex browser-based applications using the Java programming language. What makes GWT not "yet another Java tool to write web apps," is the fact that the heart of the toolkit is a compiler that converts Java into JavaScript, enabling developers to write front-end web applications while leveraging all of Java's strengths.

11 minute readContinue Reading
EngineeringIcon ChevronBack-end

Towards Updatable D3.js Charts

by Rob Moore

When Mike Bostock created D3.js, he introduced a tried and true reusable charts pattern for implementing the same chart in any number of selections. However, the limitations of this pattern are realized once the chart is initialized. In this article, Toptal engineer Rob Moore presents a revised reusable charts pattern that leverages the full power of D3.js.

11 minute readContinue Reading
EngineeringIcon ChevronWeb front-end

Sass Style Guide: A Sass Tutorial on How to Write Better CSS Code

by Matias Hernandez

When working on big web applications as a team with other developers, code needs to be scalable and readable. This can be a challenging process when it comes to CSS, although preprocessors like Sass are available. But only using preprocessors will only get you so far. In this article, Toptal engineer Matias Hernandez presents a style guide with advice on how to improve the way you write your code.

9 minute readContinue Reading
EngineeringIcon ChevronTechnology

Embracing Sass: Why You Should Stop Using Vanilla CSS

by Marcelo Mazza

CSS preprocessors have been around for quite a while now. These tools, among many things, promise convenience in writing style sheets for the web. However, not everyone is taking advantage of these utilities, and is still resorting to writing vanilla CSS. In this article, Toptal engineer Marcelo Mazza discusses some of the reasons why he thinks Sass is the way to go and why you should be using it in your projects.

8 minute readContinue Reading
EngineeringIcon ChevronTechnology

How React Components Make UI Testing Easy

by Swizec Teller

Testing back-ends is easy. But testing front-end code is kinda hard. In the ten years I've been a developer, I hadn’t found a decent way to test user interaction and view rendering until I started poking at React.

11 minute readContinue Reading
EngineeringIcon ChevronTools and Tutorials

Getting Started with Modules and Modular Front-End Development

by Bojan Janjanin

For some people, front-end design and development can sometimes start to seem like a chore, and can be monotonous and time consuming. Through a modular design approach, it is possible to both save time and streamline the design and development process.

8 minute readContinue Reading
EngineeringIcon ChevronWeb front-end

Navigating the React.JS Ecosystem

by Tomas Holas

In this article, I'll go through some of the interesting features and libraries that are available to use with React. Even if you don't plan on using React, taking a look at its ecosystem is inspiring. You may want to simplify your build system using the powerful, yet comparatively easy to configure, module bundler Webpack, or start writing ECMAScript 6 and even ECMAScript 7 today with the Babel compiler. So, let's explore the React ecosystem!

22 minute readContinue Reading
EngineeringIcon ChevronWeb front-end

The 8 Most Common Mistakes That Ember.js Developers Make

by Balint Erdi

Ember.js is a comprehensive framework for building complex client-side applications. But, as with any advanced framework, there are still pitfalls Ember developers may fall into. With the following post, I hope to provide a map to evade these. Let's jump right in!!

11 minute readContinue Reading

Join the Toptal® community.