TypechoJoeTheme

徐伟轩 - 一个爱音乐的有趣程序员|不仅只关注网站设计开发

统计
搜索到 13 篇与 整设计 的结果 ———
2020-10-01

写博客有个卵用?

写博客有个卵用?
多此一举?写博客不如做公众号,发微博?博客作为网站,续存时间很长,不会因为某服务商不做这业务而关闭。与其把你产出的内容完全依赖于第三方,倒不如自己管。写博客,做独立网站,最简单的想法就是:也不为了秀什么,纯粹一种分享精神,也是工作生活的记录,那么就不会被那么多的世俗烦恼。至少给这个世界留下一点我来过的痕迹,无论是文字还是音乐视频等作品。想必大家已经在归乡途中,享受着国庆中秋假期。抽此时间,算是写点感想吧,探讨一下,现在写博客有啥用?没有等到入秋的第一杯奶茶,但是等到了入秋的第一个小长假。中秋遇上国庆,这样的中国节让人爱了爱了。今天也刚好祖国71周年华诞,月满中秋,共襄华诞,但愿人长久千里共婵娟。回想年少时候家乡在中秋时的“摸秋”习俗,当初玩儿闹的少年们现在也都长大。[摸秋素材提供:同乡 @小野] 请移步文末查看摸秋习俗。有人说,写博客其实就是搞自媒体?就是想出名,想捞钱,割韭菜?大部分做博客的人初衷并不是这样。一 博客是什么?博客,仅音译,英文名为Blogger,为“Web Log(网络日志)”的缩写。它的正式名称为网络日记;又音译为部落格或部落阁等,是使用特定的软件,在网络上出...
2020-10-01

写文字

256 阅读
8 评论
2020年10月01日
256 阅读
8 评论
2021-04-02

欢迎关注徐伟轩的抖音

欢迎关注徐伟轩的抖音
作为佛系自媒体,顺带开通个抖音,承蒙大家抬爱。{关注一下我吧}没固定风格,不想做网红,就兴趣。勿催更,一得空肯定分享更新,喜走偏锋我把抖音作为一分享的平台,主要为大家分享如下内容:1、好音乐(歌曲、各类型音频) — 累了困了烦躁苦恼时,听听音乐,静下心来2、高清影视(电影、电视剧) — 闲暇时间,可以看看3、知识分享(分享各类知识点) — 学习能让自己提升,学习也是一种信仰不定期更新中…… 有空了尽量会挤出时间如果你在寻找好的素材(网站源码,网站模板,wordpress主题,PPT模板,AE模板,PSD模板)程序员本猿为用户提供更多优质素材,为创广大中小互联网公司创业助力,让低成本创业成为可能。
2021-04-02

玩音乐

99 阅读
0 评论
2021年04月02日
99 阅读
0 评论
2021-06-15

躺平干嘛?得奋起反抗啊

躺平干嘛?得奋起反抗啊
近来网络上大肆宣扬的“躺平”不想被割韭菜,这种说法呢,其实压根儿不可能。年轻了吧?躺平了就不收割你吗?本文就随便写写,反正也没啥文采,家人们爱看看的就继续往下瞅瞅吧。咱为什么要躺平?我们不光没办法躺平,毕竟不允许啊,必须站起来反击。不靠谱你跟我吹什么牛皮你在社会上遇到的人多了,就越能看传一些事情。有些人总觉得公司大,了不起,吹上天了都。咦!害怕你们提出的功能要求,咱们搞不定不会做,或者咱们做到一半撂挑子不干跑路了。然而现实是像在开玩笑的,到头来是你们一直修改,一再拖延,对咱爱搭不理。咱们干好了活儿,你们这却项目款项不给?玩儿呢?**有时候TMD公司大小和咱们的技术水平,另外,与你的信用度和你人品有半点关系吗?!**最多你们是以一种高高在上的姿态,唯你是从的态度去对待别人。(你咋样对别人,那别人也能咋样对你呗)哪怕您们公司大得不得了,遍布全球又如何?我只知道你们是个完全没信用可言的怂货。我们觉得团队哪怕再小,一些小到从小车库起步的公司又如何?技术靠谱,人靠谱才是关键!你们有多少人手能接下咱的项目?这种话,很多朋友也可能听到过,额……呵呵难是难 初心不能变和一些设计师程序员等创业的朋...
2021-06-15

