Trusted by

Hire CSS developers and engineers

Mikael Kessler, United States

Member since October 14, 2013
Mikael is a detail-oriented front-end engineer that uses technologies like HTML5, CSS3, and jQuery to deliver high quality, standard-compliant builds. He has extensive experience and proficiency with Ruby on Rails, MySQL, and Heroku, among other server-side technologies and app deployment platforms. Click to continue

Flavio Escobar, Brazil

Member since April 23, 2014
Flavio is a top developer and an aspiring entrepreneur. He has extensive experience and skills with web and game development, and is also proficient with mobile applications. He is a master of PHP, JavaScript, and ActionScript. Click to continue

Asael Arenas, Colombia

Member since December 10, 2014
Asael has over fifteen years of experience in information science and internet media. Since the late 90's, he has been committed to using technology to develop applications that are attractive and useful for users and efficient for customers, for the benefit of trade, research, entertainment, and education. Asael is a pleasant communicator, equally comfortable leading a team, collaborating with colleagues, and working independently. Click to continue

Piotr Gawle, Cyprus

Member since August 27, 2014
Piotr is a software engineer with over 10 years of experience in developing web applications. He specializes in crafting efficient, graphics-heavy, and fast mobile and desktop JavaScript, HTML, and CSS products. He understands full-stack development and has a background in PHP, Java EE, and MySQL. He has worked in environments from corporations to startups. He is an Agile practitioner and Scrum Master with extensive management experience. Click to continue

Gleb Polushkin, Russian Federation

Member since October 23, 2013
Gleb is a front-end developer with over a decade of experience developing for browsers and Flash and nearly as much with Photoshop and graphic design. He is very skilled with responsive web design. He is a relaxed but careful communicator, equally comfortable in leadership and collaborative roles, and works well in diverse teams. Click to continue
Trustpilot
Toptal on TV
"Toptal is killing it, it kind of owns this market."
Andrew Ross Sorkin Reviews Toptal
Cnbc 02e66b
"Tech companies simply cannot find the quality employees they want to hire. The solution: Toptal."
Liz Claman´s Review of Toptal
Fox 7ef901
Toptal in the press
“Despite accelerating demand for coders, Toptal prides itself on almost Ivy League-level vetting.”
Selina Wang
“Toptal allows corporations to quickly assemble teams that have the right skills for specific projects.”
Steven Norton
A hiring guide
The Vital Guide to CSS Interviewing

CSS has been in use for more than 20 years and has become an integral part of any front-end development. Therefore, there is no shortage of developers with CSS listed on their resumes. Locating CSS developers is fairly easy, but choosing the perfect one is that much more of a challenge. This guide offers a sampling of effective questions to help you identify the best CSS developers who are experts in their field.

