CSS.

雇用 Top 3%自由CSS开发人员

Toptal.是顶级CSS开发人员,工程师,程序员,编码器,建筑师和顾问的市场。顶级公司和初创公司选择Toptal CSS自由职业者为其关键任务软件项目。

无风险审判,仅在满意时付款。

客户率 Toptal. CSS Developers4.3 / 5.0平均截至2,191截至3月24日,2021年3月24日

通过领先的品牌和初创公司信任

租用自由CSS开发人员和工程师

尼克日

自由CSS开发人员

英国Toptal. Member Since July 29, 2019

尼克是一位前端专家,也有多年的后端经验。他高度致力于质量和使用最佳实践,并喜欢制作简单的解决方案来复杂的问题。

展示更多

肖恩麦卡尔

自由CSS开发人员

美国Toptal. Member Since May 14, 2019

Sean是一位高级开发人员,具有广泛而通用的技能组,在作出反应,反应本地和Node.js方面的巨大作品。他拥有一个创业精神和中西部的工作伦理,并拥有各种不同规模和范围的公司。他在软件架构,UI设计,Devops和商业咨询中的强烈理论和实践背景使他能够对任何规模的项目都有能力。

展示更多

Amanda Vilela.

自由CSS开发人员

巴西Toptal. Member Since August 13, 2017

Amanda是一家前端开发人员,一直在努力设计可用的UIS,并通过编写可扩展和高性能的JavaScript代码来实现它们。她'广泛经历了从初创公司到更喜欢的企业公司的各种客户&T,IBM和Sprint。她还拥有持续集成,测试,GIT工作流,敏捷方法和SEO的经验。

展示更多

phanindra vallabhajosyula

自由CSS开发人员

印度Toptal. Member Since July 17, 2019

Phanindra将深度的后端开发专业知识与前端的一系列技能相结合,使用Vue.js与Docker,Kubernetes和云提供商一起发电。这使他能够构建可扩展,安全和容错的应用程序。对于编码和强烈关注细节的热情,Phanindra努力超越客户的期望并提供免费的错误代码。

展示更多

Radomir Djokovic.

自由CSS开发人员

塞尔维亚Toptal. Member Since July 29, 2017

Radomir是一名高级全堆叠软件工程师,具有分析思维和能够找到复杂问题的简单解决方案。他写入干净,功能,经过良好的代码,在协调和范围的任务时享受在团队中工作。 Radomir拥有初创公司的经验以及为Microsoft和SAP等公司工作。

展示更多

Giulia cardieri.

自由CSS开发人员

巴西Toptal. Member Since June 10, 2018

朱利亚是一位创意和细节的自由职业者,热衷于前端开发和UI / UX设计。她有四年多的经验开发了专业,学术和个人项目的Web应用程序。她的爱好者,她'总是学习新技术。

展示更多

Marcelo Gomes Martins.

自由CSS开发人员

波兰Toptal. Member Since November 6, 2012

Marcelo是一家前端开发人员,拥有十多年的经验,建立像素完美的网站。他还在桌面上工作,移动开发Web和移动应用程序。 Marcelo也是在途中解决复杂的UI问题的专家,并喜欢在行动中看到他的工作。

展示更多

安德烈·科尔茨夫

自由CSS开发人员

波兰Toptal. Member Since July 30, 2019

安德烈是一家高级全堆栈网络开发商,拥有超过12年的经验。 Andrey专门从事建立Web应用程序的后端API,彻底了解扎实构建的要求,始终努力提供最佳的基础设施,以安全,快速促进增长和缩放。

展示更多

Piotr Jachowicz.

自由CSS开发人员

波兰Toptal. Member Since August 26, 2016

piotr是一个全堆栈的web开发人员,他们也是他的后端框架和前端的.NET。他拥有与各种JavaScript框架和图书馆合作的重大经验(主要是jQuery,Vue.js和Angular)。 Piotr是一个快速的学习者,所以他不仅限于框架的常见嫌疑人 - 他愿意并能够迅速学习任何特定项目所需的新技能。顶部扬声器网络的成员

展示更多

达尼洛卡塞洛

自由CSS开发人员

加拿大Toptal. Member Since August 6, 2013

