cune1359的博客

当您开始设计一个新的移动应用程序时，总是明智的做法是从原型或线框开始，这样您以及您的客户都可以知道最终产品的外观。 但是当手头有太多免费的移动原型模板可用时，谁愿意从头开始研究原型。 同样，这是移动原型模板的集合。 这些模板包括UI，UX工具包，矢量元素和屏幕等，您可以轻松下载和自定义使用这些模板。 让我们来看看。 这是用于移动原型的高质量Android UI套件。 它带有整齐有序的...

Web优化是Web开发和维护的重要组成部分，但也是网站管理员经常忽略的内容。 只要考虑一下您可以节省的钱，以及在完成正确的选择后，它可能如何帮助增加读者人数和访问量。 如果您到目前为止尚未对网站（或博客）进行任何优化，或者只是好奇它如何帮助您加快网站访问速度，请查看我们汇总的优化提示列表。 为了更好的可读性，我们将内容分为3个部分–分别是服务器端优化 ， 资产优化 （包括CSS，Jav...

但是，尽管其UI并不复杂，但我们仍然会错过一些有用的甚至是古怪的设置 -至少如果我们不在正确的地方查看。 Slack的简单性和多功能性很快使其成为当今最强大的生产力工具之一，许多团队在日常工作中都依赖Slack 。 因此，在本文中，我们涵盖了15条有用的技巧来跟踪这些设置并帮助您在使用Slack时提高生产率 。 1.按日期浏览消息 单击“跳转到日期”，如下所示。 为此，请在“更多”图...

另外，就像中国历年一样，今年的十二生肖也是一只老鼠。 全世界20％以上的人庆祝农历新年，是一年中最美好的时光，它带来了各种庆祝活动，传统，美食，神话，问候和祝福。 让我们来看看。 这里有免费赠品，包括带有中国主题的剪贴画，图标，字体和画笔。 因此，今天的帖子适用于希望制作农历新年艺术品的设计师。 海报和剪贴画图示字型Phot...

如今，我们仅使用CSS3就可以做到这一点。 过去，我们需要图像或一堆JavaScript代码行才能产生简单的过渡效果。 CSS3 真的很强大 。 在本教程中，我们将向您展示如何使用CSS3简单地创建具有各种过渡效果的图像标题。 演示版 下载源 浏览器支持 该字幕将在很大程度上取决于转换和过渡属性，而变换和过渡属性是相对较新的功能，因此，明智地注意顺利运行该字幕所需的浏览器...

启动Adobe Bridge和Photoshop，跳后查看完整教程。 借助Adobe Bridge和Photoshop，可以在几秒钟内完成照片全景图的创建，您要做的就是选择要缝合的照片，让Photoshop进行其余工作。 我们不是在谈论手动方式，而是自动。 您知道可以使用Adobe Photoshop创建全景照片吗？ 步骤1 按住Control键（Windows）或Command键（Ma...

这是我们可以快速想到的几个： 我们知道我们总是可以依靠Internet获得免费质量的图标，但是，免费图标有时也会受到限制。 版权 。 大多数免费图标仅限制在非商业产品/网站上的使用。 大小 。 当您找到自己喜欢的图标时，您是否不讨厌它，但它只是32×32，并且希望它们有更大的版本？ 颜色 。 您找到了想要的确切图标，但是颜色不正确。 透明度 。 一些作者没有以.jpg或原始来...

在网站设计上，有时会忽略图标设计。 吸引访问者兴趣的最简单方法是通过吸引人的图标创建良好的用户体验 。 图标是一个很小但至关重要的细节，它定义了整个网站设计的美学外观。 例如，要与访问者建立联系，您可以使用社交图标来帮助您完成此任务。 在今天的文章中，您将找到76个用于各种目的的图标集，所有这些都是免费提供的。 在设计一个新网站时，要找到灵感和新颖的想法是一项艰巨的任务，但是也许这些图标集...

名片是给新客户或雇主留下印象的最好方法之一。 但是在数字世界中，实物名片不是您只能移交的东西。 这是如本文中所示的名片模板进入的地方。 这些模板和模型可免费使用，并具有易于编辑的元素（例如纹理和颜色）。 单击链接以获取源代码并下载资料。 名片设计：80个创意实例和免费模板 .no-js #ref-block-post-4713 .ref-block__thumbnail { backg...

OCR转换仍然不是完美的，但是在过去几年中有了很大的改进。 领先的是目前以C ++开源的Tesseract 翻译引擎 。 尽管这是一个令人难以置信的库，但是它仅限于软件。 值得庆幸的是，有人将Tesseract移植到JavaScript中，称为Tesseract.js 。 它支持多达60种语言 ，虽然它虽然不完美，但是却做得很好。 安装和设置很容易，您可以在页面上定位任何图像元素并运行...

是否曾经想使用时髦，时尚和有趣的字体？ 您是否曾经觉得传统字体对于您的设计和艺术品而言过于枯燥和朴素？ 以下是一些预览功能，完整列表在跳转之后。 现在，我们发现了40种独特且令人耳目一新的卡通和漫画字体 ，可为您的艺术品和设计增添更多美感 。 卡通和漫画字体非常流行，大多数人只对Comic Sans MS熟悉，仅此而已。 ...

PHP7.4已经发布了一些新功能 ，例如箭头函数array_map(fn (Foo $foo) => $foo->id, $foo) ，类型属性和数组扩展运算符['foo', ...$foo, ...$bar]; —并且与PHP7.3相比，它也更快。 因此，如果您想在计算机上更新PHP，请阅读以下文章，其中将以几种方式向您展示如何进行更新。 适用于开发人员的10个PHP框架...

