Web

Showing 28-36 of 62 results
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 ChevronWeb front-end

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

Automation in Selenium: Page Object Model and Page Factory

by Dejan Zivanovic

Proper test automation is not always easy to achieve and requires almost as much design and thought as needed for the software itself. In the agile way of development tests are an essential ingredient in ensuring quality of software. However, unless these test codes are maintainable, they can prove to be more of a nuisance, especially when it comes to automated testing of modern web applications. This article is an easy introduction to Selenium features Page Object and Page Factory, how they can be used to model web applications, and how to write maintainable test code using them.

9 minute readContinue Reading
EngineeringIcon ChevronWeb front-end

Responsive Design Is Not Enough, We Need Responsive Performance

by Vedran Aberle Tokić

Between square inch smart wristwatches and mammoth smart TVs, a responsive website capable of adapting to a wide array of screen sizes and device capabilities is something no one complains about. However, many websites are still plagued by desktop-first design paradigms, or mobile-first paradigms with absolutely no focus on performance. These traditional approaches to responsive web design have various shortcomings. Fortunately, some simple ideas can help solve these problems.

8 minute readContinue Reading
EngineeringIcon ChevronWeb front-end

CSS Layout Tutorial: From Classic Approaches to the Latest Techniques

by Laureano Martin Arcanio

Mastering CSS is an absolute necessity for any solid web designer or developer. This tutorial walks you through the fundamentals of CSS layout principles, from classic CSS2 techniques to the latest approaches in CSS3. Learn more about how to leverage all that CSS has to offer in order to optimize both the user’s experience and the quality of your code.

16 minute readContinue Reading
EngineeringIcon ChevronWeb front-end

Ractive.js - Web Apps Made Easy

by Eugene Mirotin

Ractive.js provides powerful capabilities for web app development in a way that is refreshingly simple to learn and use. In this article, Toptal Engineer Eugene Mirotin walks you through the process of building a simple Ractive search app, demonstrating some of Ractive’s key features and the ways in which it helps simplify web app development. Code samples are provided and explained.

15 minute readContinue Reading
EngineeringIcon ChevronUI Design

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 ChevronBack-end

Let LoopBack Do It: A Walkthrough of the Node API Framework You've Been Dreaming Of

by Jovan Jovanovic

While Ruby has Rails and Python has Django, the dominant application development framework for Node has yet to be established. But, there is a powerful contender gaining steam: LoopBack, an open source API framework built by StrongLoop, the creators of Express. Let's take a closer look at LoopBack and it's capabilities by turning everything into practice and building an example application.

14 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.