在过去的十年中,Danilo一直担任软件开发人员创建可以缩放的Web应用程序和软件。在目前的就业情况下,他成功地占据了几个角色,如全堆叠开发人员,团队领导,经理,后端开发人员,他现在正在研究负责开发工具的团队。 Danilo冠军最佳实践,并通过提供可重复使用的软件帮助开发人员更加富有成效。

展示更多

Temur Kodirov.

自由CSS开发人员

乌兹别克斯坦Toptal. Member Since January 30, 2019

自2016年以来,Temur一直在以PHP框架,LARAVERWORD为居民作为高级全堆叠开发商建筑应用程序;这包括担任公司Artel和Uzbekincest的高级后端开发人员。他对前端发展也很擅长,特别是vue.js,并代表Iutlab和Artel使用这些技能。 Temur对解决问题的热情和应用他深入了解数学知识。

展示更多

立即注册以查看更多档案。

开始招聘

招聘指南

聘请伟大的CSS开发人员指南

CSS.已经使用了20多年,已成为任何前端开发的一个组成部分。因此,在其简历中列出了美国开发人员的缺点。定位CSS开发人员相当容易,但选择完美的是更多的挑战。从Shopify和网站设计中的电子商务网站到应用程序开发项目,本指南提供了有效问题的采样,以帮助您识别作为其领域专家的最佳CSS开发人员。

阅读招聘指南
TrustPilot.
Toptal. in the press

...允许公司快速组装具有特定项目的合适技能的团队。

尽管对编码人员的需求加速了,Toptaltal旨在自行为几乎常春藤联盟级审查。

我们的客户
构建一个全球使用的跨平台应用程序
Thierry Jakicevic.
构建一个全球使用的跨平台应用程序
1
2
3
为游戏创建一个应用程序
Conor Kenney.
为游戏创建一个应用程序
1
2
3
领导数字转型
Elmar Platzer.
领导数字转型
1
2
3
推荐书

三普国不会'T存在没有顶尖。顶部项目使我们能够用产品经理,铅开发商和高级设计师迅速发展我们的基础。在60多天内,我们从概念到阿尔法。速度,知识,专业知识和灵活性是秒数。 Toptaltal团队作为三级队员的三级队员的一部分。他们贡献并就像其他人一样贡献并获得了发展的所有权。我们将继续使用TOPTAL。作为一个启动,他们是我们的秘密武器。

布兰特利步长,首席执行官& Co-Founder

三级

我对Toptaltal的经验非常满意。我必须与我一起工作的专业人士在几个小时内与我一起。我知道在与他讨论我的项目后,他是我想要的候选人。我立即雇了他,他浪费了浪费时间来到我的项目,甚至通过添加一些优秀的设计元素来加强额外的英里,以增强我们的整体外观。

Paul Fenley,导演

k dunn.& Associates

我与令人难以置信的 - 聪明,驱动和响应性的开发人员。它曾经很难找到优质的工程师和顾问。现在它是't.

Ryan Rockefeller,CEO

辐射群

Toptal.立即了解我们的项目。我们与阿根廷的特殊自由职业者与阿根廷,从第1天沉浸在我们的行业中,与我们的团队无缝混合,理解我们的愿景,并产生了顶级缺口结果。 Toptal与卓越的开发人员和程序员相连,非常容易。

Jason Kulik,联合创始人

PROHATCH.

作为一个有限资源的小公司,我们可以'不起赚得昂贵的错误。 Toptal为我们提供了一个经验丰富的程序员,他们能够击中地面运行并立即开始贡献。这是一个伟大的经历和我们'd再次在心跳中重复。

斯图尔特Pocknee,校长

站点特定的软件解决方案

我们使用Toptal聘请开发人员,具有广泛的亚马逊网络服务体验。我们采访了四名候选人,其中一个候选人竟然有适合我们的要求。该过程快速有效。

ABNERGUZMÁNVILLA,CTO和首席科学家

照片kharma.

Sergio是一个令人敬畏的开发人员。顶级陷波,响应,并有效地完成了工作。

Dennis Baldwin,首席技术专家和联合创始人

PriceBlink.

与马林一起工作是一种快乐。他是有能力,专业,灵活的,非常快速地了解所需的内容以及如何实现它。

andréFischer,CTO

发布

我们需要一个专家工程师,他们可以立即启动我们的项目。辛巴纳斯与他的工作超出了我们的期望。不得不采访和追逐专家开发商是一个优秀的时光,让每个人都对我们的选择感到更加舒适,以改变平台来利用更强大的语言。 Toptog易于方便地制作了该过程。 Toptal现在是我们寻找专家级别帮助的第一名。

