使用CSS和JavaScript创建一个响应式管理仪表板布局

在这个更新的教程中，我们将使用CSS和一些JavaScript创建一个响应式管理仪表板布局。为了构建它，我们将从WordPress仪表板中借鉴一些想法，例如其可折叠的侧边栏菜单。在整个教程中，我们将面临许多挑战，但这些挑战将为我们提供提高前端技能的良好实践。管理仪表板演示事不宜迟，让我们看看最终的管理仪表板演示。注意以下几点：点击侧边栏...

使用 Vanilla JavaScript 构建一个简单的天气应用程序

在今天的教程中，我们将学习如何使用VanillaJavaScript构建一个简单但功能齐全的天气应用程序。你将要创造什么我们有很多有趣的事情要讲，所以喝杯咖啡，让我们开始吧！这是为您准备的快速导航菜单。您将在此JavaScript天气API教程中学到什么：搭建天气应用程序查找天气API什么是开放天气？在哪里可以找到天气图标和天气U...

什么是SVG 彩色字体？

SVG彩色字体准备在2020年接管平面设计界，但它们到底是什么，你如何使用它们？在这里，我们将筛选技术术语并了解彩色字体的简单真相。这种毫不掩饰的面对面趋势有望将乐趣带回排版中。网页和平面设计师都必须知道，这项漂亮的新技术将在未来几年对数字和印刷设计产生变革性的影响。所以不要落伍，继续阅读！ 想学习如何制作彩色字体？查看我们关于如何...

在PHP中渲染图像上的文本和形状

在上一篇文章中，我们专注于使用PHP加载和操作图像。我们学习了如何旋转、调整大小、缩放或翻转图像。我们还了解了不同的过滤器和卷积矩阵。这些教程还涵盖了GD库的一些实际用途，例如调整目录中所有图像的大小或一次在多个图像上添加水印。除了使用GD来处理常规图像外，我们还可以从头开始创建自己的图像。库中的不同函数可用于绘制椭圆、圆形、矩形、多边...

如何使用 SVG 为情人节制作跳动的爱心动画

让我们进入情人节的精神，在这个过程中变得粉红色和光滑，并用SVG编写一个简单的心脏跳动动画。这是我们要创建的内容：这是熟悉SVG语法和真实动画的一个很好的练习。我们将使用一个预制的SVG心脏，提醒自己是如何viewBox工作的，然后添加一个 animateTransform元素来控制跳动运动。在最初的“简单”方法之后，我们将讨...

如何使用 JavaScript 裁剪或调整图像大小

使用CSS在网站上显示调整大小或裁剪的图像版本非常容易。但是，这不会改变原始图像数据。如果您想为访问者或客户创建实际裁剪或调整大小的图像版本怎么办？我们已经发布了一些关于如何使用PHP创建图像缩略图或使用PHP应用裁剪、调整大小和其他过滤器的教程。在本教程中，您将学习如何使用JavaScript裁剪或调整图像大小。这是我们的图像裁剪代...