Web设计

MTV和MVC的区别

MVC设计模式我们先对MVC设计模式进行介绍，它是Web设计模式的经典之作，MTV模式也是在它的基础上衍生而来。
James_Bobo·2020-08-04 06:58

18个最好的响应式Web设计工具和库

现在在网上，响应式Web设计的工具和库资源玲珑满目，应有尽有。下面我将讲一讲其中最好的18个工具和库。
weixin_33725515·2020-08-04 04:48

CSS3新特性详解(二)：CSS3 字体@font-face详解、如何创建和修改woff字体文件及text-shadow等文本效果

在CSS3之前，web设计师必须使用已在用户计算机上安装好的字体。CSS3@font-face为前端开发人员打开了一扇窗，不仅可以
老马历写记·2020-08-03 15:05

web设计经验13步打造优雅的WEB字体

今天，大多数浏览器已经默认支持Web字体，日趋增多的字体特性被嵌入最新版HTML和CSS标准中，Web字体即将迎来一个趋于复杂的崭新时代。下面是一些基本的关于字体的规则，特别适用于Web字体。原文地址：creativebloq译者：特赞Tezign顺便附上一个神器：《前端工程师的菜！姗姗来迟的中文WEBFONT（附神器推荐）》印刷字体是静态的，而网页字体却是圆滑可塑的。设计师必须预测跨浏览器及终端
baimi2022·2020-08-03 15:04

Web嵌入字体

CSS3嵌入Web字体一直以来Web设计师在设计网页时都想为Web页面添加一些优雅的字体，但浏览器仅限于使用用户在其系统上安装的字体呈现文本，这样一来让大部分网站受限于字体数量的不足。
cuiqian9347·2020-08-03 10:52

web渗透--17--任意文件下载

如果web设计者设计的web内容没有恰当的访问控制，允许http遍历，
随 亦·2020-08-02 12:07

响应式web设计——读书笔记

继上次面试被打击后，开始啃基础书籍，这几天又看完了响应式web设计，看完了这本书对响应式设计理解的更加深入了，以前都是在网上碎片式的学习，有些地方懵懵懂懂的，还是要多看这些好的专业书，这样会学得更加全面
fighting_today_cui·2020-08-01 14:15

响应式Web设计：50实例例与实践

但这篇总结的很全面，提到了一个新的名词“响应式Web设计”，作为Web内容应该去更加灵活的呈现在不同的终端上。这让我想起了之前写的一篇文章《未来我们只需要浏览器》，随着智能手机和各种Pad
load_life·2020-08-01 13:34

响应式web设计--图片

使用width属性如果width属性设置为100%，图片会根据上下范围实现响应式功能：自学教程(如约智惠.com)img{width:100%;height:auto;}调整浏览器窗口查看图像是如何扩展的。注意在以上实例中，图片会比它的原始图片大。我们可以使用max-width属性很好的解决这个问题。使用max-width属性如果max-width属性设置为100%,图片永远不会大于其原始大小：自
冷月醉雪·2020-08-01 13:50

web设计原则

Web作为出版物的一种，同其他出版物如报纸，杂志等在设计上有许多共同之处，也要遵循一些设计的基本原则，不同之处在于每章提到的Web的“非所见即所得”特性和交互性。因此，熟悉一些设计的基本原则，再对Web的特殊性作一些考虑，便不难设计出美观大方的页面来。如果有美术设计基础，对Web页面的设计会很有帮助。如果不具备这方面的背景知识，那么下面的一些原则将会对有所帮助。设计的3C原则所谓3C原则是指简洁、
kbh1983·2020-08-01 13:41

《响应式web设计基础》笔记

1，CSS预处理器（Sass、LESS、Stylus、PostCSS）可以帮我们组织代码、变量、颜色操作和数学运算。像PostCSS这样的工具可以帮我们完成添加浏览器前缀这样烦琐的任务。另外，一些清理和验证工具可以帮我们检查HTML、CSS和JavaScript代码是否符合标准，自动提示输入错误和语法错误。新2，下载本书示例代码的地址是：http://rwd.education/download.
kalinux·2020-08-01 13:08