Web开发的高级VP德里克未成年人

Networld Media Group.

Toptal.'S开发人员和建筑师都非常专业,易于使用。他们生产的解决方案相当定价和最高品质,减少了推出的时间。再次感谢,Toptal。

Jeremy Wessels,CEO

Kognosi.

我们拥有Toptal的伟大体验。他们将我们与完美的开发人员配对,为我们的应用程序并使过程非常容易。它也很容易超出初始时间范围,我们能够在我们的项目中保持相同的承包商。我们绝对推荐顶尖,用于快速和无缝地找到高质量的人才。

Ryan Morrissey,CTO

应用业务技术,LLC

I'M Toptal令人难以置信地印象深刻。我们的开发人员每天与我沟通,是一个非常强大的编码器。他'真正的专业人士,他的工作很棒。顶部5星。

Pietro Casoar,CEO

Ronin Play Pty Ltd

与Toptal一起工作是一个很好的体验。在使用它们之前,我花了很长时间采访其他自由职业者和尚未'找到我需要的东西。与Toptal一起参与后,他们在几天内与完美的开发人员匹配。开发商I.'m不仅可以提供质量代码,而且他还提出了我达到的事情的建议't thought of. It'对我来说清楚,阿拉夫里知道他在做什么。强烈推荐!

乔治城,首席执行官

Buravard,Inc。

作为顶级合格的前端开发人员,我也运营了自己的咨询练习。当客户来找我来帮助填补他们的团队上的关键角色时,Toptal是我唯一舒适的推荐的地方。 Toptal.'整个候选池是最好的。 Toptal是我的最佳价值我'在近一年的专业在线工作中发现了。

Ethan Brooks,CTO

Langlotz专利&商标作品,Inc。

在嘻嘻哈哈'早期,我们以及时的方式,我们需要一流的开发商,以实惠的价格。 Toptal送货!

Lara Aldag,CEO

h

Toptal.让候选人非常容易,让您能使他们有能使他们有能力提供。我肯定会向寻求高技能开发人员的人推荐他们的服务。

Michael Gluckman,数据经理

mxit.

Toptal.迅速匹配我们的项目与最佳开发人员的能力只是一流的。开发商已成为我们团队的一部分,我对他们中的每一个都证明了专业承诺的水平。对于那些希望远程工作的人与最好的工程师来说,看起来不仅仅是Toptaltal。

Laurent Alis,创始人

临身

Toptal.让找到合格的工程师微风。我们需要经验丰富的ASP.NET MVC架构师来指导我们的启动应用程序的开发,并在不到一周内为我们提供三位伟大的候选人。在我们选择后,工程师立即在线并击中地面运行。它比我们自己发现和兽医候选人更快和更容易。

杰夫凯利,联合创始人

协调解决方案

我们需要在Scala中的一些短期工作,Toptal在24小时内发现了我们一个伟大的开发人员。这不仅仅是通过任何其他平台都无法实现。

Franco Arda,联合创始人

whatadswork.com.

Toptal.为正在进行快速发展和规模的企业提供禁令解决方案。每个工程师我们'通过Toptal签约已经很快集成到我们的团队中,并将其工作持有最高标准的质量,同时保持炽热的发展速度。

Greg Kimball,联合创始人

nifti.com.

如何通过Toptal雇用CSS开发人员

1

与我们的行业专家交谈

Tophteal Engineering主任将与您合作,了解您的目标,技术需求和团队动态。
2

与手工选择的人才合作

在几天内,我们'LL向您介绍您的项目的正确CSS开发人员。平均匹配时间在24小时内。
3

右边合身,保证

与您的新CSS开发人员合作进行试用期(仅在满意时付款),确保他们'在开始参与之前,右边适合。

