一年前,Facebook点赞按钮发布更新。一年后的今天,Facebook小小的点赞按钮因为Ted刚发布的一段演讲掀起波澜。设计一个像FB点赞按钮那么小的东西很难么?Ted中Margaret Gould
导读 正如web前端开发中CSS(Cascade Style Sheet)的作用一样,Qt开发中也可以使用修改版的QSS将逻辑业务和用户界面进行隔离。这样,美工设计人员和逻辑实现者可以各司其职而不受干扰。更重要的是,由于界面和逻辑处理是分离的,低耦合性使得代码重构的工作量可以减少到最小。QSS和CSS的语法几乎一致,除了Qt自身增加的一些属性之外,其余的属性都可以在CSS2或CSS3中找到对应的属性。因此,如果曾经有过CSS的使用经验,那么QSS的使用将游刃有余。关于QSS的使用实践,打算撰写一系
Shadow DOM的样式是完全隔离的,这就意味着即使你在主文档中有一个针对全部 标签的样式选择器,这个样式也不会不经你的允许便影响到 shadow DOM 的元素。
本文介绍了CSS Namespace和React-Native,以及如何在React-Native中通过CSS-in-JS方案实现组件的样式隔离。同时,本文还介绍了一种基于BEM的CSS Namespace方案,用于解决在React-Native中CSS的隔离问题。
19组清风,携程资深前端开发工程师,负责商旅前端公共基础平台建设,关注NodeJs、研究效能领域。
三年前 Facebook 开始思考在目前设计系统下面临的问题,那时它们在前端项目、系统组件等部分使用的是 cssmodule 的样式方案。
上周我和一个老客户聊天,她和我说,“Nick,我觉得我的网站需要改进,但是我却不确定到底需要做什么”。
不管你是在家,在公司,还是在设计师工作室工作,互联网企业都会找你去给他们设计 App。为了满足所有顾客的需要,这些企业通常需要同时开发运行在 Android 和 iOS 设备上的 App。 在理想的情况下,我们希望能花上好几个月的时间来分别为两类设备设计一款 App,但是实际上,我们没那么多的时间。就我所负责的项目而言,每次的时间都仅够我设计一个 App。通常情况下,我们也都只设计一个 App,然后在交给 iOS 和 Android 开发团队之前将它们做一些微调。要按照这种方式进行 App 设计,首先我们应
本期摘要: (1)Facebook一个帐号可绑定5个不同的资料卡(2)ins上线了dual相机功能(3)Apple 申请 VR 指尖追踪设备专利(4)iOS近期开发者预览版值得关注的三个更新点(5)YouTube支持视频双指缩放(6)YouTube TV正在开发同时观看四个直播流的功能(7)NGL匿名问答应用又火了一把(8)0Zero 零重力浏览器(9)糖果APP设置 avatar新方式(10)Snapchat推出网页版及首款AR游戏(11)Whatsapp在线状态支持设置可见范围及语音状态(12)What
Android 和 iOS 是市场上的两个主流操作系统。多数公司都会要求开发者开发对应的移动端应用。对于这些需要在两个平台上同时设计的应用,其中一个挑战就是在品牌一致性和平台的不同功能特性之间进行平衡。 作为一名设计师,了解不同平台的设计惯例和行为才能在开始设计前更好的和开发者及股东们进行交流。这样,你的团队可以基于适配各个平台的优缺点来讨论决定开发计划(先开始 iOS 的开发,或者先开始 Android 的开发,或者同时进行两个平台的开发)。 因此,在这里我将会比对苹果和谷歌这两个操作系统设计风格上的相似
开篇前,我们不妨先回顾下2018前端的重大事件,从而探究事件背后的技术趋势和热点话题,
工厂方法模式是一种创建型设计模式,其在父类中提供一个创建对象的方法,允许子类决定实例化对象的类型。
如果你想把一小段代码分享到各大社交网站,透过 GitHub Gist 产生链接是个不错的方式。若是要转为精美的图片, Carbon、CodeZen 这类可以将代码转成图片、加上窗口阴影和上色效果的线上工具,或许来说会更好用。 大家都知道社交网站在不同区块或类别都有不一样的图片尺寸限制,接下来要介绍的这项服务就是整合了各大社交网站模版和代码的转图片工具,让你可以做出更适合分享的代码图片。
ICONS是可以直接使用图片名, 就能加载图片的三方,使用很方便, 你不需要在工程文件夹里塞各种图片, 节省很多空间,下面就来看看怎么使用吧!
百度分享代码可以分为三个部分:HTML、_bd_share_config(具体配置)和js加载。代码如下:
随着编程的普及,越来越多的人开始参与到代码的编写当中。很多时候,你并不需要很多专业知识,你就可以写出非常出色软件,而这一切都得益于很多低代码编程工具,这些拖拽工具可以非常方便地让你生成页面,甚至是获取数据。接下来我们就来盘点一下可视化代码生成工具。
这些开源项目都是优秀的静态网页构建工具,适合各种需求和技术栈。它们提供了简单易上手、可定制化、多语言支持等关键功能,并且具有快速构建、自动优化前端性能、SEO 友好等特点。无论您是个人博客还是企业门户,使用这些工具来构建静态网站都会带来高效且愉悦的经历。
来源:腾讯科技 导读:扎克伯格毫不忌讳的表示,没有任何公司能够永远存在下去,Facebook自然也不例外。与此同时,他还表示Facebook的目标是能够做出正确的选择,从而实现让世界变得更加开放、更加互联的长期目标。 Facebook CEO马克·扎克伯格(Mark Zuckerberg)无论是对于人工智能、廉价住房、医疗健康还是视频业务发展这些话题一直都持有前瞻性的思维。在当地时间本周二,扎克伯格就在公司位于门罗帕克(Menlo Park)的总部举行了公开问答活动,以下便是扎克伯格在本次活动中抛出的四个有
最近一直在做交互规范总结的工作,在不断梳理页面间跳转逻辑的同时,发现页面间的逻辑关系并不能和页面间跳转的动效很好的结合上。虽然只是零点几秒的切换动效,却能在一定程度上影响用户对于页面间逻辑的认知。为了输出详细的规范,花了大量时间把玩现在公司线上的产品以及国内外优秀的APP,尤其是苹果、谷歌自己开发的APP。(如果某些方面在设计规范中并没有给出答案,就在原生APP中找答案吧!) 转场动效也是在APP中应用最多的动效,连接两个页面。通过合理的动效让户能更清楚我从哪里来,现在在哪,怎么回去等一系列问题。初次接
优秀的无障碍设计,不仅能让残疾人用户正常地与产品交互;还会为普通人提供更好的使用体验。
最好的产品通常会做好两件事情:功能和细节。功能能够吸引用户关注这个产品,而细节则能够让关注的用户留下来。”Dan Saffer 的这句话阐明了许多成功产品的秘诀。值得注意的是,功能和细节两者都很重要,但是功能居首,细节次之。不过,让用户喜欢或者讨厌一个APP或者网站,往往缘起于细节。随着网站交互设计和动效的大规模普及,我们现在所看到的许多细节设计,都可以归类于微交互。虽然在整体性的设计当中,微交互似乎显得微不足道,但是整个产品体验,与之息息相关。今天的文章,我们将会探讨微交互是如何塑造优质的产品细节的。 微
css一旦生效,就会应用于全局,所以很容易出现冲突。css隔离就是为了解决这个问题。可以使用的方法大概就几个:
当我们考虑如何构建一个新的网络应用—一个为现代浏览器设计的、具有用户对Facebook(我们已知的)所有期望的功能,我们现有的技术栈无法支持我们所需要的类似于桌面应用的感觉和性能。完全重写是非常罕见的,但在这种情况下,由于过去十年来Web技术发生了很多变化,我们知道这是我们实现性能和未来可持续发展目标的唯一途径。今天,我们就分享一下我们在重构Facebook.com时的经验教训,使用React(一种用于构建用户界面的声明式JavaScript库)和Relay(React的GraphQL客户端)来重构Facebook.com。
一款好的App离不开漂亮的布局,RN中的布局方式采⽤的是FlexBox(弹性布局) 。
在需要展示二维码的地方添加如下代码,其中标签内容可以根据需要修改成图片等,href=”javascript:”表示标签作为按钮使用,不做跳转,实现url访问拦截。
随着 Facebook 和 Twitter 最近的产品部署,我认为一个新的趋势正在缓慢增长:Atomic CSS-in-JS。
主题列表:juejin, github, smartblue, cyanosis, channing-cyan, fancy, hydrogen, condensed-night-purple, greenwillow, v-green, vue-pro, healer-readable, mk-cute, jzman, geek-black, awesome-green, qklhk-chocolate
在前端项目开发过程中,总是会引入一些UI框架,已为方便自己的使用,下面就是我经常使用和我认为不错的前端框架
引言:在创建Facebook广告之前,你需要理解并选择你的营销目标。以下是一些可以帮助你评估和选出最合适你的广告系列目标的建议,对于刚开始着手Facebook广告投放的朋友们来说尤其适合。
在2024年选择适合项目的CSS框架至关重要。这将为构建新的用户界面(UI)组件所需的总体努力定下基调。目前,最重要的是更快地发布新功能,以保持客户的满意度。因此,你需要一个易于使用的CSS框架,它能够提供现成的UI元素。
测试用例是一组有条件的用例,QA可以依靠这些条件来确定应用程序、软件系统或某些功能是否按预期执行。
“ 一看就会,一做就废 ”,设计师们常常对最新的技术、风格、发展趋势侃侃而谈,却忽略了最基础的原则和理论.
Sweet Alert 是一个替代传统的 JavaScript Alert 的“美化版”提示效果。SweetAlert 自动居中对齐在页面中央,不管是台式电脑,手机还是平板电脑看起来效果都很不错。
如果你参与Web开发,很可能听说过UI组件库和CSS框架。UI组件库是一组预制样式(如字体、组件或颜色),可用于快速构建网站。这些UI组件使开发人员能够创建解决常见问题的代码——例如,创建适用于所有设备的按钮和组件,或添加已经为你设计的菜单和预构建元素,这样你就不必从头开始构建它们。在本文中,我们将探索在构建下一个项目时使用UI组件库或CSS框架的主要好处,然后我们将介绍一些目前市场上免费选项的绝佳选择!
选自InsightDataScience 作者:Ashwin Kumar 机器之心编译 参与:乾树、李泽南 在人们的不断探索下,「使用人工智能自动生成网页」的方法已经变得越来越接近实用化了。本文介绍的这种名为 SketchCode 的卷积神经网络能够把网站图形用户界面的设计草图直接转译成代码行,为前端开发者们分担部分设计流程。目前,该模型在训练后的 BLEU 得分已达 0.76。 你可以在 GitHub 上找到这个项目的代码:https://github.com/ashnkumar/sketch-code
机器之心报道 编辑:陈萍 你在纸上写个词,AI 只要看一眼就能模仿你的笔迹,还是看起来毫无破绽的那种。 Facebook 近日公布了一项新的图像 AI——TextStyleBrush,该技术可以复制和再现图像中的文本风格。 借助该技术,你只需要输入一个词作为「标准」,AI 就能全篇模仿你的书写风格,一键执行,效果可谓惊艳。 此外,你还可以用它替换不同场景中的文字(比如海报、垃圾桶、路标等)。下图中左侧为原始场景图像,单词显示在蓝色矩形中;右侧为文本替换后的图像。 从图中可以看出,各种风格的字体 AI
你可以在 GitHub 上找到这个项目的代码:https://github.com/ashnkumar/sketch-code
本文介绍了一个用于制作引导页的样式库Onboard,包括两种样式:1.图片+蒙板样式;2.底部视频样式。Onboard的使用方法也很简单,只需要导入库并创建一个OnboardingViewController实例,设置背景图片或视频、蒙板上的文字以及按钮,即可生成引导页。同时,还可以定制化OnboardingViewController,设置淡入淡出效果、模糊效果、蒙板文字颜色等。
最近我们发布了一个新的产品-Froala Design Blocks.几天之后我们便跻身于 GitHub流行仓库。一周以后已经拥有超过3500个star,而且两周过后仍以每天500个star的速度增长。 不同于Twitter或是Facebook,你可以通过广告来增加粉丝和喜欢的数量。在GitHub上你只能靠令人印象深刻的项目来获得star。GitHub上的star数量远非只是一个数字那么简单,当人们决定到底要不要使用你的产品的时候,star会在潜意识里对他们产生信任感。 其实我们的第一个产品并不是Fro
编者按 | 此前,我们在《曝光Facebook内部高效工作PPT指南》一文中介绍过25张来自Facebook内部的工作PPT。 而这次带来的文章来自FreeS 组织的内部第一次创业公司 CTO 交流会
让人焦虑的「点赞」按钮、失联的火星气候轨道飞行器、死难数百人的波音 737 Max 空难……原来都与代码有关。
这个按钮奏效了,甚至有点超乎想象。到 2012 年,「赞」这个按钮已经有了超过 1 万亿次的点击。但它也产生了副作用。我们发布一张照片后,会坐立不安地刷新页面,等待更多的「赞」。我们想知道为什么别人的赞越来越多。因此,我们开始在社交网络中「暗暗发力」:变得更有趣、更犀利、更迷人、更极端。
前言: 这是之前还在论坛当版主的时候,给自己定下的汉化规矩: 1.按照固定格式来排版; 2.能力有限不是机翻和偷工减料的借口; 3.尽量得到原作者的转载授权 虽然不再参与汉化工作了,但是有一些好的习惯值得继续保持。
我们一开始为什么去安装应用程序?是为了使我们的生活更方便。但当一个应用无法满足这一要求时,用户肯定就会离它而去。一个应用的成功是受多种因素影响的,其中整体移动用户体验是最重要的影响因素。绝佳的用户体验是一个应用程序成功的关键。 就移动用户体验设计而言,不断地实践是检验其好坏的一条必经之路。在这篇文章中我们聚焦于基础,我们需要去解决的是,如何避免打断用户或者强迫用户思考的问题。 多平台用户界面设计 界面是能使应用的用户体验脱颖而出的一个重要的因素。大多数的开发人员都希望在不同终端上发布他们的应用。当你为多平
在快速开发的背景下,经历了n个版本后的考拉Android App中已经存在了各种各样看似相同却各有差别的弹框样式。其中包括系统弹框和自定义弹框,并且在线上时常会出现IllegalArgumentException的异常,而现有的解决方法是通过工具类来保护调用show和dismiss方法,这种方式效率不高,而且覆盖不全,开发过程中容易遗漏。另外现有的Builder方式的弹框构造工具虽然功能强大,能构造各种弹框,但是使用复杂,样式逻辑耦合,使用成本太高。于是,便需要一款样式统一、show和dismiss安全、调用简单、构造方便的统一弹框工具。
2009 年,Facebook 推出了一份改变世界的代码——点「赞」按钮。「赞」是包括 Leah Pearlman 和 Justin Rosenstein 在内的数名程序员和设计师的创意。他们认为 Facebook 用户经常太忙而无法在朋友的帖子上发表评论,但是如果有一个简单的按钮可以使用,那一定会大受欢迎。「朋友们可以更频繁、更轻松地相互点赞互动」,Pearlman 说。
首先带来一个坏消息,Sketch63版本是最后一个可以运行在Mac OS 10.13(High Sierra)的版本,后续的版本必须在10.14(Mojave)及以上的Mac OS系统上才能运行,估计会有一堆黑苹果用户抓狂的。来看看静电的系统,黑苹果要升级咯~(要买新的AMD显卡)
Web开发是需要掌握多种技术。我们习惯于与多种语言密切合作。而且,随着开发Web应用程序变得越来越普遍和差别细微化,我们经常寻找创造性的方法来弥合这些语言之间的差距,从而使我们的开发环境和工作流程更容易,更高效。
领取专属 10元无门槛券
手把手带您无忧上云