Apr162021
How to Build an Image Slider with JavaScript and CSS
An image slider is an essential component for displaying multiple images in a website or web application. In this tutorial, we will learn how to build a simple image slider using JavaScript and CSS.
HTML Markup
First, let’s define the HTML structure for our image slider. We will use a <div> element with a class of slider-container to contain the ...阅读全文
抢沙发
Apr132021
Apr132021
Android网页应用开发和Webview
在移动设备上，我们可以使用Webview来加载网页，并将其打包成一个Android应用程序。这种开发方式可以充分利用网页技术的优势，并且能够为用户提供更好的交互体验。本文将介绍Android网页应用开发和Webview网页应用的相关知识。
什么是Webview？
Webview是Android系统提供的一个控件，用于展示网页内容。它可以加载网页、显示网页内容，并且支持与网页进行交互。在Android开发中，我们可以...阅读全文
Apr012021
Mar242021
CSS中单位px、pt、em和rem的区别
在CSS中，有多种单位可以用来定义元素的尺寸和布局。本文将重点讨论px、pt、em和rem这四种单位，它们在实际应用中具有不同的特点和用途。
1. 像素（px）
像素（Pixel）是CSS中最常见的单位，它代表屏幕上的一个物理像素。在Web开发中，1px通常对应于显示单元中的一个物理像素。可以使用px单位来定义元素的具体尺寸，例如宽度、高度、边框等。
.element {
width: 200px;
height: 50px;...阅读全文
Mar162021
纯css实现的loading效果
纯css实现的loading效果。
<!DOCTYPE html>
<html>
<head>
<title>SpinKit Examples</title>
<style type="text/css">
:root {
--sk-size: 40px;
--sk-color: #333;
}
.sk-circle {
width: var(--sk-size);
height: var(--sk-size);
position: relat...阅读全文
Mar162021
使用Sass或LESS进行CSS预处理
什么是CSS预处理器？
在网页设计和开发中，我们通常使用CSS来设置样式和布局。然而，纯CSS语言的局限性在处理大型项目时会变得更加明显。CSS预处理器是一种将类似编程语言的功能引入CSS的工具，它们允许开发人员使用变量、嵌套规则、函数等来更有效地管理和组织CSS代码。
Sass和LESS的介绍
Sass（Syntactically Awesome Style Sheets）和LESS（Leaner Style Sheets），是两种最流行的CSS...阅读全文
Mar062021
使用Phaser开发HTML5游戏
Phaser是一个开源的，基于JavaScript的游戏开发框架，专门用于开发基于HTML5的2D游戏。它允许开发者使用JavaScript、HTML和CSS来创建各种类型的游戏，从简单的迷宫游戏到复杂的角色扮演游戏。
Phaser提供了一系列简单易用的API和工具，使得开发者可以轻松构建游戏场景、精灵动画、物理运动和碰撞检测等功能。此外，Phaser还支持适应不同平台和设备的自适应布局，使你的游戏能够在不同的屏...阅读全文
Feb262021
Feb222021