从用户体验的角度来设计政府网站

最近在看DON’TMAKEMETHINK这本讲web设计的书。里面有一句话是“用户是用他的脚来投票的”。
iteye_19182·2020-08-01 12:23

响应式设计的现状与趋势

从2012年开始到2014年，各大家对Web设计的趋势预测中，都提到响应式设计；2015年网页设计趋势预测中，响应式仍在继续。
ifeves·2020-08-01 12:37

《响应式web设计》读书笔记（一）入门

写在开始之前2013年的夏天，我算是正式加入了前端开发的队伍，作为一名新手，关注了很多知名网站、牛人博客，时时刻刻感觉要学的东西太多太多，一路不断的收藏收藏，攒了好多文章来看，心里还想着在前端世界里，我不知道的东西还有多少呢？css布局很熟了吗？没有。js框架呢？没用过多少。自己想写个插件什么的吗？想。响应式设计呢？同样重要。用户体验相关的东西？也想沾边。哇，要学的好多好多呀。于是手头的也看不进去
Jlins·2020-08-01 12:22

响应式web设计_50个适用于设计师的有用的响应式Web设计工具

本文是我们的“Web响应式设计系列”的一部分，该系列由工具，资源和教程组成，可帮助您为所有平台的用户创建网站。单击此处查看同一系列的更多文章。在过去的几天中，我们向您展示了一些最佳的WordPress和Joomla响应主题，您可以在您的网站上下载和使用这些主题。今天，我们将为您提供工具。包含框架，服务和可下载脚本，我们认为它们将在响应式Web开发方面提供巨大帮助。为了更方便地浏览整个工具列表，我们
cune1359·2020-08-01 11:35

用户界面设计10原则

编辑手记：Kyle将在纽约举行的Web设计趋势上继续探讨用户界面设计的内容。1.了解你的用户“关注用户：如果在关注竞争对手还是用户
billdai·2020-08-01 11:48

《响应式Web设计——HTML5和CSS3实战》——知识点整理总结(持更~)

1.HTML5、CSS3及响应式入门1.1什么是响应式如果要用一句话概括，那么响应式网页是针对人以设备对网页内容进行完美布局的一种显示机制。相反，如果需要根据不同设备提供特定的内容和功能，那就需要一个真正的“手机版”网站。这种情况下，手机版网站会提供与桌面版网站完全不同的用户体验。1.2视口和屏幕尺寸视口是指浏览器窗口内的内容区域，不包含工具栏、标签栏等，也就是网页实际显示的区域。屏幕尺寸是指设备
amaoagou_0124·2020-08-01 11:49

《响应式web设计》读书笔记（三）拥抱流式布局

一、什么是流式布局流式布局已经不是什么新概念了。为了文章的完整性，还是提一提吧。很久很久以前，当大部分人的屏幕分辨率还是1024*768的时候，网页设计师一般都按照960px或是980px的固定宽度进行设计。现在很多大型网站也依然使用这个宽度，为了不落下某些使用窄屏和IE6的用户（比如我们的父母）。然后页面中的其他布局元素也使用固定宽度。流式布局也正是相对这样的固定布局来说的。看下面两幅图就可以一
aigenglong0649·2020-08-01 11:07

web设计原则

作为一个Web设计师,最重要的一点是要有创意,没有创意的网站是不成功的.原则:1.要考虑带宽的问题;2.要考虑适应不同浏览器.不同分辨率的情况;3.要注重色彩的搭配问题;4.要让浏览者容易找到要找的东西
Wathking·2020-08-01 11:04

【响应式Web设计】读书笔记 - 弹性布局与响应式图片（五） - 7