CSS是一种简单的语言，不需要特殊的编辑器即可编写。 但是拥有合适的代码编辑器将帮助您在编写CSS代码时减少错误，并总体上提高您的生产率。 我知道，对于某些开发人员而言，代码编辑器是个人喜好。 根据您的需求和项目要求，有些人可能已经拥有一个。 但是，如果您只是入门而又不确定要使用哪个代码编辑器，则在这里我们将重点介绍几种具有出色功能的最佳选择-免费和付费。 事不宜迟，让我们跳过去查看完整列...

正则表达式（通常称为regex）是一种模式，其中包含用于匹配特定字符串集的规则。 它们功能非常强大，并且您遇到的大多数编程语言都需要它们，尤其是在需要扫描和匹配上下文以采取进一步措施时。 这是一个简单的正则表达式示例–匹配内容中包含“ 正则表达式 ”，“ 正则表达式 ”，“ regex ”和“ regexp ”的所有字符串，这就是您的正则表达式模式– reg(ular expression...

空状态页是鲜为人知的设计元素，在用户体验中起着重要作用。 最简单的形式是，空状态是用户首次访问没有可用内容的页面时看到的页面布局 。 这可能包括移动应用程序 ，社交网络，甚至是空白的博客类别。 目的是交付一个看起来像非空页面的空页面。 访客应该认识到缺乏内容是即将到来的一种手段 。 我想介绍空白状态页的工作方式以及为什么它们如此重要。 接口设计人员应考虑这些要点，并在适当时尝试将它们应...

常规的Chrome DevTools面板功能强大。 它使任何人都可以深入任何页面来研究站点的布局，CSS甚至是HTTP标头（如果需要）。 您可以使用DevTools CSS检查器执行很多操作。 但是它没有清晰的GUI面板，这是每个开发人员都会喜欢的一件事。 查看CSSPeeper ，这是一个免费的Chrome扩展程序，可将此GUI检查器添加到您的浏览器中。 尽管它目前仅针对Chrome...

网页设计中有许多元素需要您的关注。 排版是主要要素之一，尽管我们通常不会将其重要性放在优先列表的首位。 但是，使用错误的字样或太小的字体会给读者留下不好的印象。 考虑到这一点，我整理了五个WordPress插件，可以帮助您使用字体做更多的事情 ，例如更改其颜色，大小，外观。 最重要的是，这些插件还可以帮助您更好地管理，突出显示站点上的字体，显示即时字体引号和推文，在后端禁用自动格式化等等。...

付钱给设计师制作您的徽标并不便宜。 购买诸如Photoshop或Sketch之类的设计软件也很昂贵，更不用说学习使用方法了。 如果您更多是UI设计师，他们在徽标方面苦苦挣扎，这可能是一个挑战 。 但是，如果您坚持要创建自己的徽标，那么DesignEvo是您应该添加书签的工具。 这个免费的网络应用程序使任何人都可以从其网络浏览器中创建自己的徽标 。 它带有您需要的所有工具，包括自定义形状...

简单性可能是确定Web 2.0徽标是否美观的主要因素。 为了简化字体，字体颜色和样式的组合起了主要作用。 字体必须大而有平滑的渐变，并且字体对于获得正确的字体样式至关重要，否则看起来就不会正确。 简而言之，良好的字体风格与正确的颜色组合构成了良好的Web 2.0徽标。 希望到目前为止，大多数人都同意我的观点。 很少有读者问我，在输入此词后，其他Web 2.0徽标（包括我的徽标）中使用了哪些...

如今，团购是在线购物领域最热门的趋势之一。 而为什么不呢！ 如此众多的网站以令人难以置信的低价提供大量交易 ，因此每个人都想成为获得更好交易的聪明人-这就是为这些网站带来如此丰厚利润的原因。 因此，如果您想通过启动自己的团购网站来成为这个潮流的一部分，那么阻止您的是什么？ 好吧，您和成功的团购网站之间缺少的链接是理想的WordPress主题和有用的插件 。 因此，在这篇文章中，我将介绍...

当照片像拍立得照片一样显示时，通常会更加有趣。 了解如何通过向其添加逼真的宝丽来效果将普通照片变成更生动的东西。 建立基地 1.创建一个新的空白画布，分辨率约为800×600，并用白色[#ffffff]背景填充。 2使用半径为2px的圆形矩形工具在中间绘制一个矩形。 这将是您拍立得照片的基础。 3.双击图层名称以启动“混合选项”，然后插入以下效果： 落影 不透明度：...

如果图像超出屏幕大小，Firefox默认会自动调整图像大小。 如果您想查看100％的视图并且不介意滚动，则可以进行一些调整以禁用自动调整大小。 在Firefox地址栏中输入about：config 搜索browser.enable_automatic_image_resizing 将其更改为false 翻译自: https://www.hongkiat.com/bl...

有没有想过这些家伙如何绘制他们的Web 2.0徽标？ 有时候，向他人学习，建立基本技能并从那里开始自己的创造力是一件很不错的事情。 在本Photoshop教程中，我将向您介绍一些不错的Web 2.0徽标，以及如何使用Photoshop完全相同地绘制其徽标（虽然不是100％）。 1.下载并安装样式文件 首先，您需要下载我创建的样式并将其加载到Photoshop中。 在此处下载Ph...

除非同时使用键盘和鼠标，否则无法实现在任何应用程序/游戏中移动的最快方法。 在Photoshop中，要比其他同事或朋友更快地走动，如何开始精通工具？ 我认为，Photoshop中最重要的元素。 将鼠标指向图像上可以查看更改。 字母表示每种工具的快捷方式。 有关工具快捷方式的更完整说明，请参阅下面的Photoshop CS 2工具快捷方式表。 乍看上去 Photoshop工具箱快捷...

在本教程中，我们将研究如何为本季上映的最受期待的电影之一“ 蜘蛛侠3”创建徽标。 首先，请下载1979字体并将其安装在您的字体文件夹中。 用白色背景创建一个新的画布，例如约400×300像素。 选择1979年字体类型，输入“ 3 ”，将字体大小设置为250pt ，水平缩放比例设置为130％并启用Faux Italic 。 将“ 3”调整到屏幕中间，调用“ 混合选项”，然后制作逼...

毫无疑问，Adobe Photoshop是创建用于打印或Web的图形（光栅或矢量）的强大工具，但它们是更强大的图像编辑工具。 您可能已经看到以下一些图像，但不是全部。 以下是一些最佳Photoshop用户制作的，经过专业裁剪，精确变形的照片。 跳转后的完整内容。 22张Photoshop操纵的照片 5更多：隐藏大象 视频：惊人的模型...

Adobe设计师Wenting Zhang创建了一个有趣的Web应用程序，用于生成纯CSS图标 。 它简称为“ CSS图标” ，它可能是前端开发人员最酷的图标生成器之一。 该项目是完全免费的，并且在GitHub上开源，因此您可以自由下载和使用任何代码。 40个出色的迷你图标集 .no-js #ref-block-post-7218 .ref-block__thumbnail { bac...

美国充满了USPS规定的邮政编码 。 这些可能会造成混乱，难以手动组织。 免费的Zip Code API更简单，并且使拉动邮政编码变得轻而易举。 目前，它仅适用于美国，但如果有足够的吸引力，它可以轻松地向全球扩展。 使用此API的原因之一是从周围区域提取相关的邮政编码 。 这可以用于求职网站或房屋/房地产网络应用程序。 考虑到该API 的功能远不止个位数，因此机会几乎是无限的。 ...

界面设计师很快就爱上了Sketch作为UI / UX设计工具。 开箱即用，它可以比Photoshop或Illustrator更快地启动简单的界面 。 Sketch缺少的一个不错的功能是能够将画板与流程图链接起来 。 但是使用User Flows插件，您可以做到这一点！ 适用于Web和移动设计的免费Sketch GUI套件-最佳 .no-js #ref-block-post-27396 ...

Digg.com的模型–用户提交内容，其他用户则投票，如果该内容受欢迎，则转到首页，该页面将获得大部分关注。 尽管我们大多数人都喜欢投票投稿，但有些人喜欢创建这类利基不同的网站。 如果要创建类似于Digg的站点，可以使用以下六个脚本/程序来创建。 lig Pligg是最著名的digg克隆之一。 它在PHP / MySQL上免费运行，当前在Beta 9.8上运行。 了解有关Plig...

自动隐藏标题在网页设计中稳定流行了一段时间。 许多博客和在线杂志都使用粘性标头来保持用户的参与度，并让他们直接访问导航 。 Medium用基本概念重新定义了此功能 ，该概念在向下滚动时 隐藏导航，而在向上 滚动时 显示 导航 。 这个概念已经成为一种流行的趋势 ，现在您可以使用Headroom.js轻松复制它 。 15个jQuery插件来制作智能粘性元素 .no-js #ref-blo...

HTML5附带了许多新元素 ，将来还会推荐更多。 但是，有些元素的实现可能会有些混乱，包括以下两个新元素： <article>和<section> 。 我在论坛上发现的一些最常见的问题是： 在什么情况下应使用这些元素？ 同样，我们如何正确使用这些元素？ 正确HTML5语义调查 .no-js #ref-block-post-24930 .ref-block__th...

Sublime Text是功能最强大的代码编辑器之一，具有一些令人赞叹的功能，通过安装Plugins或Packages甚至可以更强大。 这些插件为Sublime Text添加了额外的功能。 如今，有许多插件可以满足您几乎所有的编码需求。 寻找好的扩展可能是真正的挑战 ; 一些扩展已被其开发人员完全放弃，而其他扩展可能不再与最新版本的Sublime Text 3兼容（在撰写本文时）。 如...

每个出色的首页都需要一个强大的号召性用语（CTA）按钮 。 无论是注册新帐户还是从您的电子商务商店购买商品，这都会引导访问者采取您希望他们采取的任何措施。 但是您不必从头开始创建CTA 。 您可以在网络上使用数十个自定义CSS3按钮 ，也可以使用类似的工具来简化您的工作。 开放色彩–针对设计师的UI优化配色方案 .no-js #ref-block-post-28853 .ref-blo...

网站建立有一系列链接，指向页面和图像和样式表之类的资源。 有两种方法可以指定链接到这些源的URL ：使用绝对路径或相对路径。 绝对路径指的是特定的目的地，通常以域名（以及HTTP）开头，例如www.domain.com/destination/source.jpg 。 相对路径相反：链接目标取决于根位置，或者在大多数情况下取决于您网站的域名。 典型的相对路径如下所示： <im...

对于某些用户来说， 进度条可能是非常有用的。 它告知他们离完成任务有多近。 通常，这用于提供更加用户友好的体验。 在您喜欢的浏览器上打开网页时，浏览器选项卡中已经存在一个默认进度栏，以查看该页面是否已完全加载。 使用Pace.js，您现在可以将页面加载进度栏合并到自己的页面中。 Pace.js是一个JavaScript库， 用于在网站中创建漂亮的页面加载进度栏 。 通过检查ajax请求...

现代趋势和Web应用已极大地改变了Web开发人员的构建方式。 显然，您需要某种类型的IDE来编码新文件并将其保存以进行部署。 但是，仅测试您的代码段呢？ 现在有比以往更多的工具了！ 在本文中，我想概述10个有趣的Web应用程序，以在线测试您的代码 。 所有这些应用程序都需要Internet连接，一些更高级的编辑器提供了升级帐户功能的专业计划。 但是，当您忙于调试JavaScript或PHP...

用户参与度是网站所有者的主要目标之一。 您希望访问者投票，问卷调查，填写表格或在社交媒体上分享您的网站等。但是，与此同时， 您不想让“面对面”的弹出窗口或号召性行为使访问者烦恼通知。 有什么可以帮助您的，有用却又微妙的网站工具栏。 因此，在这篇文章中，我收集了一系列脚本和服务，使您可以在读者访问您的网站时向他们发送不干扰的通知或消息 。 参与度设计：如何提高用户参与度指标 .no-js...

看一下您的wordpress博客的底部，您应该看到2个超链接，分别是“ previous ”和“ next ”。 这2个超链接使您附近的内容保持连接，从而使读者更容易浏览旧的条目。 它还可以帮助漫游器更好地抓取您的内容，因此这些链接越全面，它们就越好。 默认WordPress分页 许多人对仅使用默认的“上一个”和“下一个”不满意，我们希望为博客提供更好的分页 （页面导航）。 这...

许多Web 2.0网站喜欢使用这样的标签（或徽章）来传递当前网站/服务的状态，无论是版本还是它们仍处于beta版。 创建这些标签非常容易，尤其是使用Photoshop时。 跳后教程。 创建一个新的画布，宽度为400，高度为200。 选择“ 自定义形状工具” ，在“ 形状 ”下拉菜单下，选择“ 密封”并在页面中间绘制形状。 将图层命名为Star Label，启动Blending Op...

自从Facebook在2013年首次发布该库以来， React.js的知名度一直在Swift增长 。它是Github上第五个最经常出演的开源项目 ，面向React开发人员的招聘广告也在大量增加。 React是用于构建用户界面的轻量级JavaScript框架 -最突出的示例是Facebook和Instagram。 React 为MVC框架 （例如Angular或Backbone）提供了一种替...

如果您希望在博客或网站上增加销售和转换 ，则登陆页面是最佳的工具之一。 他们与客户互动 ，引入潜在客户并推销您的产品，而无需您到处走动。 但是，并非所有人都具备设计技能，预算和/或设计师来建造一个 。 但是，如果您知道如何使用插件，仍然可以获取自己的登录页面或即将推出的页面。 这里有10个WordPress插件，可让您创建和管理登录页面，跟踪和响应潜在客户，构建表单，创建自动回复器并生...

每个现代网站都必须快速。 尽管有许多提高页面速度的技术和插件 ，但是，您可能不知道从哪里开始。 渐进脚本是提高页面速度的重要资源 。 它用作惰性加载图像脚本，该脚本在用户向下滚动页面时逐渐加载图像。 这是一个免费的开源项目，因此您可以下载它并在任何网站上运行。 另外，它还可以在100％Vanilla JS上运行，因此零依赖关系可能使您不堪重负 。 使用此工具比较网站的加载速度（逐项...

我们经常在博客，网站上发布照片，以至于有时它们看起来不再特别。 这是有关如何在照片上添加曲线，使它们在视图上更有趣的简单Photoshop教程。 计划图像最初的大小，然后创建一个白色背景的新画布。 创建一个新层 ，以任何颜色绘制一个矩形 。 此矩形代表您照片的大小。 在顶部创建一个新层，使用钢笔工具并绘制类似的内容。 我现在将使用红色区分这两个元素。 向上移动矩形层，右键单击“ ...

Thumbalizr允许您创建所需网站的缩略图 。 您需要做的就是输入网站的URL，然后点击“ 拇指”按钮。 Thumbalizr将然后用150，320，640，800和1024尺寸选项（宽度）瞬间产生的缩略图。 您甚至可以通过在提供的文本字段中键入内容来自定义宽度。 此缩略图生成器是非常方便的工具，特别是对于那些想即时创建缩略图以进行博客或演示的用户而言。 将Thumbalizr添...

我很确定您知道碳纤维是什么。 这是创建碳纤维图案并将其用于任何设计的方法，所有这些都可以通过Photoshop进行。 1.创建碳纤维 创建一个尺寸为4×4像素的新画布，将其放大到最大，以便您可以轻松填充颜色并完全按照下面的颜色表插入颜色。 ＃242424 ＃1C1C1C ＃1D1D1D ＃151515 ＃1A1A1A ＃222222 ＃1...

作为集体数字艺术家，了解色彩理论背后的基础科学很重要。 这是一个受欢迎的话题，需要保留和消化大量信息。 这个话题不仅集中在艺术和设计上，而且还涉及光学科学的要旨。 这个主题有很多要讨论的内容，因此我们将重点介绍一些关键点，以提取应该强调的内容。 每个主题均包含与配色方案和组合有关的示例。 在如此丰富的主题上扩展更多的知识，将会为未来的项目增加您的创造力。 网页设计师的20多种色彩工具 ...

每天在此免费网络上至少引入五个新的WordPress主题 ，这使我们在互联网上漂浮了数千个免费的Wordpres主题。 您是否想知道下载次数最多的主题是哪个？ 您会惊奇地发现它们不如您预期的那样好，但是请检查一下这个事实–我在这里编制的下载次数最多的主题中，下载量排名第1的是47,000+ （并且还在增加 ），而排名第49的主题仍然保持6500+ （并计数）下载。 它们并没有被高估，我相信它们...

WordPress粉丝，这是您可能不想错过的事情。 Snap2object为您带来30个免费的WordPress图标。 它们为矢量格式，因此可缩放而不影响其质量。 但是下载文件为PDF格式，我个人更喜欢.AI或.PSD之类的开源格式。 下载矢量WordPress图标 翻译自: https://www.hongkiat.com/blog/wordpress-icons-in-3...

并非Flickr中的所有照片都带有“所有尺寸”选项，如果不这样做，您仍然可以查看最大尺寸的照片，这意味着上传的照片的实际尺寸。 如果您具有Firefox浏览器，请按照以下步骤进行操作。 步骤1 复制以下代码： javascript:for(m in M=document.getElementsByTagName('img')){s=M[m].src; if(s &&...

每个设计师都依赖其他网站来获得灵感。 它是网页设计的基石，对于初学者进入设计领域特别有用。 但是，许多灵感画廊集中在首页或怪异/独特的布局上 。 很难在同一网站上找到404页，结帐页和博客版式的灵感。 Interfaces.pro是不同的。 这是一个免费的网页设计库，其类别按页面而不是样式进行排列 。 该网站侧重于大品牌和高质量设计，因此您可以从网上最好的地方收集想法。 在首页上...

Photoshop action是一个非常有用的内置函数，可用于创建自定义程序来重复乏味且耗时的Photoshop任务。 在本文中，我们将研究如何使用场景创建简单的Photoshop动作。 这是一个场景：您需要调整（缩小）图像的大小，在Photoshop中，这是我们的操作方法： 文件 -> 图像 输入新的宽度 / 高度尺寸 点击Øķ 想象一下，如果您还有更多图片…...

我们经常忘记网络曾经是多么原始 。 可以追溯到90年代末和2000年代初，人们只是上网，而即使那时，许多人也不常使用网络。 如今，大多数人无法想象没有互联网的生活。 并且由于受众的增长，网页设计取得了许多进步。 Web设计博物馆是一个在线快照的在线存档，其历史可追溯到1995年 。 这是消费者网络的第一个主要十年，很有趣的是，有多少网站遵循了这些过时的趋势。 记忆之旅：流行网站的早...

电影《变形金刚》是迄今为止有史以来最好的电影。 这是供变形金刚迷们使用的东西–在Photoshop中创建变形金刚，自动机器人和欺骗图标。 下载变形金刚字体 在开始设计之前，我在Internet上冲浪以寻找类似的Transformers字体。 这是我能得到的最近的东西。 下载此字体并先安装它们。 下载Windows版 下载Mac版 1.编写变形金刚书 以您喜欢的尺...

这些结果可能会降低我们的信心，但实际上，可以通过适当的开发实践来解决。 这里有10个值得养成的习惯，可以投入较少的精力来编写更干净，更智能的代码 。 现在就开始养成这些习惯吧！ 学习编程：10个不正确的误解 .no-js #ref-block-post-18138 .ref-block__thumbnail { background-image: url("https://assets.h...

昨天我正在帮助读者解决他的WordPress错误，所以我想我也应该写一篇条目，以防万一将来我们都遇到这种情况。 如果您曾经在WordPress中遇到此错误（或警告），并显示以下消息： Warning: Cannot modify header information - headers already sent by (output started at //home/htdocs/wor...

Animated GIF是一种流行的方式，可以可视化设计概念（这是我们如何使用CSS创建的后期文字效果的示例）或展示简短的视频剪辑。 但是，如果您在同一页面中有太多这样的对象，则会偏离用户的焦点。 对于展示大量GIF的页面，这是个坏消息。 解决方案： 为用户提供静态图片，仅在用户点击时允许动画GIF运行 。 在这个简短的教程中，我们将向您展示如何做到这一点。 观看演示 下载源 ...

第1页，共5页：主页 主页 高级主题–第二部分 高级主题–第三部分 免费主题–第一部分 免费主题–第二部分 易读性，简约性和良好的用户体验是高级WordPress主题应具备的常见条件。 通常，在教堂网站的情况下，对设计方面的关注不多。 但是，现代教堂WordPress主题可以适应最新的设计趋势并为其用户提供有用的信息 。 教堂网站可能还需要其他许多有用的元素，...

随着越来越多的设备采用高清屏幕，字体图标正成为流行的选择。 它可以调整大小而不会影响质量，并且可以通过CSS进行自定义 。 我们可以轻松地使用CSS3更改颜色，大小甚至动画字体图标 。 另外，它与分辨率无关 ，因此在任何屏幕密度下都显得清晰。 FontAwesome是迄今为止最受欢迎的字体来源之一，其中包含大量图标。 但是，当您只需要使用少数几个集时，就不必下载整个集合。 以下是一些精...

BuddyPress-WordPress的“ 盒子中的社交网络 ”-是使用WordPress创建社区或社交网络的最强大工具。 该插件可为用户解锁各种社交网络功能 ，例如创建配置文件，发送消息，建立连接和群组等等。 BuddyPress具有大量功能，可用于创建由WordPress驱动的丰富社区或社交网络网站。 但是，您需要杀手级主题和 BuddyPress的一些附加组件来构建一个社交网络，以...

Gulp是一种工具，可让您自动化工作流程的各个部分，从字面上节省您一天的时间。 无论您是不时创建HTML线框的开发人员还是设计师，我都鼓励您深入研究。 在本文中，我们将介绍使用Gulp的基础知识-从安装到基本语法，以及几个示例。 到本文结尾，您应该能够找到，安装和使用其他人为Gulp创建的软件包，以编译CSS预处理器，优化图像，创建精灵，连接文件等等！ 如何使用Grunt自动执行工作流...

按钮Photoshop教程可能是任何Photoshop教程网站中最热门的类别之一，并且由于Web 2.0现在是热门话题，因此让我们做一个适合于任何Web 2.0应用程序网站的简单按钮。 跳后教程。 创建一个大约500像素（宽）x 400像素（高）的空白画布，以开始按钮设计。 创建一个新的层调用“ bg01 ”。 选择圆角矩形工具 ，按住SHIFT键，然后在中心绘制一个圆形的正方形。 在...

对于那些在升级wordpress时遇到此错误的人（特别是那些升级到WordPress 2.3.1的人 ），这里有个快速提示。 如果将旧的wordpress文件替换为新的wordpress文件后看到此错误： Call to undefined function: _make_cat_compat() in /home/hongkiat/public/blog/wp-includes/cate...

大多数网页设计师都使用软件和数字资源（例如线框，模型和原型等）来处理他们的项目。但是，如果您想沿用旧的学校论文和铅笔路径，则会发现许多可以加速开发和开发的工具包。设计过程。 因此，这里有一些有趣且有用的纸质器皿，工具包和预制指南，供设计人员和开发人员规划项目。 您会找到免费的，可下载的工具包和模板的列表，以及可购买的用于离线规划和设计的记事本和其他产品的集合。 让我们来看看。 纸张浏览...

假设您正在使用HTML文件构建网站的原型。 您大约有10个HTML页面，这些页面共享一些通用组件，例如Header，Sidebar和Footer。 现在出现了问题： 如果您在这些共享组件中进行了更改，则最终可能还要在其他文件中进行更改 。 这适得其反，浪费大量时间。 为避免这种情况，您可以尝试使用模板引擎 。 那里有许多模板引擎，每个引擎都有其独特的功能。 在这篇文章中，我们将带您了解...

我决定为创建自定义模式写一个更深入的说明，希望这将为那些想要创建自己的自定义模式的人清除一些乌云。 定制模式都与创造力有关。 一旦掌握了逻辑，就可以尝试并创建自己的自定义模式，并在适用时使用它。 剖析样本按钮 这是带有“自定义图案”背景的简单按钮。 它由文字 ， 自定义图案和纯色背景组成 。 [ 附件 ]。 我们这里的重点是自定义模式。 这个最终的自定义模式（下图）来自。 ...

您可以在网上找到数十个滚动库 。 大多数代码都是用JavaScript编写的，它们具有自己的效果，您可以为单个页面布局，滚动动画等重新设置样式。 但是如何编写自己的滚动效果呢？ 或者，如果您只是想要一种简单的方法来跟踪用户滚动到页面的下层怎么办？ Roll.js是您要查找的库。 这个开源脚本太小了，超级好用 。 您可以使用几行JavaScript来完成此工作。 最重要的是，它不会强迫您...

任何网站设计的第一步都是挑选一个网格。 这通常定义页面的最大宽度以及将使用多少内部列和装订线来划分布局。 您可以尝试构建自己的工具，但是完成这项工作的最佳工具是GridGuide 。 这是一个完全免费的Web应用程序，可以完全自动化任何网站的网格生成，而无论其大小如何 。 另请阅读： 10个最迷人的jQuery网格 只需输入所需的最大宽度，然后输入所需的列数即可。 通常，这两个...

Oculus Rift，HTC Vive和其他VR产品改变了技术的未来。 我们可能会嘲笑VR头戴式耳机的想法，但就像1990年代的互联网一样，VR是未来的方式。 借助WebVR，我们已经有了使用功能强大JavaScript API将Internet与VR合并的方法。 该库是完全免费的，开源的，并受W3C支持，因此，如果您喜欢虚拟现实，它是一个完美的库。 WebVR仍处于试验阶段，您...

与流行的看法相反， CSS不仅用于提供网页的基本样式以使其看起来更具吸引力。 CSS还可以做很多其他事情。 CSS具有HTML和Javascript的能力，可以创建动画和进行交互，从而使Web开发人员可以尝试并尝试不同的方法。 就像网络浏览器就像一块空画布一样，他们可以在其中玩耍。 这里仅列举了18个使用CSS构建的新颖有趣的示例 。 从原始角色到有趣的动画，都有很多启发您自己使用CSS的...

不久前，我向您展示了如何使用CSS3创建RSS feed徽标 。 我认为创建一些复杂的东西会很有趣。 在今天的帖子中，我将向您展示如何仅使用CSS3创建Gmail徽标的一个，而是两个变体。 快捷方式： Gmail徽标CSS教程＃1 | 预习 Gmail徽标CSS教程＃2 | 预习 Gmail徽标＃1 这个第一个徽标很简单，而且很容易创建。 事不宜迟，这里是步骤。 让...

不同的图形和网页设计项目需要不同的设计元素和图案只是其中之一。 根据您的需要，它们可以在各种情况下用作背景或前景。 您甚至可以使用自己创建的模式为工作添加个人风格。 今天，我想分享20个有关Photoshop和Illustrator的图案教程，您可以在以后的设计中使用它们 。 这些教程的最好之处在于，您可以自由发挥想象力，并根据需要自定义每种模式。 从自然风格的图案到更抽象的主题 图案 ，...

在构建或制作响应式网站原型时，我们需要以多种视口大小对网站进行测试，以检查布局和页面是否显示良好 。 这样做的方法有多种：您可以使用Adobe Edge Inspect或浏览器扩展程序，例如Dimensions for Chrome 。 问题在于这些工具并非总是在每种情况下都能无缝运行。 Adobe Edge Inspect要求您的笔记本电脑和移动设备在同一无线连接下进行连接，XIP.io...

有流行CSS预处理器LESS和Sass 。 CSS预处理器的主要目的是通过引入一些编程功能（例如变量，混合和条件），使CSS的编写更加动态，更有条理和更具生产力。 现在的问题是，这两个中哪个做得更好？ 为了做出决定，我们将在多个因素中比较这两个因素：表现较好的一个获得1分； 如果出现平局，双方将获得1分。 让我们开始。 另请阅读： 语法很棒的样式表入门 安装 让我们从最基本...

在选择字体的阶段，设计师经常问自己：“是Serif还是Sans-Serif”？ 选择在设计中使用的字体种类至关重要，因为它会极大地影响设计的可读性，用户体验和整体美感。 40种免费的高质量手绘字体 .no-js #ref-block-post-4604 .ref-block__thumbnail { background-image: url("https://assets.hongkia...

想把脚趾伸入Angular吗？ 如果您已经阅读了10篇最佳教程来学习AngularJS，并且想自己玩弄Angular，那么您来对地方了。 我们这里有一些工具可以简化您的开发工作流程 。 我们正在寻找15种最好的IDE，文本编辑器，用于测试和调试的 工具 ，模块以及用于Angular构建的开发工具和应用程序 。 如果您有自己喜欢的工具或应用，请在下面的评论中与我们分享。 AngularJ...

是否在寻找免费的库来处理拖放功能 ？ 然后Dragula是您唯一需要的资源。 这个免费的脚本使您可以为页面上的任何元素添加拖放功能 。 这包括对React ＆ AngularJS框架的支持以及香草JavaScript。 Dragula的设置非常容易，并且附带了许多针对用户行为的自定义触发器 。 这意味着您可以在用户拖动项目，单击项目或重新排列页面的任何部分后触发自己的功能。 另 ...

在大多数情况下，这些说明是清晰明了且易于遵循的，但是很少有人会反对一种更有效的教程： 视频教程 。 我们在网上看到很多Photoshop教程，但我们遇到的大多数都是逐步编写的教程。 这些视频中有些来自狂热的Photoshop粉丝，他们分享了他们的技巧，而另一些视频则来自致力于Photoshop技术的网站，这些网站会定期分享其视频教程。 近年来，随着视频共享网站（如Youtube和Meta...

自由职业者，您已经学会了没有书面合同就永远不会开始工作 ，但是很难喜欢合同。 它们是不可能阅读的，冗长而乏味的，并且您迫不及待地要签上那张纸以完成工作并进行实际工作。 好吧，这篇文章对您有所帮助。 合同对于设计师的职业至关重要，尽管您担心使用法律文件，但还是值得深入研究一些可能在实践中产生巨大差异的细节。 从法律的角度来看，这些权利是每个自由设计者都不应试图通过放弃或转让而放弃的权利 ...

您网站的“即将推出”页面可以为您提供有关即将推出的产品或服务的很多信息。 吸引人的即将到来的页面有很多方法–您可以使用图形元素，显示倒计时来展示新网​​站的发布，甚至为您提供有关新产品的提示。 为了方便您使用，这里有一些有趣的即将推出的免费和高级页面模板。 您可以按原样使用这些模板，也可以根据您的品牌主题自定义它们。 让我们来看看。 自由 ＃1 来源 ：Uldeck – 许可证...

网站上使用的字体会影响用户的阅读体验，这就是网页设计师经常花大量时间寻找 适合其网站设计的 好的字体对 的原因 。 我们选择一种字体 ，然后将其转换为与Web兼容的格式，然后将其添加到样式规则中 。 这远非高效，尤其是当您必须使用多种字体多次重复该过程时。 这里是一种替代方法： Font Dragr 。 Font Dragr提供了一种快速简便的方法来在浏览器上测试Web字体。 只需将字...

CSS3通过引入新属性使设计Web更加令人兴奋。 尽管您可能知道一些流行的属性，例如box-shadow ， border-radius和transform ，但是还有许多您可能没有听说过或尝试过的属性，但是很高兴知道它的存在。 W3C一直在开发新CSS属性，以使设计人员，开发人员和用户的网络变得更好。 同时，让我们看一下您可能不知道但应该真正检出的这10个属性。 推荐读物： CSS3...

在设计模型时 ，您希望首先关注界面，而不是美学。 从头开始对网络布局进行线框图和编码也是如此。 许多不同的模型都需要个人资料照片 ，例如社交网络，博客评论和个人资料页面。 借助Diverse UI ，您只需单击几下即可轻松将这些照片嵌入到您的模型中 。 您可以免费下载十种线框套件 .no-js #ref-block-post-26488 .ref-block__thumbnail { ...

对于即将到来的页面，所有即将到来的网站都可以做的是在空白屏幕上端到端贴上“即将到来”字样。 还是？ 在几种方面，为网站，服务和产品设计“即将推出”着陆页是一种艺术形式。 在有限的空间内，设计师只能希望以与观众和谐的方式注入所有必要的元素，并使他们采取行动进行互动，回归，订阅。 在这篇文章中，我们收集了20个独特，优雅，高质量的“即将推出”页面，您可以从中获得启发。 即将发布的古...

两天前，在hongkiat.com的WordPress中，一个特定的表格被损坏了。 WordPress数据库的“ wp_comments ”表刚刚崩溃，没有迹象，警告或错误消息。 那我怎么知道的呢？ 以下是症状： 如果您尝试备份数据库，则会出现此错误消息-wp_comments标记为已崩溃，使用LOCK TABLES时应修复 最近评论小部件显示为空白。 顶部评论者窗口小部件显示为...

如果您以前在Firefox 2上使用自定义主题，并且刚刚升级到Firefox 3，则可能不希望使用同行在桌面上使用的默认Firefox主题。 Firefox 3可能是新的，但是主题设计师已经筋疲力尽了。 这里有30个兼容Firefox 3的主题 ，使您的浏览器与其他浏览器略有不同。 跳转后的完整列表。 NASA夜间发射 万圣节2.9 皮姆帕拉4.01 ...

在过去，即使只是很小的网站，我们仍然非常依赖开发人员和程序员来帮助更新网站。 由于CSS及其灵活性，样式可以独立于代码而提取。 现在，有了对CSS的一些基本了解，即使是新手也可以轻松地更改网站的样式。 无论您是想使用CSS来创建自己的网站，还是只是对博客的外观和外观进行一些调整，从基础知识入手以获得更坚实的基础总是一件好事。 让我们看一些我们认为可能对初学者有用的CSS技巧 。 使用r...

这是100种出色的Grunge和抽象字体的展示柜，可以让您先从肮脏却很酷的grunge设计入手。 Zombilaria 育空黄金 VTK祝你好运 Vtks无标题 Vtks摇滚乐队 Vtks Velhos Tempos 乙烯基乔治 城市素描 终极午夜 未封盖的乙烯基 涡轮撕裂 被破坏 特拉斯科 垃圾 玩具士...

网站图标是在线品牌建设的关键部分，它们为用户提供视觉提示 ，并帮助他们将您的网站与其他网站区分开 。 尽管大多数图标是静态的，但也可以创建动画图标 。 不断移动的网站图标无疑对大多数用户来说很烦人，并且还会损害可访问性 ，但是当它仅响应用户操作或背景事件 （例如页面加载）而在短时间内进行动画处理时，它可以提供额外的视觉信息，因此改善用户体验。 让我们谈谈Favicon的重要性 .no-...

第1页，共3页：主页 主页 广告素材错误404：＃11¢??????? ＃30 广告错误404：＃41¢??????? ＃60 拥有一个好的404错误页面可能与拥有丰富的内容同样重要。 有时可能不是您的错误访问者落在错误页面上，但是能够进行交流并将他们定向回首页是重新吸引访问者的第二次机会。 错误404页面可帮助您实现这一目标。 如果您的网站或博客上没有错误404页面...

CSS或级联样式表完善了我们网站设计规则的定义语言。 各地的艺术家每天都在使用CSS来创建，组织和编码基本网站布局的规则集。 这已成为前端设计中最受欢迎的语言，并且在CSS3的最新版本中提供了惊人的功能。 但是所有这些代码实际上是什么意思？ 语言本身已经完全发展了几年。 混淆可能主要是由于错误传达和误用类似术语引起的。 CSS为表带来了许多新概念。 我们将介绍一些最流行的术语，以帮助您成为...

您不会希望您的设计受到在线发现的低分辨率图像的限制/限制。 获得高分辨率（通常是矢量格式）通常会为您提供匹配设计的灵活性（颜色，尺寸）。 这里有一些徽标，包括WordPress ， Blogger ， Digg ， Del.icio.us等等，当我需要将它们与博客相关的设计工作的任何部分联系起来时， 便会使用这些徽标。 单击相应的图像进行下载。 博客 美味的 掘客 脸...

如果您有要销售或促销的产品，并且它们以CD或DVD的形式出现，则最好以光盘盒形式显示它们。 对于那些不太熟悉Photoshop的人，绘制塑料光盘盒不再是障碍。 这里有一些精美的免费CD / DVD模板 ，可简化您的生活。 它们包含在.PSD Photoshop文件中，每个组件都按层分解以进行完全自定义。 如果您打算将其用于商业目的，请与作者联系。 跳转后的完整列表。 ＃1 @夫人信仰 ...

面对现实吧， Flickr在图片浏览方面有点不方便。 您键入一个关键字并点击搜索，Flickr默认情况下返回24张图像的结果，一个接一个，自上而下的方法。 如果关键字返回的结果超过500，请想象一下您将要浏览多少页。 CompFight是Flickr图像搜索工具，它使搜索变得非常简单。 它以缩略图显示，而照片的细节留在后面。 我的1280×800分辨率一次至少显示50个缩略图。 滚动时会...

关于设计社区最有趣的事情之一是，我们的设计经常受到趋势的影响并谈论。 最好的例子也许是大约一年前风靡互联网的Web 2.0外观 。 在过去的几年中，对全球变暖和温室效应的认识逐渐提高。 这极大地启发了许多设计师，并通过混合一些自然元素（叶子，土壤，树木，天空等），基于绿色创建了一些最美丽的网页设计。 这是展示绿色的18种优秀Web设计的展示。 3000k 3000k是一家提供网站...

读者Douglas R。 写信问我们是否可以分享一些技巧和捷径来更有效地解决Photoshop。 我们认为这是一个有趣的想法，但是，根据您的工作性质，您会倾向于使用不同的常用快捷方式列表。 这里是我们经常使用的5个Photoshop快捷方式/技巧 。 如果您有什么好想分享的内容，请随时将其保留在评论框中。 1.智能对象和智能过滤器 简而言之，通过智能对象和智能过滤器，您可以还原对...

想象一下没有类型的艺术品 –您只能假设图形试图提供的内容。 键入“增强”并确保您收到广告系列传递的任何信息。 另一方面，版式设计是许多设计师努力改进和超越的内容。 在大多数情况下，要到达字体设计的新高度可能是棘手且充满挑战的。 字体，颜色，样式，关键字和位置都是形成出色的版式设计的关键因素。 但是，如何找到一个好的版式设计呢？ 我们认为，任何引起您注意并Swift传达信息的艺术品都是不错的...

如果您认为印章形状的Web 2.0徽章在整个Internet上太常用了，那么这里有一些需要更改的地方– 倒圆角徽章 。 它没有像海豹形状的徽章那样广泛使用，但是绝对酷。 查看本教程。 步骤1 转到Photoshop，创建尺寸为450 x 300像素的新文档。 从深色背景开始（＃393939）。 创建一个新层，在中间绘制一个圆圈（＃a1b86e）。 第2步 选择圆形图层， 右键...

诸如此类的情况使您别无选择，只能进行大规模查找和替换以解决问题。 升级后博客条目中的怪异字符 。 执行wordpress升级后，某些字符将显示为“â€â?????â?????”，“’”，“ ??” 将keyword1重命名为keyword2 。 您想将整个数据库中的keyword1重命名为keyword2 ，但是用文本编辑器打开100Mb数据库文件并不是最明智的选择。 毕竟，您需...

我们大多数人可能在10年前就已经建立了Internet连接。 也是在那个时候，由于Marc Andreessen和Netscape Communicator的帮助 ，我们看到了互联网的突然兴起。 现在我们快到了2008年底，我们认为回顾一下一些趋势引领者和访问量最大的网站是10年前是多么有趣。 以下是一些高科技行业的顶级品牌，其网站已经在互联网上停留了十多年。 让我们来看看这些网站在10年...