Testimonials
“After my hard drive crashed, I needed a quick script to recover my data, which was crucial to my research. After almost three weeks struggling with freelancers, I was ready to try Toptal. It turned out to be the right move: even if a little more expensive, my developer, Chatri, was highly punctual and got the job done in a quick, painless, and focused manner. Thanks, Chatri!”
Rob Ellis
“Dario was recently assigned to our company in order to help with PHP and JW Video player refinements. He listens well and offers common sense suggestions that save both time and money. Dario speeds up the process by asking questions and has delivered our first project on time. His redesigned player offers a very pleasing appearance and delivers functions that are both ergonomic and intuitive.”
Dennis B. Jacobs
President @ College TV Ticket
“After some mixed experiences with other freelancing sites, I decided to give Toptal a try. I'm three weeks in, and so far my experience has been top-notch. The trial period was a great way to get familiar with my developer and grow confident in his abilities. Since then, Robert has continued to meet and exceed my expectations with quality work, strong communication, and a great attitude.”
CEO @ uTru.st
“We've been very pleased with our experience working with Toptal. Their team was incredibly helpful in helping us find the perfect developer for our project. The work was stellar, the communication was excellent and we couldn't have been happier with the overall experience. We're excited to work with Toptal for more projects in the future!”
Ryan Walker
Director, Product Management @ Rand McNally
“Toptal is amazing! Sourcing and interviewing candidates has always been incredibly cumbersome and difficult - and usually takes weeks or months to find the right people. With Toptal, we had 5 candidates in 2 days that were all perfect for the job. They made the scheduling of interviews easy and straightforward and we were working with a top-level bad-ass developer within 2 weeks. I love you, Toptal.”
Ian Fosbery
“We needed a talented developer and we needed him/her very quickly. So we turned to Toptal and couldn't be happier with the results! Our Toptal freelancer has contributed extraordinary knowledge, talent, and startup experience to our team. We will continue to work with Toptal to fulfill our future talent needs.”
Lindsay Fairman
Founder & Owner @ FairTech Labs, LLC
“Back in July '12, FundedByMe needed to quickly scale our development team to create the equity crowdfunding leg of our operation. Working with a small budget, we couldn't spend time on vetting candidates, so we turned to Toptal. They identified a stellar developer that truly set the bar when it came to delivering product.”
Arno Smit
CTO @ FundedByMe.com
“We have been incredibly happy with our Toptal experience. Initially a skeptic, the process to find and recruit a fabulous iOS developer was very easy. Rather than sifting through hundreds of CVs, we saw two and hired them. They have worked effectively, getting up to speed incredibly quickly and have almost become part of the team. We would definitely use Toptal again. ”
James O'Day
“We struggled for weeks to find a developer or architect with expertise in a niche API, but to no avail. When we linked up with Toptal, they connected us with the very expert we needed, and a week later we were hard at work making progress! The whole process was very smooth and we ended up with a new feature we couldn't have done without Toptal.”
Thomas Honeyman
COO @ FindMySong
“Toptal makes finding a candidate extremely easy and gives you peace-of-mind that they have the skills to deliver. I would definitely recommend their services to anyone looking for highly-skilled developers.”
Michael Gluckman
Data Manager @ Mxit
“I’m a big believer in the saying, ‘hire smart, or manage tough’. For us non-hackers, Toptal takes the guesswork out of hiring. Their coders are vetted, and the work is guaranteed. Why look anywhere else?”
Greg Archbald
Founder & CEO @ Greasebook
“I've been very happy with Juraj. He is efficient, writes great code, and is an extremely nice guy to work with. Most importantly, he is self-motivated. In just his initial pass at the code base, he has contributed several optimizations and stability improvements. Regarding Toptal as a service…well, you matched us up with Juraj without me having to sort through a list of candidates, so I’m impressed.”
Matt Cotton
Dev Team Lead @ eFolder
“As a small company with limited resources we can't afford to make expensive mistakes. Toptal provided us with an experienced programmer who was able to hit the ground running and begin contributing immediately. It has been a great experience and one we'd repeat again in a heartbeat.”
Stuart Pocknee
Principal @ Site Specific Software Solutions
Hire a top CSS developer now.
Toptal is a marketplace for top CSS developers, engineers, programmers, coders, architects, and consultants. Top companies and start-ups choose Toptal freelancers for their mission critical software projects.
Full
profile
Mikael KesslerUnited States
Mikael is a detail-oriented front-end engineer that uses technologies like HTML5, CSS3, and jQuery to deliver high quality, standard-compliant builds. He has extensive experience and proficiency with Ruby on Rails, MySQL, and Heroku, among other server-side technologies and app deployment platforms.
[click to continue…]
CSSCSS3Facebook APIjQuery
Hire
Full
profile
Flavio EscobarBrazil
Flavio is a top developer and an aspiring entrepreneur. He has extensive experience and skills with web and game development, and is also proficient with mobile applications. He is a master of PHP, JavaScript, and ActionScript.
[click to continue…]
CSSSQL-99CSS3JavaScriptPHPSQLjQueryMySQL WorkbenchAdobe Flash BuilderWindows 7MySQLjQuery Validation
Hire
Full
profile
Asael ArenasColombia
Asael has over fifteen years of experience in information science and internet media. Since the late 90's, he has been committed to using technology to develop applications that are attractive and useful for users and efficient for customers, for the benefit of trade, research, entertainment, and education. Asael is a pleasant communicator, equally comfortable leading a team, collaborating with colleagues, and working independently.
[click to continue…]
CSSCSS3JavaScriptjQueryAdobe FireworksWeb DevelopmentFront-end
Hire
Full
profile
Piotr GawleCyprus
Piotr is a software engineer with over 10 years of experience in developing web applications. He specializes in crafting efficient, graphics-heavy, and fast mobile and desktop JavaScript, HTML, and CSS products. He understands full-stack development and has a background in PHP, Java EE, and MySQL. He has worked in environments from corporations to startups. He is an Agile practitioner and Scrum Master with extensive management experience.
[click to continue…]
CSSJavaScriptCSS3HTML5
Hire
Full
profile
Gleb PolushkinRussian Federation
Gleb is a front-end developer with over a decade of experience developing for browsers and Flash and nearly as much with Photoshop and graphic design. He is very skilled with responsive web design. He is a relaxed but careful communicator, equally comfortable in leadership and collaborative roles, and works well in diverse teams.
[click to continue…]
CSSHTML5JavaScriptCSS3jQueryMac OS
Hire

The Vital Guide to CSS Interviewing

The Challenge

