跳到主要内容

使用CSS Grid和Flexbox构建响应式界面

从代理机构转到初创公司是什么感觉?创意开发者史蒂文罗伯茨加盟Asemblr2月,在一家代理机构工作后,这是企业活动领域的一家初创公司。在他的新角色中,他更关注用户作为负责人用户体验。我们追上他来讨论初创公司和代理文化之间的区别,并预览他的Generate London研讨会,该研讨会将讨论构建基于网络的音乐播放器。

您的新角色如何发展以及初创公司的工作与代理商有何不同?

这很棒。我们目前正在设计下一代平台,该平台将于夏季推出。虽然我以前的角色主要是基于广告的,但现在我正在设计软件即服务(SAAS)。该平台有许多移动部件,这对设计来说是一个挑战。

在参与方面,公司的透明度存在巨大差异。我知道接下来的几个月我会做什么,而在代理机构中,它可能是日复一日。

在SAAS公司内部工作,只有一个重点,而不是一些飞来飞去的项目,这对我来说是一个改变的步伐。在我的新角色中,我也越来越多地成为用户的倡导者,主要是因为我有更多的时间来学习和发现用户是谁。

你有没有发现任何很酷的工具?

我没有太多时间使用很多新工具,但目前对我来说非常出色精神。它使设计人员和开发人员能够使用类似于Flash的时间轴在浏览器中创建动画。动画在后端运行在GSAP上,因此动画非常流畅且跨浏览器兼容。虽然目前处于测试阶段,但开发人员很快就会希望完整发布。我创造了一个简单的例子您可以在CodePen上用五分钟完成它。

现在在英格兰东北部的网页设计场景是什么?

是兴奋的。米德尔斯堡波西米亚地区有许多公司正在开展一些精彩的工作,并与知名客户合作。希望这会吸引并留住新的和即将到来的人才离开该地区。纽卡斯尔还有一些很棒的公司和几个会议。前端NE,这是一次本地聚会,今年成功举办了第一次会议。设计它;建立它(DIBI)也在纽卡斯尔举办活动。

音乐在你的生活中有多重要,为什么你认为这么多的网页设计师都在乐队中?

音乐在我的生活中起着重要作用。我从14岁起就开始弹吉他,并且曾经在多个乐队中演奏。我发现在努力工作的同时听音乐,虽然有时候我发现播客也有助于集中注意力。我想我们很多人都在乐队中,因为这是创造力的另一个出路。在乐队中也可以促进团队合作,纪律,领导和所有权,所有这些都是我们工作的一部分,因此很容易适应乐队环境。

告诉我们您将在Generate London举办的研讨会。

我真的非常期待;这应该是一个有趣的一天。我们将构建一个基于网络的音乐播放器界面,其灵感来自Spotify和Google Music。我将教授新的CSS布局属性 - CSS Grid和Flexbox - 以及将SVG用作图标系统,最重要的是,我们将使用自定义属性设置界面样式以提供主题。我们将使用非常少的JavaScript并专注于CSS和HTML来为现代浏览器构建响应式界面。

本文最初发布于net 309,这是世界上最畅销的网页设计师和开发者杂志。购买问题309要么订阅网

想要了解Steven Roberts关于如何利用电网的力量的更多信息?

Steven Roberts is giving his workshop How to Build a Music Player Interface at Generate London from 19-21 September 2018.

Steven Roberts将于2018年9月19日至21日在Generate London举办他的研讨会如何建立音乐播放器界面

如果您有兴趣了解如何成为Flexbox爱好者或CSS Grid感觉,请确保您已经拿到了门票 生成伦敦

作为Asemblr.com创意开发人员的前端设计师和开发人员,Steven Roberts将参加他的研讨会 - 如何建立音乐播放器界面 - 他将向您展示如何构建一个可扩展到Spotify风格的音乐播放器任何屏幕尺寸,以及为您提供Flexbox,CSS Grid和SVG sprites的坚实基础。

Generate London将于2018年9月19日至21日举行。 立即获取您的机票

相关文章:



翻译字数超限