常见问题解答

  • Toptal CSS开发人员如何不同?

    在Toptal,我们彻底屏蔽了CSS开发人员,以确保我们与最高口径的人才相匹配。每年申请加入Toptal Network的100,000多人,削减少于3%。您将与工程专家(从不泛化招聘人员或人力资源代表)合作,了解您的目标,技术需求和团队动态。最终结果:来自我们网络的专家审计人才,习惯符合您的业务需求。 现在开始。

  • 我可以在不到48小时穿过Toptal雇用CSS开发人员吗?

    根据可用性以及您可以进行的快速,您可以在注册的48小时内开始使用CSS开发人员。 现在开始。

  • Toptal CSS开发人员的无风险试用期是多少?

    我们确保您和CSS开发人员之间的每次参与开始于最多两周的试用期。这意味着您有时间确认订婚将是成功的。如果您对结果完全满意,我们会为您收取时间并继续接触,只要您想要。如果你没有完全满意,你将不会收取费用。从那里,我们可以通过部分方式,或者我们可以为您提供可能更适合的另一个专家,并与我们将开始第二名,无风险的审判。 现在开始。

分享
CSS.

如何聘请一个伟大的CSS开发人员

挑战

级联样式表格或简短的CSS是一种用于描述以HTML编写的文档的演示文稿的样式表语。第一个版本的CSS是在1994年底提出的。在未来20年内,CSS升级了3次,将我们带有当前的CSS版本3.今天,CSS是Web的核心编程语言之一,它是标准化的 W3C 规格。它的发展非常缓慢,导致采用问题,并且在最终的网络浏览器开发人员将事物带入自己的手中。这导致了许多跨浏览器兼容性问题和Web开发时间浪费。 CSS3携手共进 HTML5 已成为任何一个组成部分 前端/ UI / UX开发,并且在其简历中列出了CSS的开发人员不足。这使得全职或兼职CSS开发人员能够相当容易,但制定了更完美的一个挑战。许多Web开发人员都会说他们也是CSS开发人员,而是与任何语言或技能一样,知道CSS和CSS专家之间存在差异。

CSS.3与HTML5手中已成为任何前端开发的一个组成部分

CSS.3与HTML5手中已成为任何前端开发的一个组成部分

这就是为什么雇用CSS开发人员可能困难的原因,并寻找一个完美的人可能是漫长而艰巨的任务。它不一定是这样 - 本指南的目标是帮助您找到为您的团队或项目的完美匹配。对于这个目标,本文提供了对评估候选人掌握CSS掌握的广度和深度的关键的问题。以下指南为您提供了一些疑问,以便在为顶级CSS开发人员准备采访时为灵感。您不应该纯粹地评估候选人,以“正确”回答每个问题。这将缺少这一点,因为不是每个顶级候选人都会了解所有CSS细节,也不知道所有细节都可以保证您最好的开发人员。相反,使用提供的问题来了解候选人如何考虑在手头的问题,如何通过提供的例子,以及它们如何权衡替代方案并进行判断呼叫。

问题与解答

问:什么是“ID”选择器,什么是“课”?解释他们的差异。

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.

问:在网页中可以将CSS添加多少种方法?讨论各种方法的优缺点。

有三种方法可以将CSS包含到网页:

  1. 内联:CSS通过使用样式属性直接应用于HTML元素。
  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.

内联风格比优势更多的缺点。内联风格对于少量风格定义非常有用,并且它们具有覆盖其他样式规范的能力。缺点是他们没有与内容中的风格分开,风格无法从一个地方控制,并且很难创建更复杂的样式。

嵌入式和外部CSS共享大部分优势。可以创建文档中的多个元素将使用的类,它们允许使用选择器和分组方法进行复杂的样式,并且造型仅从一个地方控制。

通过使用嵌入式样式表,不需要额外下载,而外部CSS文件提供从单个文件中的多个HTML文档的样式控制。外部CSS文件的缺点是在加载外部样式表文件之前,无法正确呈现HTML文档。

问:解释RWD是什么。讨论如何用CSS实现。

RWD是响应式网页设计的缩写,它是建立网页的实践,以便在任何设备上工作,以及每个屏幕尺寸改善电路板上的用户界面和用户体验;无论它们多大或小,都是手机,平板电脑,笔记本电脑或桌面。响应设计的好处是您不需要为每个提到的设备创建不同的页面版本。响应式网页设计人员仅使用HTML和CSS来调整大小,隐藏,缩小,放大,或移动内容,以使其在任何给定的屏幕上最佳。 RWD通过使用CSS介质查询 - 媒体查询是简单的过滤器,它根据显示类型,宽度,高度,方向甚至分辨率的设备的特性使内容样式更改。

问:讨论CSS图像精灵。

