四时宝库

程序员的知识宝库

七夕福利来袭,一些好玩的网站,尽情释放你的想象力

嗨,我是爱踢汪。今天给大家分享一下一些好玩的网站,希望大家喜欢!

跳脱平面的限制,发现设计的更多可能性~

https://chameleon.media/ru/

这是一个俄罗斯的网站,首页的炫光就能让我玩上一整天~

最厉害的是它的在线vr,能二维变三维,球幕电影的感觉有木有!

毛衣要怎样陪衬?照搬名模这样穿更优雅

来到秋冬,又到穿毛衣的时候了。然而,毛衣的款式十年如一日,而且大部分人都只用牛仔裤或leggings去配搭,实在沉闷。究竟如何能把毛衣和针织穿得有时尚感?看完「乐荟盒子搭配师穿搭指南后,是时候看看名模们如Kendall Jenner、Gigi Hadid及Romee Strijd近日最爱的一种毛衣穿搭法。

干货分享 css的小技巧(干货分享 css的小技巧是什么)

小编做前端项目也有一段时间,在其中也是总结了一些前端编写css代码时的一些小技巧!

技巧列表

1,为body添加行高

2,逗号分离的列表

3,使用:not()去除导航上不需要的边框

4,文本显示优化

5,表格单元格等宽

6,使用属性选择器选择空连接

福克斯特 Focusrite OctoPre Dynamic 动圈麦克风话放评测

作为一位前鼓手,总是有些鼓手老朋友问我录鼓声卡的选择。

之前咱推荐过罗兰 UA1610 (评测),不过七年没更新,参数有点落伍.. 新设备里,我们评测了去年发布的 16 话放 RunningMan DL16S (评测),不过庞大的软件调音台吓晕了不少朋友..感觉还是更适合演出场景.. 所以这次我们再推荐一种简单的方案:

Mweb优化css样式(css3优化)

根据自己的喜好,修改了下Mweb的markdown样式,有喜欢的朋友拿走不谢!

示例图:

html,body{
 font-family: 'Consolas', 'Courier', 'Monaco', sans-serif,monospace;
 font-size: 16px;
 color:#C0C0C0
 -webkit-text-size-adjust:none; min-width: 200px;
 max-width: 760px;
 margin: 0 auto; padding: 1rem;
 line-height: 1.5rem;
 
}
h1,h2,h3,h4,h5,h6 {
 text-rendering:optimizelegibility;margin-bottom:1em;font-weight:bold; line-height: 1.8rem;color: #4F86D5;
}
 
 
 
