css
-
CSS 动画 – 让元素栩栩如生
第 13 讲:css 动画 – 让元素栩栩如生 欢迎来到《从基础到辉煌》课程第13讲!在这篇文章中,我们将探索 css 动画——一种通过随着时间的推移为网页元素添加动画效果的强大方法。借助 css 动画,您可以创建流畅的动态效果,从而增强用户体验和参与度。 1. css 动画概述 css 动画允许元…
-
使用 rel=”preload” 加速您的网站
在提高网站性能方面,每一毫秒都很重要。减少关键资源加载时间的最有效方法之一是使用 html 链接 rel=”preload” 属性。在这篇文章中,我们将深入探讨预加载的工作原理、何时使用它以及它如何显着改善网站上的用户体验。 什么是rel=”预加载”?…
-
宇宙网:学生的空间和代码之旅
前端挑战 v24.09.04 提交:探索宇宙 这是前端挑战 v24.09.04 的提交,Glam Up My Markup: Space 我建造了什么 我创建了“探索宇宙”,这是一个身临其境的教育登陆页面,带领游客踏上太阳系之旅。我们的目标是设计一个引人入胜、视觉上有吸引力且信息丰富的网站,激发人们…
-
使用 CSS 让您的 Github 个人资料脱颖而出
以前,自定义 github 个人资料的唯一方法是更新图片或更改名称。这意味着每个 github 配置文件看起来都一样,自定义它或脱颖而出的选项很少。 从那时起,您可以选择使用 markdown 创建自定义部分。您可以包括您的简历、您的兴趣和爱好,让您的个人资料反映您的身份。这是任何人在访问您的个人资…
-
使用 React 构建电影查找网站



介绍 在本博客中,我们将逐步介绍使用 react 和 omdb api 构建 movie finder 网站的过程。该网站允许用户按复仇者联盟、星球大战和系列等类别浏览电影,并使用特定查询搜索电影。每部电影都有其详细页面,让您轻松探索更多有关您喜爱的电影。 项目概况 电影查找网站使用户能够: 浏览复…
-
使用 React 构建食谱查找器网站

介绍 在本博客中,我们将使用 react 构建一个食谱查找网站。该应用程序允许用户搜索他们最喜欢的食谱,查看趋势或新食谱,并保存他们最喜欢的食谱。我们将利用 edamam api 获取实时食谱数据并将其动态显示在网站上。 项目概况 食谱查找器允许用户: 按名称搜索食谱。查看趋势和新添加的食谱。查看各…
-
使用 React 构建国家/地区查找应用程序



介绍 在这篇博文中,我们将探索如何使用 react 构建国家/地区查找应用程序。该应用程序允许用户搜索国家/地区、按地区过滤它们以及查看有关每个国家/地区的详细信息。我们将利用 react 的钩子和上下文来管理状态和主题,并将与 rest 国家/地区 api 集成以获取国家/地区数据。 项目概况 国…
-
使用 React 构建加密货币查找器应用程序



介绍 加密货币如今风靡一时,随着可用硬币的数量过多,有一个工具可以轻松搜索和查看它们的详细信息是至关重要的。 crypto finder 应用程序就是这样做的。该应用程序使用 react 构建,为用户搜索、过滤和查看加密货币详细信息提供无缝体验。 项目概况 crypto finder 应用程序包括:…
-
CSS 边框 – 设计元素的轮廓
这是您的css:从基础到辉煌系列的下一篇文章: 第 9 讲:css 边框 – 设置元素轮廓的样式 在本次讲座中,我们将探讨如何使用 css 添加和自定义 html 元素周围的边框。边框可以显着影响元素的视觉外观并定义网页的各个部分。 1.基本边框属性 css 边框是使用三个关键属性定义的: bord…
-
魅力我的标记:太阳系
这是前端挑战 v24.09.04 的提交,Glam Up My Markup: Space 我建造了什么 这些响应式太阳系网站试图实现令人惊叹的视觉效果、互动性和教育性,并且如挑战标准中所述,易于访问且易于使用。 演示 项目 GitHub 链接 项目部署链接 太阳系 旅行 由于模板不包含任何设计元素…