Cascading Style Sheets, or CSS for short, is a style sheet language used to describe the presentation of a document written in HTML. The first version of CSS was proposed in late 1994. Over the next 20 years, CSS was upgraded 3 times, leaving us with current CSS version 3. Today, CSS is one of the core languages of the web and it is standardized by a W3C specification. Its development was very slow, which resulted with problems in adoption, and in the end web browser developers took things into their own hands. This resulted in many cross-browser compatibility issues and wasted development hours. CSS3 in hand with HTML5 has become an integral part of any front-end development, and there is no shortage of developers with CSS listed on their resumes. This makes locating CSS developers fairly easy, but makes choosing the perfect one that much more of a challenge. Many web developers will say they are also CSS developers, but as with any language or skill, there’s a difference between knowing CSS and being a CSS expert.

CSS3 in hand with HTML5 has become an integral part of any front-end development

CSS3 in hand with HTML5 has become an integral part of any front-end development

That’s why hiring CSS developers can be difficult, and searching for a perfect one could be long and daunting task. It doesn’t have to be like that - the goal of this guide is to help you find the perfect match for your team or project. Toward that goal, this article offers a sampling of questions that are key to evaluating the breadth and depth of a candidate’s mastery of CSS. The following guide gives you some questions for inspiration when preparing an interview for top-notch CSS developers. You should not assess candidates based purely on their ability to “correctly” answer each question. That would be missing the point, because not every top candidate will know all the CSS details, nor does knowing all the details guarantee you the best developer. Instead, use provided questions to see how the candidate thinks about the problem at hand, how they work through provided examples, and how they weigh alternatives and make judgment calls.

Questions and Answers

Q: What is an ‘id’ selector, and what is a ‘class’? Explain their differences.

HTML elements can have either id attribute or class attribute, or even both attributes.

The id selector assigns a unique name to the element it is applied to. For CSS to be valid, there can be only one element with a given name. An id selector is usually used when you want to restrict styling rules to a specific HTML element, or a block of elements. By the CSS specification, id selectors are defined with the # character, followed by the name.

On the other hand, the class attribute assigns a class name to the element, and that name can be used on any number of elements within the document. A class-specific style is used when you want to apply styling rules to more than one of blocks and elements within the document. Similar to id selectors, classes are defined by a period (.) and followed by the class name.

To summarize, an id selector identifies and sets style to only one occurrence of an element, while class can be attached to any number of elements. CSS best practice is to to use classes as much as possible, and to reserve the use of id attributes for specific uses. This will result with smaller style sheet files which are more performant and easier to maintain.

Q: In how many ways can CSS be added to a web page? Discuss advantages and disadvantages of each approach.

There are three ways to include CSS to a web page:

  1. Inline: CSS is applied directly to the HTML elements by use of the style attribute.
  2. Embedded: CSS is added within the head element of the web page by placing the CSS code in a style element.
  3. External style sheets: CSS is placed in an external file and added to a web page by use of a link element.

Inline styles have more disadvantages than advantages. Inline styles are useful for small numbers of style definitions and they have the ability to override other style specifications. The disadvantages are they don’t separate the style from the content, styles can’t be controlled from one place, and it is hard to create more complex styles.

Embedded and external CSS share most of the advantages over the inline styles. It is possible to create classes that will be used by multiple elements in the document, they allow complex styling by using selector and grouping methods, and styling is controlled from only one place.

By using embedded style sheets no extra download is required, while external CSS files offer style control of multiple HTML documents from a single file. Disadvantage of the external CSS file is until the external style sheet file is loaded, the HTML document can not be properly rendered.

Q: Explain what RWD is. Discuss how it can be achieved with CSS.

RWD is an abbreviation for Responsive Web Design, and it is the practice of building web pages to work on any device and every screen size; no matter how large or small they are, be it a mobile phone, tablet, laptop or desktop. Benefit of the RWD is you don’t need to create a different page version for each mentioned device. Responsive web design uses only HTML and CSS to resize, hide, shrink, enlarge, or move the content to make it look best on any given screen. RWD is achieved by using CSS media queries - media queries are simple filters which make the content style change based on the characteristics of the device like the display type, width, height, orientation and even resolution.

Q: Discuss CSS image sprites.

Sprites are essentially multiple raster images merged into a single image. The main reason for their usage is to help with performance. The fewer different requests a browser needs to make, the faster the web page will load. Term “sprites” dates from the old times and was first used in video games. The idea was that it is faster to load one image into graphic memory, and then only display parts of that image at a time, than continually load new images. This same principle is used in web today.

In CSS, image sprites are used with a background-image property, and then adjusted by setting the background position and dimensions of the individual classes to display a single portion of the complete image sprite.

Q: Explain what Less, Sass, and Stylus are. Discuss what they offer, and their advantages and disadvantages.