【简介】主要讲解了flex属性（包括flex-grow、flex-shrink、flex-basis），order属性的排序作用，以及两个综合性案例。1.Flexflex属性具有定义宽度的功能。.FlexInner{flex:1;}这里的flex实际上是三个属性合体的简写：flex-grow、flex-shrink、flex-basic。因此，详细的写法应为：.FlexInner{flex:111
一点编程·2020-08-01 10:47

【响应式Web设计】读书笔记 - CSS（四） - 11

【简介】CSS3过渡、CSS3变形1.CSS3过渡CSS3的过渡是创造视觉效果的方式，例如鼠标悬停在链接上时，链接会从状态一（没有红线）渐进地切换到状态二（带有红线）。其中，过渡效果通过以下这行代码：transition:box-shadow1s;在box-shdow上，耗时1秒，从现存状态切换到悬停状态。完整HTML如下：nav{display:flex;}a{font-family:sans-
一点编程·2020-08-01 10:47

【响应式Web设计】读书笔记 - CSS（二） - 9

【简介】CSS结构化伪类、相对视口的长度单位。1.CSS结构化伪类CSS结构化伪类为我们提供了更多基于元素之间的位置关系选择它们的选择符。常用的结构化伪类有：:first-child:last-child:nth-childHTML片段为10个标签：CSS样式为：span{height:2rem;width:2rem;margin:.5rem;background-color:#999;displ
一点编程·2020-08-01 10:47

【响应式Web设计】读书笔记 - CSS（一） - 8

【简介】CSS响应式多列布局、截断文本、CSS属性选择符1.CSS响应式多列布局对于一段长文本，可以直接通过CSS属性来让文本分成多列显示，所使用的CSS属性为：column-width：设定列宽（列数可变）。column-count：设定列数（列宽可变）。column-gap：设定列与列之间的间距。column-rule：在列与列之间添加分割线。1.1列宽固定，设置列数在1365px宽度的PC屏
一点编程·2020-08-01 10:47

【响应式Web设计】读书笔记 - 响应式Web设计基础（一） - 1

【简介】早期的网站都是固定宽度设计的，目标是让所有用户都拥有相同的体验。这种股东宽度（通常为960像素左右）对笔记本电脑来说不算太宽，拥有更大显示器的用户则会在这两侧看到很大的白边。同时，随着移动设备的普及，以及27英寸乃至30英寸的大屏幕显示器如今也成为了司空见惯的东西，这样一来，上网设备屏幕之间的差距也达到了前所未有之大。面对不断扩展的浏览器和设备的解决方案就是局域HTML5和CSS3的响应式
一点编程·2020-08-01 10:46

【响应式Web设计】读书笔记 - 弹性布局与响应式图片（四） - 6

【简介】主要内容为流式布局中的对齐，主轴方向的对齐和交叉轴方向的对齐；交叉轴主要为align-items和align-self两个属性和5个属性值；主轴主要为justify-content属性和5个属性值。1.Flexbox的对齐流式布局(Flexbox)的对齐参照坐标轴，因此，运用流式布局下的对齐核心在理解坐标轴。坐标轴分为「主轴」和「交叉轴」。其中，「主轴」即我们数学中熟悉的X轴，「交叉轴」即
一点编程·2020-08-01 10:46

【响应式Web设计】读书笔记 - 弹性布局与响应式图片（三） - 5

【简介】Flexbox有4个关键特性：方向、对齐、次序和弹性。1.使用Flexbox1.1垂直居中文本HTML部分：Hello,I'mcenteredwithFlexbox!CSS样式：.CenterMe{background-color:indigo;color:#ebebeb;font-size:2rem;text-transform:uppercase;height:200px;displa
一点编程·2020-08-01 10:46

《移动优先与响应式Web设计》一导读

前言移动优先与响应式Web设计这本书所讲的内容真的算不上什么大学问。即使不是大学问，仍包含了深层的意义。这本书改变了个人计算机的定义，也改变了我们上网的方式。
weixin_34138255·2020-08-01 09:32

10个最新交互式Web设计实例欣赏

如今，越来越多的UX/UI设计师将交互/动画元素（例如鼠标悬停状态，音频或视频媒体，滚动交互等等）添加到其网站设计之中。这样一方面可以使网站本身更加绚丽有趣，吸引更多访问者，同时也能够激励访问者更多的关注和阅读其网站内容。这也是为什么交互式网站设计已然成为设计师们跟风追赶的设计潮流的原因。然而，网站的交互性设计并没有想象的那么容易，如何才能将寻常的交互或动画元素结合起来，打造出优质炫酷的交互网站呢
weixin_34161032·2020-08-01 09:02

《响应式Web设计——html5和css3实战》读书笔记

这本书的定位不是API手册，而是实战技巧，给我的感觉很像《无懈可击的web设计》的定位，同时也很像《DOMjavascript编程艺术》的风格，用一个实际案例贯穿全书。
weixin_30613343·2020-08-01 09:19

关于响应式Web设计技巧以及入门

html5和css3流行至今，我在做响应式的网站一直是在“尝试”的阶段。并没有深入的去研究和学习，浅显的理解就是根据屏幕分辨率的大小，网站布局、图片、文字大小等相应改变。以后使用平板、手机浏览网站的用户会越来越多，对于前端设计师，学好用html5、css3做响应式网站是势在必行。响应式网页设计这个术语，由伊桑马克特提出，他在AlistApart发表了一篇开创性的文章，将三种已有的开发技巧（弹性网格
weixin_30341745·2020-08-01 09:16

Web设计原则

1.设计网站时要牢记自己的目标受众，遵循一定的设计原则浏览器友好性。浏览器使用统计数据来源：NetMarketShare（http://marketshare.hitslink.com）屏幕分辨率。为使网页在多种分辨率下看起来令人满意，可居中整个网页2.网站的组织结构图称为站点地图分级式组织结构：站点地图有一个明确定义的主页，它链接到网站的各个主要部分。线性组织结构：对提供需要按顺序观看的教程、导
三爷与鹿·2020-08-01 09:11

设计出色响应式网站的十个技巧

作为一个Web设计师，也会尝试用各种各样的网页设计技术。如果响应式设计趋势让你印象深刻，并且也打算用响应式设计深入研究网站创新，那么你已经来到了初学者的门口。
会飞的Pikachu·2020-08-01 09:56

响应式Web设计学习笔记

响应式网页设计将三种已有的开发技巧（弹性网格布局、弹性图片、媒体和媒体查询）整合起来。针对任意设备对网页内容进行完美布局的一种显示机制。同名：流式设计、弹性布局、塑料布局、流体设计、自适应布局、跨设备设计、弹性设计。视口指浏览器窗口内的内容区域，不包括工具栏、标签栏等，网页实际显示的区域。width屏幕尺寸设备的物理显示区域device-width媒体查询语法body{background-col
我是希希呀biubiubiu·2020-08-01 09:39

自适应网页设计 or 响应式Web设计

参考：http://sc.chinaz.com/info/141121507292.htm一、允许网页宽度自动调整首先引入viewport元标签或：用js自动适配设备宽度。vardeviceWidth=document.documentElement.clientWidth,scale=deviceWidth/750;vardeviceHeight=document.documentElement
jun_h5·2020-08-01 09:34

设备兼容思考——RWD：响应式WEB

【1】曹树金,吴育冰.响应式Web设计及其在图书馆门户网站中的应用——以“211”高校图书馆为例[J].图书情报研究,2016(1):30-34.【2】QayyumA.ResponsiveWebDesign
picoasis·2020-08-01 09:32

30个有用的响应式Web设计教程

因此，我们已经到了“响应式Web设计周”的结尾，今晚的帖子将是该系列的最后一篇。我们将竭尽全力帮助您磨练处理这些代码以在不同设备上显示时随意响应的技能。为此，我们提供了30种在线响应式Web设计教程。
cune1359·2020-08-01 09:35

《响应式web设计》读书笔记（一）入门

写在开始之前2013年的夏天，我算是正式加入了前端开发的队伍，作为一名新手，关注了很多知名网站、牛人博客，时时刻刻感觉要学的东西太多太多，一路不断的收藏收藏，攒了好多文章来看，心里还想着在前端世界里，我不知道的东西还有多少呢？css布局很熟了吗？没有。js框架呢？没用过多少。自己想写个插件什么的吗？想。响应式设计呢？同样重要。用户体验相关的东西？也想沾边。哇，要学的好多好多呀。于是手头的也看不进去
aigenglong0649·2020-08-01 09:20

响应式的WEB设计（一）

因此，EthanMarcotte提出一种响应式web设计的概念。响应式web设计的英文为ResponsiveWebDesign，简写为RWD。
a512977208·2020-08-01 09:47

【响应式Web设计】读书笔记 - CSS（三） - 10

【简介】文字阴影特效、盒阴影特效、线性渐变、径向渐变1.文字阴影特效基本语法：.element{text-shadow:1px1px1px#ccc;}缩写值的规则是先右后下；第一个值是阴影的右侧偏移量，第二个值是阴影的下偏移量，第三个值是模糊距离（因一个从有到无的渐变距离），最后一个是色值。同时，我们可以添加多个阴影特效，通过逗号分割即可：.multiple{text-shadow:01px#ff
一点编程·2020-08-01 09:29

响应式 Web 设计技巧

响应式Web设计技巧WEB开发者微信号admin10000_com功能介绍分享Web开发知识，让开发变得更简单！本文结合实例，详述创建一个响应式网站的实用技巧。
LYT枫随风--rex·2020-08-01 09:58

微信小程序UI设计规范及文档模版

UI设计者整理一下，为方便UI设计师和交互设计师进行设计，微信提供一套可供Web设计和小程序使用的基础控件库；同时提供方便我们的移动端安卓和iOS开发者调用的资源。
HIES·2020-08-01 07:59

通过CSS3 Media Query实现响应式Web设计

在之前一篇译文中，我们了解了响应式Web设计的概念、组成要素以及基本的实现思路。今天继续相关话题，我们将从前文介绍过的"弹性布局结构"这方面出发，通过一个具体的实例来深入学习。
weixin_34348111·2020-08-01 04:12

SVG开发包, 20 个有用的 SVG 工具，提供更好的图像处理

20个有用的SVG工具，提供更好的图像处理SVG现正在Web设计领域变得越发流行，你可以使用Illustrator或者Inkscape来创建SVG图像。
weixin_33739646·2020-08-01 04:07

30个最常用css选择器解析

web设计者经常用它将页面中所有元素的margin和padding设置为0。*选择符也
H_MZ·2020-07-30 21:40

【计算机科学与技术】书籍阅读目录

目录计算机科学与技术数据结构与算法计算机网络计算机操作系统计算机组成原理数据库原理与技术编译原理与汇编语言Linux操作系统分布式与并行计算大数据云计算信息安全通信工程软件工程C/C++JavaUnix/LinuxWindowsMATLABPythonWeb
招财猫qwq·2020-07-30 12:58

浅析netvibes.com的web设计

1.整体感觉界面给人耳目一新的感觉，各项功能体验也是别出心裁:栏目的拖动和动态调整周围栏目的位置每个栏目的编辑功能给用户带来了最大化的方便2.实现技术和设计：后台的rss应该是重点之一。从与php的通信内容可以看出，netvibes.com对所有的rss都做了标记，分配有一系列id标识，应该在后台有比较深入的rss处理策略:比如缓存、索引、统计、分析等等。通信策略：用户针对每个栏目的每一项内容的操
uhcdivad·2020-07-30 09:55

关于 HTML5 应用现状与前景的思考

最近，苹果在HTML5上大做文章，而著名的Web设计师EricMeyer则提出了WebStacks的概念。
summer_charlie·2020-07-30 09:04

Spring MVC 入门指南（一）：HelloWorld

MVC及快速入门说明：传统MVC——>JSPModel2——>FrontController+ApplicationController+PageController+Context三种模式是JavaWeb
Remember_Ray·2020-07-30 08:47

Web前端开发工程师，看完了你就知道什么才是最好的设计博客

Web设计是一个不断变化的领域，因此掌握最新的发展趋势及技术动向对设计师来说非常重要，无论是学习新技术，还是寻找免费资源与工具，设计博客都是很不错的去处。
weixin_43793782·2020-07-30 04:52

1 CSS3介绍

我们将不必再依赖图片或者JavaScript去完成圆角、多背景、用户自定义字体、3D动画、渐变、盒阴影、文字阴影、透明度等提高Web设计质量的特色应用。
caoyuan·2020-07-30 04:08
上一页 10 11 12 13 14 15 16 17 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他