KindEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框。 KindEditor 使用 JavaScript 编写,可以无缝地与 Java、.NET、PHP、ASP 等程序集成,比较适合在 CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用。 快速:体积小,加载速度快 开源:开放源代码,高水平,高品质 底层:内置自定义 DOM 类库,精确操作 DOM 扩展:基于插件的设计,所有功能都是插件,可根据需求增减功能 风格:修改编辑器风格非常容易,只需修改一个 CSS 文件 兼容:支持大部分主流浏览器,比如 IE、Firefox、Safari、Chrome、Opera
阅读量: 705 2019-05-20
Bootstrap是Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。目前,Bootstrap最新版本为3.0 。Bootstrap中文网致力于为广大国内开发者提供详尽的中文文档、代码实例等,助力开发者掌握并使用这一框架。 Bootstrap中文网 -- 创建于2012年。起因是国内没有较好的关于Bootstrap的中文教程和交流渠道,因此,我们对Bootstrap的文档进行了翻译整理,并且建立了QQ群和微博(@bootcss),方便更多热爱这个CSS框架的攻城师们分享、交流自己在前端设计、开发方面的心得。
阅读量: 127 2019-05-20
PP匠是一个支持在线将做好的幻灯片演示转换为 HTML5 动画,并保留原有的演示格式,包括动画、渐变、超链接、嵌入的音视频及样式等。让你不必借助复杂的软件即可轻松完成HTML5移动端的展示。 PP匠功能特色: 1、强大好用的制作工具:装机量最大的多媒体工具,PowerPoint, 二十年的积累与进化,强大超乎你的想象。 2、流畅无缝的工作流程:桌面软件无可比拟的创作体验,粘贴图片、插入音频、使用本地字体,没有限制,无需等待。 3、精确酷炫的输出成果:几乎完美转化所有效果,高度还原,极速加载,动画流畅,专为h5优化,淋漓尽致展现你的创意与实力。
阅读量: 95 2019-05-20
https://html5up.net/ 是一个提供 HTML5 模板的网站。这些模板可以帮助网站开发人员快速创建漂亮的网站,而无需从头开始编写代码。 该网站提供了各种类型的 HTML5 模板,包括博客模板、电子商务模板、公司网站模板、个人网站模板等。所有模板都采用最新的 HTML5 技术和 CSS3 设计,可以在各种浏览器和设备上正常运行。
阅读量: 86 2019-03-27
H-ui前端框架是在bootstrap的思想基础上基于 HTML、CSS、JAVASCRIPT开发的轻量级web前端框架,开源免费,简单灵活,兼容性好,满足大多数中国网站,H-ui——专注前端解决方案。
阅读量: 67 2021-12-31
全球最大的中文 Web 技术教程。 在 W3School,你可以找到你所需要的所有的网站建设教程。 从基础的 HTML 到 CSS,乃至进阶的 XML、SQL、JS、PHP 和 ASP.NET。
阅读量: 64 2022-01-02
张鑫旭的个人博客首页,张鑫旭的技术作品,张鑫旭的生活成长
阅读量: 59 2021-12-28
收集了很棒的CSS和JS创意,以帮助前端开发人员和设计师。 CSSDeck是一个在线的CSS代码库和演示工具,它提供了一个平台,让设计师和开发者可以分享他们的CSS代码和设计,并展示它们的效果。CSSDeck提供了许多由其他设计师和开发者创建的CSS代码示例,用户也可以创建自己的代码库并在社区中分享。 CSSDeck的界面非常直观,用户可以浏览各种分类的代码示例,包括按钮、导航栏、轮播图等等。每个代码示例都包含了一个预览窗口,用户可以实时查看代码的效果。用户还可以通过点击“编辑”按钮来修改代码,然后查看修改后的效果。 除了代码示例,CSSDeck还提供了一些实用的工具,例如CSS生成器,可以帮助用户快速生成一些常用的CSS样式。此外,CSSDeck还提供了一些CSS工具和资源,例如CSS框架、字体和图标等。 总之,CSSDeck是一个非常实用的在线工具,对于设计师和开发者来说,它是一个很好的学习和交流的平台。
阅读量: 48 2019-03-26
Maqetta是Dojo Foundation的一项开源技术,为HTML5(桌面和移动)提供所见即所得的HTML5用户界面的可视化创作。Maqetta应用程序本身是用HTML编写的,因此可以在浏览器中运行,不需要额外的插件或下载。(参见项目总结) 目标用例是什么,目标用户是谁? Maqetta的主要目标用例是用户界面设计,其中非程序员或轻量级程序员创建UI模型或实际运行的应用程序。 我可以在我自己的web服务器(或本地主机)上安装Maqetta吗? 绝对的。Maqetta团队将里程碑构建作为ZIP和WAR文件,可以下载并安装在标准的web服务器上,比如Apache或Java服务器。对于Windows、Mac和Linux,有一些简单的服务器启动脚本可以运行(或者在Explorer/Finder中双击)。ZIP文件包含自动启动服务器(它使用Jetty,一个开源的轻量级JEE服务器)。 Maqetta可以使用我喜欢的JavaScript库吗,还是必须使用Dojo? Maqetta团队竭尽全力将代码设计成独立于工具包的。它使用行业标准的OpenAjax小部件作为打包小部件元数据的方式,这种格式适用于大多数流行的(HTML/JavaScript/CSS)小部件库。 当前版本包含大量的dojo小部件(既有专注于桌面的Dijit小部件,也有一套全面的移动Dojo小部件)。Maqetta团队已经为jQuery和YUI库中的小部件实现了概念验证支持,以确认该架构是独立于工具包的。 当前版本还没有完成所有的扩展点,这些扩展点将允许站点管理员和/或用户配置他们的Maqetta版本,以使用特定的JavaScript库、特定的小部件库或特定的CSS样式主题。这些扩展点是为未来规划的。在当前版本中,要包含不同于默认发布的库或部件,您需要下载源代码并对源代码进行各种修改。添加对其他小部件库的内置支持是未来潜在增强的重中之重。 谁拥有Maqetta,它是如何获得许可的? Maqetta的原始技术由IBM捐赠给Dojo基金会,作为一个开源项目,符合Dojo自由和商业友好的开源许可条款。 为什么叫“Maqetta”?怎么发音? “Maqetta”是西班牙语单词mockup(“maqueta”)的拼写变体。队员们把这个名字念成“q”就是“k”。 使用了哪些技术来创建Maqetta设计器应用程序? Maqetta Designer应用程序是使用100%开放标准技术构建的。 绝大部分代码是在浏览器中运行的客户端HTML、JavaScript和CSS。该应用程序在不同方面使用了新的“HTML5”特性和CSS3特性。目前的计划是,该应用程序将越来越多地使用HTML5功能,其中web套接字、工作线程和本地存储等功能已经由项目团队进行了讨论。该项目使用了一些SVG(用于移动设备轮廓和绘图工具)。 Maqetta应用程序有一个相对简单的服务器,它是使用Java和OSGi实现的,使用了Eclipse Foundation的各种技术。有创建各种发行版的构建脚本,其中一个构建脚本创建一个简单的基于Jetty的服务器,另一个构建脚本创建一个WAR文件。因为服务器的主要操作是响应一组REST APIs,所以理论上,服务器可以用其他服务器编程语言重写。 用哪些JavaScript库来构建Maqetta? Maqetta应用程序广泛使用Dojo工具包。Maqetta应用程序的大部分用户界面都使用Dijit库,其样式使用克拉罗CSS主题。 使用了哪些widget技术? Maqetta应用程序使用OpenAjax小部件标准作为“小部件元数据”,它为出现在Maqetta小部件面板中的任何小部件提供了一个瘦包装器定义。Maqetta使用OpenAjax小部件的JSON版本,其中JSON是OpenAjax小部件XML格式的转换字符串的结果。 与猎户座日食的关系 的当前版本使用Eclipse Orion 2.0 Orion开源项目来实现Maqetta服务器中的核心功能,尤其是用户管理和工作区管理功能。在客户端,Maqetta使用Orion的源代码编辑器来编辑Maqetta的所有源代码。您可以通过从Maqetta可视页面编辑器发出Open->Orion Navigator命令来公开Orion用户界面。 主题编辑器可以支持其他CSS主题吗? Maqetta主题编辑器旨在支持任意的CSS主题,而不仅仅是Dojo/Dijit主题,比如克拉罗。该项目的目标是提供一个通用的CSS主题编辑器组件,它可以处理来自各种JavaScript工具包(Dojo、jQuery、YUI等)的主题和独立于JavaScript工具包的CSS主题。 也就是说,主题编辑器的所有扩展点还没有被编程。在当前版本中,Maqetta被硬编码为只知道克拉罗和草图主题。此时,在Maqetta主题编辑器中添加对新CSS主题的支持需要下载开放源代码并手动定制逻辑。在未来,项目组计划让定制和扩展主题编辑器变得更加容易。 主题编辑器的主要扩展机制是主题元数据格式,它在主题编辑器技术文档中有一些初始文档。目标是开发人员只需要创建位于现有主题旁边的主题元数据(由一个或多个CSS文件组成)。
阅读量: 34 2019-03-27
免费的HTML5和CSS3网站模板。我们美丽的网站模板完全响应,可用于商业目的。立即下载! 什么是模板化? TEMPLATED是一个免费的、Creative Commons许可的CSS、HTML5和响应式站点模板的集合。 什么是网站模板? 一个网站的起点。通常由至少一个或多个HTML文件、一个样式表和可选的一些支持图像和脚本组成。HTML是你的内容所在(例如文本和照片),而其余的东西处理内容的表示。请参阅这篇文章,了解关于如何工作的详细解释。 什么是响应式HTML5模板? 一种特殊的网站模板。构建在HTML5(最新的HTML标准)之上,以及2。旨在根据您的屏幕尺寸提供最佳体验(无论是30英寸的超大桌面显示器还是4英寸的移动电话)。它通过在CSS规则块之间自动切换来实现这一点,每个CSS规则块针对特定范围的屏幕大小(通常称为媒体查询)。 我如何被允许使用它们? 我们所有的免费软件都是在知识共享署名许可下许可的,所以基本上任何东西(甚至是商业的东西)。有什么问题吗?只需在网站的某个地方给我们一个可见的学分(如学分页面或其他)。 有什么好的app可以配合这些? 几乎任何文本编辑器(例如记事本)都可以完成这项工作,但是像Atom或Sublime Text这样的专用代码编辑器将提供更丰富的体验和大量有用的编码功能(例如语法高亮)。 我的HTML/CSS技能(有点生疏|实际上不存在)。有什么建议吗? Sitepoint的HTML和CSS参考是很好的起点。还有W3自己的HTML培训资源。 什么框架支持你的响应式HTML5模板? 我们的响应材料主要依赖于普通的CSS,但是为了方便起见,我们也使用了Skel的一些特性(比如重置和断点管理)。如果您以前从未使用过它,请务必查看它的文档。 你为什么要这么做? 练习!免费软件是试验随机新想法的好方法,由于其中一些可能最终对某些人有用,我们认为发布免费软件(在像CCA这样的许可下)是一件好事。
HTML Arrows是一个在线工具网站,主要用于生成HTML箭头的代码。 这个网站提供了多种箭头样式供用户选择,用户可以根据自己的需求选择合适的箭头样式,并生成相应的HTML代码。这些代码可以直接复制粘贴到网页中,方便快捷。 此外,该网站还提供了多种箭头的尺寸和颜色供用户调整,以满足不同用户的需求。 总的来说, HTML Arrows是一个简单易用的在线工具,可以帮助用户快速生成a的代码,提高网页设计的效率。
阅读量: 30 2019-03-27
TinyMCE是最先进的所见即所得HTML编辑器,旨在简化网站内容创建。丰富的文本编辑平台,帮助推出了Atlassian,Medium,Evernote等。 如果你曾经在网上写过内容,你很可能使用过一个小产品。我们是TinyMCE和其他优秀开发工具的开发者。我们的团队致力于通过开源项目将内容创作工具推向全球。 我们地处偏远——首先,这意味着我们总是在寻找最优秀的人才,不管你住在哪里。我们的文化是所见即所得,就像我们的编辑一样;当涉及到我们的团队时,你看到的就是你得到的。
阅读量: 25 2019-03-27