首页 网页设计
  • 简单CSS3技巧实现的Logo动画

    简单CSS3技巧实现的Logo动画

    chenmo 2020-6-11 110
    之前不少人提过说要实现像阿里百秀Logo那样的动画效果,为了满足广大用户的需求,这里就简单做个演示。东西相对较简单,所以不要认为你搞不定它。下面是案例代码<style>.imlogo{ display: block; width: 160px; height: 80px; background: #FF5E52 url(...
  • JavaScript脚本引用CDN失效时自动加载本地脚本

    JavaScript脚本引用CDN失效时自动加载本地脚本

    chenmo 2020-5-24 155
    使用该方法可以防止CDN抽风时资源加载出错导致影响页面的问题。方法一以jQuery为例<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script><script>     if (typeof&...
  • 导航栏下拉至一定高度后固定在顶部的特效

    导航栏下拉至一定高度后固定在顶部的特效

    chenmo 2020-5-24 171
    js要引入jquery文件:<script type="text/javascript"> $(function(){   var nav=$("#header"), //得到导航对象      win=$(window), //得到窗口对象      doc=$(documen...
  • jQuery 侧边栏固定 theia-sticky-sidebar.js

    jQuery 侧边栏固定 theia-sticky-sidebar.js

    chenmo 2020-5-16 176
    现在很多网站都使用了两栏或者多栏的设计,theia-sticky-sidebar.js是一款jquery滚动固定侧边栏插件。该jquery滚动固定侧边栏插件在页面向下滚动时,可以将左侧或右侧侧边栏固定在页面中。它特别适合于多列布局的页面,并能和bootstrap或Foundation配合使用。使用方法在页面中引入jquery、ResizeSensor.min.js和theia-sticky-sid...
  • JS判断移动端及PC端访问不同的网站

    JS判断移动端及PC端访问不同的网站

    chenmo 2018-1-24 658
    现在很多网站都是分为两个版本,一个pc端的一个移动端的(响应式除外),针对这两个版本,就需要对访问的设备进行判断,如果是pc,就直接访问pc网站,否则就访问移动端网站。 对于这个问题可以通过判断UA来解决,前端js可以判断,后端判断也行,这里我们主要讨论的是如何通过js来处理。 假如我们有一个网站,pc端通过www.a.com访问,而移动端通过m.a.com来访问。我们需要...
  • 零基础如何系统地学习前端开发?

    零基础如何系统地学习前端开发?

    chenmo 2016-1-2 1405
    网站开发开发大致分为前端和后端,前端主要负责实现视觉和交互效果,以及与服务器通信,完成业务逻辑。其核心价值在于对用户体验的追求。可以按如下思路学习系统学习: 基础知识: 1、HTML + CSS 这部分建议在 W3school 在线教程 上学习,边学边练,每章后还有小测试。 之后可以模仿一些网站做些页面。在实践中积累了一些经验后,可以系统的读一两本书,推荐《Head ...
  • 2015年10佳在线Web开发资源

    2015年10佳在线Web开发资源

    chenmo 2015-5-17 1243
    p> 在线Web开发资源可用于查找高品质的网页设计教程,包括HTML、CSS、JavaScript等等可信赖的资源。 Web开发资源是开发人员学习开发技能和技巧的最好途径。如果你是一名优秀的Web开发人员,那么你肯定会不断寻找各种方法来提高你的设计能力,扩大你的技术库,及时了解最新的Web设计趋势。可利用的Web开发资源很多,DVD光盘、书籍……,最简单的就是互联网资源...
  • 涨姿势!写给网页设计师的网页设计简史

    涨姿势!写给网页设计师的网页设计简史

    chenmo 2015-2-8 1762
    互联网的诞生本就是一个奇迹,作为其中最重要的载体之一,网页就是这个大时代最重要的缩影,相关技术、设计伴随着信息共享催动着整个时代滚滚向前。这是一段简短的网页设计发展史,我们可以看到技术、设计与思想的演进,看到无数有识之士改变世界的剪影。本文作者是网站Froont.com的联合创始人Sandijs Ruluks。当我发现设计网页有多投机取巧的方法之时,就逐渐开始对手打网页代码失去兴趣。的确,许...
  • 前端开发规范之html编码规范

    前端开发规范之html编码规范

    chenmo 2015-1-16 1529
    原则 1.规范 。保证您的代码规范,趋html5,远xhtml,保证结构表现行为相互分离。 2.简洁。保证代码的最简化,避免多余的空格、空行,保持代码的语义化,尽量使用具有语义的元素,避免使用样式属性和行为属性。任何时候都要用尽量简单、尽量少的元素解决问题。 3.实用。遵循标准,但是不能以牺牲实用性为代价。 4.忠诚。选择一套规范,然后始终遵循...
  • 响应式设计的现状与趋势

    响应式设计的现状与趋势

    chenmo 2015-1-13 1363
    从 2012 年开始到 2014 年,各大家对 Web 设计的趋势预测中,都提到响应式设计;2015 年网页设计趋势预测中,响应式仍在继续。这个经历了几年依然大热的响应式,在过去的几年里,快速巩固了自己的地位,并掀起了一股网页设计新标准的浪潮。这 里本人基于一些资料文献及自己的陋见,谈谈响应式设计的一些现状和趋势。 源起 2010 年 5 月,伊桑.马科特(E...