写文字

94 阅读
1 评论
2021年06月15日
94 阅读
1 评论
2021-09-22

做个出色网站最快的方法是模仿

做个出色网站最快的方法是模仿
做个出色网站最快的方法是模仿,这个命题多数情况下是对的。下面,马氪软件就慢慢和大家聊聊为什么要做个好的网站,最好最快的方法还是模仿?一个行业里的头部企业,网站的设计布局等方面已经经过深思熟虑和长期的一个市场投放了,所以必然不会太差劲,是值得学习的榜样。我们觉得在自己能力范围内模仿或复制行业标杆,才有可能创造奇迹。但很多人觉得,这个行业已经有人在做,而且做得非常好,那么自己肯定没有任何机会了。亦或者以为一个产品,可复制性太强了,咱们做肯定是不会卖得好的。咱们得原创,本着最纯粹的原创造才行?哪,不是有句话是这么说的吗:害怕失败的人总是在各种思考,努力奔向成功的人一定提早在行动。毕竟实践出真知!好,回到原创或模仿的争论上来。关于原创 - 其实模仿是最效率的工作方式,如果谁说嘿咱设计是百分百原创!?那铁定是吹牛皮!说完全不借鉴任何的设计师,也不是个严谨的设计师。至少咱可以说,页面部分肯定会有其他设计风格的影子。百分百原创!?或者说我得做个非常高大上的网站?一个可怕的事实是:你自认为纯原创的网站设计,不一定能得到用户和市场的认可。如果用户不吃你这一套,那么你再牛B的原创网站设计,用户看了后...
2021-09-22

整设计

45 阅读
1 评论
2021年09月22日
45 阅读
1 评论
2021-03-08

网站设计和网站开发有什么区别

网站设计和网站开发有什么区别
多年前当我还在学校上学的时候,老师给我们讲解的网站相关的课程还是非常有用的。从最初的HTML和CSS,我意识到,网页的设计方面确实耐人寻味。后来,进入工作岗位的时候了解到了网站的开发和网页设计整合的重要性,也非常羡慕一些同事,称之为“技术大神”。那么,网站设计和网站开发具体有哪些区别呢?下面,我就为大家简单分析一下,大家可以参考看下,如果需要做网页设计或网站开发的话,可以和我们联系。网页设计师是网站的规划师他们专注于网站的外观和感觉,所以,他们应该是视觉艺术的专家,他们精于设计的色彩,图形设计和信息流。也就是说网站长什么样子,完全可以由他们来构思、设计出来。从最初的构图,到网页代码编写,网页设计师利用他们的创造力,直觉和想象力,让网站丰富多彩,设计出惊人的用户体验。此外,网页设计还需要考虑网站目标定位,用户群体是谁,网站建给谁看的,用什么的服务器或空间,赢利点是什么。可以说网页设计是网站设计的一种直观的表现形式,用户第一眼看到的就是网页设计上的内容。应该说网站设计范围要比网页设计广的多。国内大多数个人站长、部分网络公司从事的都是一些网站设计的工作。网站开发人员使用的编程语言将多于...
2021-03-08

整设计

131 阅读
0 评论
2021年03月08日
131 阅读
0 评论
2020-11-13

开发人员使用的免费字体:JetBrains Mono

开发人员使用的免费字体:JetBrains Mono
来自网友分享的一款适合码农用的字体!博主在XShell上用了一天,看上去还不错!挺舒服的!可惜不支持中文,中文会用默认字体显示。字体简介我们作为开发人员,如今大部分时间都会花费在阅读代码上。正因此我们一直在寻找最佳字体,以使我们更容易在屏幕上查看文本。但是,许多流行字体中的逻辑并不总是考虑到通读代码和读书之间的区别。我们的眼睛以非常不同的方式沿着代码移动,通常必须垂直移动和水平移动。这与读书不同,因为它们总是沿相同的方向滑动。因此,在创建 JetBrains Mono 时,除其他事项外,我们重点研究了在长时间使用代码期间可能导致眼睛疲劳的问题。我们考虑了字母的大小和形状等问题; 它们之间的空间量,自然以等宽字体设计的平衡; 不必要的细节和符号之间不清楚的区分,例如 I 和 l;和开发字体时编程连字。今天,我们自豪地展示了 JetBrains Mono – 一种专为开发人员设计的新型开源字体。官网地址https://www.jetbrains.com/zh-cn/lp/mono/字体下载官方下载:https://download.jetbrains.com/fonts/JetBra...
2020-11-13

