四时宝库

程序员的知识宝库

9款堪称神器的谷歌插件,你不想试试吗?

作为互联网人,永远在寻找新的灵感、接受新的讯息,这也是互联网的美妙之处,会在信息汪洋里,能够收获一些惊喜。

平时在工作中,我总喜欢收集一些新的有趣有用的工具神器,好处是能够帮自己提高工作效率,事半功倍。今天整理分享出来,请谨慎使用!(因为有些工具一旦用了仿佛就像打开了新世界大门再也回不去了。)

NO.1 浏览器窗口调整大小

(https://chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh)

Windows又现神软?附合集,每个都超良心

Windows平台上有着众多优秀的软件产品,今天,小编特地总结了一些功能强大,而且用户体验极佳的“神仙软件”。希望它们可以给大家带来新的使用体验和惊喜。

史上最全的图表色彩运用原理(图表色彩搭配)


6款Windows必装的高质量软件!冷门却好用

在如今数字化时代,电脑已经成为人们生活中必不可少的工具。而Windows操作系统作为全球最流行的桌面操作系统之一,拥有庞大的用户群体和丰富的软件资源。

如此好用的5个免费在线软件,值得收藏

picdiet

【picdiet】是一个完全免费是在线批量压缩图片神器,它拥有独特且强悍的JavaScript算法,能极速压缩80%的图片体积,而且压缩出来的图片质量比原图并不会损失多少,而且【picdiet】它不需要后端服务器或者API的支持,仅通过你的浏览器来压缩图片大小,更好地保护了你的图片数据安全。

我不知道你知不知道的伪元素实用小技巧

伪元素能做什么?我们要他有何用?它能为我们解决什么问题?和其他的方法相比她有什么有点?我们为什么要使用它?

伪元素和伪类一样,添加到选择器,但是不是描述状态,他允许我们为元素某些部分设置样式;利用伪元素,我们可以简化页面的html标签,同时用起来也很方便,善于使用伪元素可以让你的页面更加地简洁优雅。之所以叫伪元素,是因为他修饰不在文档树中的部分;不是真实存在的;

伪元素实用小技巧

1.清除浮动

何谓清除浮动—?一个父元素的所有子元素如果都是浮动的,那么这个父元素是没有高度的;父元素并没有脱离正常的文档流,仍然占据正常文档流的空间; > 1. 如果这个父元素的相邻元素是行内元素,那么这个行内元素将会在这个父元素的区域内见缝插针,找到一块放得下它的地方 > 2. 如果相邻的元素是一个块级元素,那么设置这个块级元素的margin-top将会以这个父元素的起始位置作为起点。

动态调整web主题(3): 基于tailwindcss插件的主题色生成方案

前言

续接 [动态调整web系统主题? 看这一篇就够了][动态调整web主题(2) 萃取篇]

5种常用方法实现非矩形网页页面元素

非矩形设计正在变成一种时尚,比如波浪形、菱形、三角形等:

而随着技术发展,这种设计在技术实现上也变得更容易。

本文以最简单的三角形为例,演示使用5种方法来达到非矩形设计的界面效果(效果图如下所示)。

使用透明图片遮盖

代码如下:

优点是兼容性好,IE都能搞定,缺点是性能差。

使用SVG多边形元素

HTML/CSS 备忘录 - 13. CSS3 变换/过渡/动画

一、2D 变换

1. 2D 位移

/* x 轴方向位移 30px */
transform: translateX(30px);
/* 分别设置 x 轴与 y 轴的位移 */
transform: translateX(30px) translateY(40px);
/* 同时设置 x 与 y 的方向位移 */
transform: translate(-50%, -50%);

非常实用的CSS小技巧(css使用教程)


1. 文字水平居中

将一段文字置于容器的水平中点,只要设置text-align属性即可:

text-align:center;


控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言
    友情链接