CSS.精灵 基本上是多个光栅图像合并到单个图像中。他们使用的主要原因是帮助性能。浏览器需要越少的请求,Web页面将加载速度越快。术语“精灵”日期从旧时期,首先用于视频游戏。该想法是将一个图像加载到图形存储器中,然后仅在不断加载新图像时显示该图像的部分。同样的原则今天在网站中使用。

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.

问:解释什么少,Sass和手写笔。讨论他们提供的东西及其优缺点。

少,Sass和手写笔是所有CSS预处理器。 CSS预处理器是CSS顶部的抽象层,用返回CSS编译的特殊语法编写。

CSS.预处理器在CSS之上提供强大的功能,其中变量,延伸,Mixins是最值得注意的。变量存储可以重复使用的信息,如颜色或其他常用的值。扩展帮助您创建允许遗产为规则的“类”。 Mixins,你可以想到“功能”。与vanilla CSS相比,还有一些其他功能,如使用逻辑语句(条件和循环),自定义函数,与其他库相加,如Compas等等。

在谈论优势和缺点时,个人偏好提供了与候选人讨论的机会,他们对使用CSS预处理器以及可以使用特定的原因来讨论他们自己的观点。基本上,没有权利或错误的答案为什么可以使用它。要了解更多有关CSS预处理器的信息,您可以阅读文章 为什么你应该停止使用vanilla css.

问:解释CSS供应商前缀是什么。

CSS.供应商前缀是CSS标准的扩展。浏览器使用它们来提供实验和非标准功能。由于供应商前缀不包含在官方CSS规范中,因此通过添加特定的前缀浏览器可防止在延长标准时可能出现的未来不相容。

CSS.供应商前缀是:

  • 安卓: -webkit-
  • 铬合金: -webkit-
  • Firefox: -moz-
  • IE浏览器: -ms-
  • ios: -webkit-
  • 歌剧: -o-
  • 苹果浏览器: -webkit-

问:解释CSS框模型和它由其组成的布局组件。提供例子。

CSS. Box Model是一个包含以下内容的HTML元素的矩形布局范例:

  • 内容 - CSS框的内容,显示文本和图像
  • 填充 - 围绕内容的透明区域(例如边框和内容之间的空间量)
  • 边界 - 围绕填充的边框(如果有)和内容
  • 利润 - 围绕边框的透明区域(例如边界和任何邻居元素之间的空间量)

这些属性中的每一个可以独立地指定元素的每一侧,即顶部,底部,右侧和左,或者可以通过指定更少的参数来组合成多个侧面。例如:

/* 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;

使用CSS示例的测试候选者,或者给他们任务以仅使用CSS创建HTML元素

您可以通过为他们提供不同的CSS示例并要求他们解释他们所做的事情来测试候选人。这样,您可以更好地评估他们对一些CSS细节的思维和知识的方式。另一种方法是给候选一些花哨的按钮或进度条的图像,并要求他们仅使用CSS来重建它们。您可以向候选人提供一些CSS示例列在下面。

问:解释以下每个CSS选择器的元素会匹配哪些元素:

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

问:解释以下每个CSS单位的含义:

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

  1. cm - 厘米
  2. EM - 元素相对于元素的字体大小(例如,2 EM表示当前字体大小的2次)
  3. 以英寸来算
  4. mm - 毫米
  5. PC - PICAS - 1 PC = 12 Pt = 1/6英寸
  6. Pt - 点 - 1 pt = 1/72nd英寸
  7. px - 像素 - 1 px = 1/96英寸

问:在CSS3中,您如何选择:

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"]

结论

对于顶级CSS开发人员,提供的问题可能会出现一个基本的基本情况。但是,它们涵盖了大多数核心CSS概念,视觉设计和原则,他们确实为评估个人提供了一个起点。能够以明确和连贯的方式讨论CSS原则和概念将展示候选人的沟通技巧以及他们的理论和周边主题知识。找到CSS的真正主人是一项挑战。从WordPress开发人员和移动应用程序专家到Adobe,Magento,Ajax和PSD程序员的任务并不容易。我们希望您发现本帖子中提出的问题是您追求CSS开发人员中少数人的有用基础。寻找这样的候选人非常值得努力,因为它们无疑将对您的团队的生产力和结果产生显着的积极影响。

特色TOPTAL CSS出版物

顶级CSS开发人员需求量很高。

开始招聘