整设计

72 阅读
0 评论
2020年11月13日
72 阅读
0 评论
2020-10-24

网页HTML如何实现页面自适应,适配手机屏幕

网页HTML如何实现页面自适应,适配手机屏幕
近些年自适应网站、响应式网站被推崇,几乎很多客户都会想要做移动端网站。其实PC网站基本也是可以改成自适应,页面的话需要进行重构,最重要的CSS样式及适配需要做好,细节再做优化。说白了,把PC网站改成自适应的网站,那几乎等于重新做个移动版网站,毕竟人力和工期摆在哪边呢。关于如何把现有HTML网页改成自适应的,徐伟轩博客就为大家整理如下内容供大家简单参考学习。网页头部标签首先在网页代码的头部,加入一行viewport标签在网页的头部中增加以下这句话,可以让网页的宽度自动适应手机屏幕的宽度<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"> width=device-width width为设置layout viewport 的宽度,为一个正整数,”width-device”表示宽度是设备屏幕的宽度initial-scale=1.0 initia...
2020-10-24

整设计

429 阅读
0 评论
2020年10月24日
429 阅读
0 评论
2020-10-21

原生js方式控制元素显示隐藏代码

原生js方式控制元素显示隐藏代码
在网页中,有时候我们需要隐藏某个内容如div,那就需要让这个元素隐藏或显示。这样的网页效果,其实通过原生JS即可实现。原生JS控制元素显示隐藏代码,如下:var obox = document.getElementById("logo"); var odown = document.getElementById("side-item"); obox.onclick = function(){ if( document.getElementById("side-item").style.display=='none'){ odown.style.display = "block"; document.getElementById("logo").classList.add("no"); }else{ odown.style.display = "none"; document.getElementById("logo").c...
2020-10-21

整设计

123 阅读
0 评论
2020年10月21日
123 阅读
0 评论
2020-10-18

20个让你效率更高的CSS代码

20个让你效率更高的CSS代码
在本文中,我们想与您分享一个由各大CSS网站总结推荐的20个有用的规则和实践经验集合。有一些是面向CSS初学者的,有一些知识点是进阶型的。希望每个人通过这篇文章都能学到对自己有用的知识。1.注意外边距折叠与其他大多数属性不同,上下的垂直外边距margin在同时存在时会发生外边距折叠。这意味着当一个元素的下边缘接触到另一个元素的上边缘时,只会保留两个margin值中较大的那个。例如:HTML<div class="square red"></div> <div class="square blue"></div> CSS.square { width: 80px; height: 80px; } .red { background-color: #F44336; margin-bottom: 40px; } .blue { background-color: #2196F3; margin-top: 30px; } 红色方块与蓝色方块的上下间距是4...
2020-10-18

整设计

74 阅读
0 评论
2020年10月18日
74 阅读
0 评论
2020-10-12

手机网站和电脑网站及响应式网站设计的区别

手机网站和电脑网站及响应式网站设计的区别
移动端庞大的用户量已经让越来越多的企业开始着手制作手机网站或自适应网站,那么手机网站和电脑网站设计方面有哪些区别,徐伟轩博客就带大家一起了解一下。一、设计尺寸差异电脑网站的设计宽度一般是1024px-1300px,一屏内显示的内容信息非常多、非常丰富,用户体会也很好。而手机网站一般是全屏设计的,宽度在280px-480px,由于屏幕宽度的原因,显示的内容较为紧凑、简洁、内容较少。二、前端技术有差异尽管都是用的HTML、CSS技能来排版,但咱们在做手机网站的时分一般会引进一个前端结构,前端结构预界说了许多通用类,用结构来写手机网站页面的代码会省劲许多。界说元素的宽高巨细的单位也有差异,电脑网站一般用规范的px单位,而手机网站则会使用份额单位rem。手机网站的排版思路比较电脑网站来说也会发生变化,手机网站更注重于份额排版,而电脑网站却更注重于像素级排版。而提到手机网站,就不得不讲响应式网站。自适应布局指能使网页自适应显示在不同大小终端设备上新网页设计方式及技术。大家可以理解为不同大小的设备上呈现同样的页面,让同一个页面适应不同大小屏幕,根据屏幕的大小,自动调整布局。那制作网站的时候“...
2020-10-12

整设计

77 阅读
0 评论
2020年10月12日
77 阅读
0 评论
2020-10-12

原创设计做网站的流程

原创设计做网站的流程
很多客户说我想要做一个很独特大气的网站,但是自己却还是描述不清楚。所谓的原创设计网站不是空中楼阁,而是要落地好网站各方面细节要求。徐伟轩博客就从原创设计网站的流程这一主线为大家简单介绍一下。在关于网站原创设计的问题上,很多人可能理解存在误区,以至于很多客户说我想要做一个很独特大气的网站,但是自己却还是描述不清楚。所谓的原创设计网站不是空中楼阁,而是要落地好网站各方面细节要求。本文徐伟轩博客就从原创设计网站的流程这一主线为大家简单介绍一下。一 关于原创设计其实原创很难去界定,毕竟设计的思路可以相似,网站的样式再怎么改变总归会有色彩搭配、栏目结构、图文排版等常规配置。请看下方的网站常见布局和样式分析:网站设计的基本样式不难看出,一个网站抛开设计感来讲,布局大同小异。原创的概念更多地体现在设计的整体感、色彩搭配大气协调、布局大胆、字体搭配,以及后期的页面特效、功能逻辑、代码效率提升等方面。大品牌、大企业的官网网站是纯粹原创设计?是世界上所有人都没见过的就叫原创?当然,往严格了讲,根本就没有所谓的原创设计?尽可能展现设计师的思维,但是人总不可能一点不受外界影响,设计方式总归会有相似之处。...
2020-10-12

整设计

100 阅读
0 评论
2020年10月12日
100 阅读
0 评论
2020-09-27

WordPress主题内字体无法显示的解决办法

WordPress主题内字体无法显示的解决办法
wordpress是全球范围内使用较多的网站程序,字体图标由于其轻量、灵活、清晰以及良好的浏览器兼容性已经被广泛用于web开发当中,不过在实际使用当中还是有部分用户遇到了一些问题,最常见的问题就是图标无法正常显示。字体图标由于其轻量、灵活、清晰以及良好的浏览器兼容性已经被广泛用于web开发当中,线上的WordPress主题也都内置了字体图标库可供使用。不过在实际使用当中还是有部分用户遇到了一些问题,最常见的问题就是图标无法正常显示。WordPress主题内字体无法正常显示的原因静态文件跨域由于字体文件是不允许跨域的,如果网站对静态文件使用了CDN加速启用了单独的二级域名的话,那么页面在加载字体文件的时候就会遇到字体跨域的问题。判断是否是字体跨域问题导致可以使用Chrome浏览器访问网站,鼠标右键菜单点击检查调出开发者工具,然后在开发者工具选择Console选项,观察界面是否有Access-Control-Allow-Origin的红色报错提醒关键字。https访问下引用了http的静态文件如果网站启用了https的话,则需要使用https的静态文件(css、js、字体、图片)。w...
2020-09-27

整设计

69 阅读
0 评论
2020年09月27日
69 阅读
0 评论
2020-09-26

设计网站效果图的注意事项

设计网站效果图的注意事项
原创设计型网站一般都需要出具网页效果图,一般网络公司会在初期给到客户首页效果图和方案。而对于网站设计的效果图我们需要注意哪些今天徐伟轩博客就为大家详细总结一下。一般常见的网页都是居中类型,设置好主内容的宽度然后居中就好。适合门户网站、平台类网站、内容比较多信息量大的站点。另外一种是布满全屏的网页,又分为自适应和响应式。常见的全屏的后台界面就是自适应的,国外常见这种形式,一般在一些流行的设计产品上,科技公司网站和一些高逼格的站点较为多见,很多企业也正逐步采用。一、沟通需求是先决条件试问销售人员连客户做网站的基本需求都没有了解清楚,就拍着胸脯说:no problem?客户要做一个什么样的网站,有无参考对象?预期做网站的工期是多久?网站以什么样的形式展现(电脑版)1、改变销售路子千万不要给客户带去一个这样的印象:做销售的都这样!信心十足,风风火火急躁的。所以,请改变销售套路、沟通交流方式和思维模式。前期沟通,我们的销售人员主要需要了解清楚客户的诉求,客户实在表达不出来的话也没关系,你可以给他找一些参考建议,如果需要原创设计,那再交由设计师讨论。2、明确网站制作的整个工作流程(1)前期大...
2020-09-26

整设计

74 阅读
0 评论
2020年09月26日
74 阅读
0 评论
2020-09-14

如何修改iframe里的css样式及跨域问题讲解

如何修改iframe里的css样式及跨域问题讲解
前段时间徐伟轩给一个客户制作网站在线客服的时候遇到一个问题,客户想尽量美化一下客服的框,而我们研究发现,客服框其实是iframe引用的外部资源。开始我们也天真地以为,自己写段代码,再优化一下css就可以完美实现客户想要的效果了,其实不然。工作中总能遇到 引用别人的页面,就会带来很多问题,比如iframe中的样式不满足我们的需求,这就需要修改iframe中的样式。下面我们做一个修改 iframe 中样式的 Demo:知识点:let test = document.getElementById('引用的iframeId').contentWindow.document.getElementById('修改样式的Id'); test.style.width = "200px"; 第1步:创建一个setIframeStyle文件夹第2步:在setIframeStyle文件夹中创建 A.html 和 B.html2.1: A.html文件<!DOCTYPE html> <html> <head> <meta charset...
2020-09-14

整设计

498 阅读
0 评论
2020年09月14日
498 阅读
0 评论
2020-07-14

粒子跟随鼠标移动网页特效

粒子跟随鼠标移动网页特效
不知道大家有没有想把自己网站做得比较炫酷的想法,而当访客进入网站,鼠标出现一些特效,不也很能抓住用户眼球嘛?今天,徐伟轩为大家介绍一款网页特效代码,粒子跟随鼠标移动的效果。下面为大家分享代码:HTML代码可以简略使用多个<div></div>重点在js代码 window.onload = function() { var divs = document.getElementsByTagName("div"); document.onmousemove = function() { divs[0].style.left = event.clientX + "px"; divs[0].style.top = event.clientY + "px"; for (var index = divs.length - 1; index > 0; index--) { divs[index].style.lef...
2020-07-14

整设计

82 阅读
0 评论
2020年07月14日
82 阅读
0 评论
2020-04-15

网页里点击A标签没有反应怎么办?

网页里点击A标签没有反应怎么办?
有时候网页设计师在做网页的时候测试会发现部分的a标签点击无反应,无法实现页面跳转,这是什么原因呢?出现问题,大家习惯于网上搜索呗。1、标签使用不合法:href属性写错了,标签没有回之类的问题。这种就不多解释了,很简单,w3school查查标准的href是什么格式就行啦。2、其它图层将A标签遮挡住了,根本点不到A标签。这个设置个z-index:-1就OK,具体看看z-index的解释就行了。3、事件禁止了A标签的默认行为,所以点不了。这种情况的解决办法就找到a标签,然后进Event Listeners找到click事件,可以找找哪个js组织的,研究一下即可解决。4、A标签如果href="javascript:;",则点击无法应。当然了,具体需要根据你自己网页中的实际情况去分析,我也就仅仅提供几个的可能的情况供参考。
2020-04-15

整设计

318 阅读
0 评论
2020年04月15日
318 阅读
0 评论

广告位

人生倒计时

今日已经过去小时
这周已经过去
本月已经过去
今年已经过去个月

标签云