Less, Sass, and Stylus are all CSS preprocessors. CSS preprocessors are an abstraction layer on top of CSS, written in a special syntax compiled back to CSS.

CSS preprocessor offer powerful features on top of the CSS, with variables, extends, and mixins being the most notable. Variables store information that can be reused later, like colors or other commonly used values. Extends help you create “classes” that allow inheritance for the rules. Mixins, you can think of like “function”. There are some other features in comparison with vanilla CSS, like the use of logic statements (conditionals and loops), custom functions, integration with other libraries like Compas, and many more.

When talking about advantages and disadvantages, personal preferences offer great opportunity to discuss with the candidate their own view on the use of CSS preprocessors and reasons why a specific one could be used. Basically, there is no right or wrong answer why which one could be used. To read more about CSS preprocessors, you can read an article Why You Should Stop Using Vanilla CSS.

Q: Explain what CSS vendor prefixes are.

CSS vendor prefixes are extensions to the CSS standards. They are used by browsers to offer experimental and non-standard features. Since the vendor prefixes are not included in the official CSS specification, by adding specific prefixes browsers are preventing future incompatibilities which could arise when the standard is extended.

The CSS vendor prefixes are:

  • Android: -webkit-
  • Chrome: -webkit-
  • Firefox: -moz-
  • Internet Explorer: -ms-
  • iOS: -webkit-
  • Opera: -o-
  • Safari: -webkit-

Q: Explain the CSS box model and the layout components that it consists of. Provide examples.

The CSS box model is a rectangular layout paradigm for HTML elements that consists of the following:

  • Content - The content of the CSS box, where text and images appear
  • Padding - A transparent area surrounding the content (such as the amount of space between the border and the content)
  • Border - A border surrounding the padding (if any) and content
  • Margin - A transparent area surrounding the border (such as the amount of space between the border and any neighboring elements)

Each of these properties can be specified independently for each side of the element, namely top, bottom, right and left, or they can be combined into multiple sides by specifying fewer parameters. For example:

/* Setting top, right, bottom and left margin */
margin: 50px 10px 100px 25px;

/* Setting the same margin on all four sides: */
margin: 50px;

/* Grouping together top/bottom margin and right/left margin */
padding: 100px 25px;

Test candidates with CSS examples, or give them tasks to create HTML elements using only CSS

You can test candidates by giving them different CSS examples and asking them to explain what they do. This way you can better assess their way of thinking and knowledge about some CSS specifics. Another approach is to give candidates an image of some fancy button or a progress bar, and ask them to recreate them using only CSS. Some CSS examples you can give out to candidates are listed below.

Q: Explain what elements will match each of the following CSS selectors:

1. span, a
2. span a
3. span > a
4. span + a
5. span ~ a

  1. span, a will select all <span> elements and all <a> elements.
  2. span a will select all <a> elements that are anywhere inside a <span> element
  3. span > a will select all <a> elements where the immediate parent is a <span> element
  4. span + a will select all <a> elements that are placed immediately after a <span> element
  5. span ~ a will select all <a> elements that are anywhere preceded by a <span> element

Q: Explain the meaning of each of the following CSS units:

1. cm
2. em
3. in
4. mm
5. pc
6. pt
7. px

  1. cm - centimeters
  2. em - elements, relative to the font-size of the element (e.g., 2 em means 2 times the current font size)
  3. in - inches
  4. mm - millimeters
  5. pc - picas - 1 pc = 12 pt = 1/6th of an inch
  6. pt - points - 1 pt = 1/72nd of an inch
  7. px - pixels - 1 px = 1/96th of an inch

Q: In CSS3, how would you select:

1. Every <a> element whose href attribute value begins with https
2. Every <a> element whose href attribute value ends with .pdf
3. Every <a> element whose href attribute value contains the substring css

  1. Select every <a> element whose href attribute value begins with https: a[href^="https"]
  2. Select every <a> element whose href attribute value ends with .pdf: a[href$=".pdf"]
  3. Select every <a> element whose href attribute value contains the substring css: a[href*="css"]

Conclusion

For a top CSS developer, provided questions might come off as a bit basic. However, they cover most of the core CSS concepts and principles, and they do provide a starting point for evaluating individuals. Being able to discuss CSS principles and concepts in a clear and coherent manner will demonstrate candidate’s communication skills as well as their theoretical and peripheral subject knowledge. Finding true masters of CSS is a challenge. We hope you find the questions presented in this post to be a useful foundation in your quest for the elite few among CSS developers. Finding such candidates is well worth the effort, as they will undoubtedly have a significant positive impact on your team’s productivity and results.

Hire CSS developers now
Alvaro 1506e7

My team is going to personally help you find the best candidate to join your team.

Alvaro Oliveira
VP of Talent Operations