h1,h2{position:relative;padding-top:1rem;padding-bottom:0.2rem;margin-bottom:1rem;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAABCAYAAACsXeyTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAFUlEQVQIHWNIS0sr/v//PwMMDzY+ADqMahlW4J91AAAAAElFTkSuQmCC') bottom left repeat-x;}
h2{padding-top:0.8rem;padding-bottom:0.2rem;}
h1{ font-size: 1.6rem;}
h2{ font-size: 1.4rem;}
h3{ font-size: 1.2rem;}
h4{ font-size: 1.1rem;}
h5{ font-size: 1.0rem;}
h6{ font-size: 0.9rem;}
 
table{border-collapse:collapse;border-spacing:0;
 margin-top: 0.8rem;
 margin-bottom: 1.4rem;
}
tr{ background-color: #fff;
 border-top: 1px solid #ccc;}
th,td{padding: 5px 14px;
 border: 1px solid #ddd;}
 
blockquote{font-style:italic;font-size:1.1em;line-height:1.5em;padding-left:1em; border-left:4px solid #D5D5D5; margin-left: 0;
 margin-right: 0;
 margin-bottom: 1.5rem; }
 
a{color:#1863a1}
 
pre,code,p code,li code{font-family: 'Consolas', 'Courier', 'Monaco', sans-serif,monospace}
 
pre{-webkit-border-radius:0.4em;-moz-border-radius:0.4em;-ms-border-radius:0.4em;-o-border-radius:0.4em;border-radius:0.4em;border:1px solid #e7dec3;line-height:1.45em;font-size:0.9rem;margin-bottom:2.1em;padding:.8em 1em;color:#586e75;overflow:auto; background-color:#fdf6e3;}
 
p code,li code{display:inline-block;white-space:no-wrap;background:#fff;font-size:0.9rem;line-height:1.5em;color:#555;border:1px solid #ddd;-webkit-border-radius:0.4em;-moz-border-radius:0.4em;-ms-border-radius:0.4em;-o-border-radius:0.4em;border-radius:0.4em;padding:0 .3em;margin:-1px 4px;}
p pre code,li pre code{font-size:1em !important;background:none;border:none}
 
img{max-width:100%;
/*zoom: 0.5;*/
-webkit-border-radius:0.3em;-moz-border-radius:0.3em;-ms-border-radius:0.3em;-o-border-radius:0.3em;border-radius:0.3em;-webkit-box-shadow:rgba(0,0,0,0.15) 0 1px 4px;-moz-box-shadow:rgba(0,0,0,0.15) 0 1px 4px;box-shadow:rgba(0,0,0,0.15) 0 1px 4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:#fff 0.5em solid}
 
 
hr {
 height: 0;
 margin: 15px 0;
 overflow: hidden;
 background: transparent;
 border: 0;
 border-bottom: 1px solid #ddd;
}
 
 
/*
Orginal Style from ethanschoonover.com/solarized (c) Jeremy Hull <sourdrums@gmail.com>
*/
 
.hljs {
 display: block;
 overflow-x: auto;
 padding: 0.5em;
 background: #fdf6e3;
 color: #657b83;
 -webkit-text-size-adjust: none;
}
 
.hljs-comment,
.diff .hljs-header,
.hljs-doctype,
.hljs-pi,
.lisp .hljs-string {
 color: #93a1a1;
}
 
/* Solarized Green */
.hljs-keyword,
.hljs-winutils,
.method,
.hljs-addition,
.css .hljs-tag,
.hljs-request,
.hljs-status,
.nginx .hljs-title {
 color: #859900;
}
 
/* Solarized Cyan */
.hljs-number,
.hljs-command,
.hljs-string,
.hljs-tag .hljs-value,
.hljs-rule .hljs-value,
.hljs-doctag,
.tex .hljs-formula,
.hljs-regexp,
.hljs-hexcolor,
.hljs-link_url {
 color: #2aa198;
}
 
/* Solarized Blue */
.hljs-title,
.hljs-localvars,
.hljs-chunk,
.hljs-decorator,
.hljs-built_in,
.hljs-identifier,
.vhdl .hljs-literal,
.hljs-id,
.css .hljs-function,
.hljs-name {
 color: #268bd2;
}
 
/* Solarized Yellow */
.hljs-attribute,
.hljs-variable,
.lisp .hljs-body,
.smalltalk .hljs-number,
.hljs-constant,
.hljs-class .hljs-title,
.hljs-parent,
.hljs-type,
.hljs-link_reference {
 color: #b58900;
}
 
/* Solarized Orange */
.hljs-preprocessor,
.hljs-preprocessor .hljs-keyword,
.hljs-pragma,
.hljs-shebang,
.hljs-symbol,
.hljs-symbol .hljs-string,
.diff .hljs-change,
.hljs-special,
.hljs-attr_selector,
.hljs-subst,
.hljs-cdata,
.css .hljs-pseudo,
.hljs-header {
 color: #cb4b16;
}
 
/* Solarized Red */
.hljs-deletion,
.hljs-important {
 color: #dc322f;
}
 
/* Solarized Violet */
.hljs-link_label {
 color: #6c71c4;
}
 
.tex .hljs-formula {
 background: #eee8d5;
}
 
 
/* custome */
th, td {
 padding: 2px 7px;
}
 
 
 
h1, h2 {
 color: #4F86D5;
}
html, body {
 word-wrap: break-word;
}
li {
 /* TODO */
 /* padding-left: 0px;*/
}

Google Material Design的图标字体版本

今天设计达人网小编为大家分享的是Material Design图标字体版,有了这个Web端上使用图标就更加方便了。

除了多出图标字体素材外 ,还推荐了图标下载专题页,用户可以通过这个页面对图标单个下载,包括SVG、PNG、图标字体,相当方便。

使用教程

1. 打开Material icons下载页

C|从编译器特点了解编译阶段的名字查找与链接阶段的定义查找

C编译器支持分离编译,属于one-pass 编译器(通过一遍扫描即可完成编译的编译器)。

linux和window下C语言编译器的预编译命令

在编译C语言时,编译阶段会有警告和错误。如果错误涉及到宏定义,可以通过预处理命令查看预处理后的C语言源码到底是咋样的。在linux可以用命令cpp或者gcc -E命令,windows下可以用cl /P 或者cl /E 命令(vs2010)。命令示例如下:

linux: cpp test.c > out.txt 或者 gcc -E test.c > out.txt

OS开发爱好者福利:树莓派上编译C语言,顺便掌握一波硬件知识

编辑:陈萍

树莓派虽小,小到仅有信用卡大小,但功能却和普通电脑无异,可以将其连接电视、显示器、键盘鼠标等设备使用。也可以处理文字、电子表格、媒体甚至是游戏。那么这个神奇的小电脑,怎样用它来进行编程呢?下面介绍一篇利用树莓派进行裸机编程的教程,顺便学习一下接口、硬件等知识。

Linux就是好,竟然还预置了C语言编译器

以前平时看电影的时候,经常会发现黑客的电脑一般用的都是Linux,当时就很好奇,为什么黑客不用Windows那?学了linux之后才发现,不是黑客不用windows,而是liunx在编程方面实在是太优秀了,就拿C语言来说吧,在Windows上学习c语言一般要用VC 6.0,这个软件是收费的,很多时候还要找破解版,而在Linux上就简单多了,Linux预装了C语言编译器GCC。下面我给大家演示一下如何用Linux预置软件编写hello world。

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