Web前端师的博客_web前端培训

web前端开发工程师需要面对的事

web前端开发工程师需要面对的事一定有饭吃：要知道，前端工程师的出现只在5年前，首先肯定这是一个全新的职业，你不会没有饭吃。说前端开发工程师是一个全新的职位，是站在更多的以人为本的设计和开发的基础上的，你的终极BOSS不是老板，是人。一定要学习：如果你想吃好这碗饭，你会学习更多有用的相关方面的知识，这是必须的。原因很简单，前端发展的很快，可能明年的今天你还在原地，而新一代的 Coder已经爬上了你

web前端

原创 2015-12-09 10:28:14 387 阅读

Web前端工程师应该掌握的内容有哪些

Web前端工程师应该掌握的内容有哪些一、css的优先级　在讲CSS优先级之前，我们得要了解什么是CSS，CSS是用来做什么的。简单说来，CSS是层叠样式表(Cascading Style Sheets)的简称。它的规范代表了互联网历史上一个独特的发展阶段。现在对于从事网页制作的朋友来说，应该很少没有听说过CSS了，因为在制作网页过程中我们经常需要用到。我们能通过CSS为文档设置丰富且

web前端

原创 2015-12-07 10:23:20 290 阅读

webstorm比dw强的地方

webstorm比dw强的地方比dw强大的地方有：1. 对js的开发有长足的支持，那些自动提示，代码主题，调试之类的我就不说了，主要是对流行技术的支持，比如Node.js,less,sass,jq,ext,prototype等框架的支持。2. 自身对插件的支持，主要体现在webstorm 2.0以后就已经包涵了zencoding了，而如果dw不是完整版的话，zencoding的安装难度可想而知。

web前端

原创 2015-12-03 11:21:49 694 阅读

你百分百不知道的四大PS技巧

你百分百不知道的四大PS技巧叶明：继利用photoshop数瓜子后，大神们纷纷各显神通，把photoshop另类有趣的功能挖掘得淋漓尽致，我们一起来瞧瞧，photoshop竟然还能这样用？！一：压缩背景保留主体。这个功能很实用啊，但就是效果有点儿不好控制。如果我们想把这张照片压扁，按照正常的压缩方法，会出现人过于扁而显得不真实。用内容识别比例可以很好的解决这个问题，不过有时候它的自动

web前端

原创 2015-12-02 09:58:04 337 阅读

IE6绝对定位的bug及其解决办法

IE6绝对定位的bug及其解决办法 IE6绝对定位的bug及其解决办法。position:absolute定位在IE6下存在left和bottom的定位错误问题： Example Source CodeIE6下的left定位错误–><!–IE6下的left定位错误–>　　上面这段代码在IE6中定位错误。　　解决办法有两种：　　1、给父层设置zoom:1触发l

web前端

原创 2015-11-30 10:12:32 251 阅读

选择单页设计的理由是什么？

选择单页设计的理由是什么？互联网最令人着迷的地方在于它会不断地进化。每年都会不断涌现新的工具和技术替换过时者，用新的解决方案来搞定各种问题。单页设计在前几年就已经出现，并且愈演愈烈直到今年成为当仁不让的网页设计大趋势。它已经站在流行最前线，今天我们来聊一聊为什么它会这么火。什么是单页式网站设计？界定一个网站是否是单页设计很简单，顾名思义，单页设计就是一个网站仅需一个URL，进入之后只需

web前端

原创 2015-11-27 11:29:52 416 阅读

HTML5应用中accordion三种效果的探索

HTML5应用中accordion三种效果的探索摘要：Accordion（手风琴，又名"抽屉"）效果，因其收展样式形如手风琴而得名。通过层级关系，在信息展示和页面布局上，达到巧妙的平衡。因此，广泛运用于Web以及App交互设计中。在以往的项目中Accordion通常是由JavaScript编码实现。本次分享，着重探索两种不依靠JS，采用纯CSS3或HTML5来实现其效果。并对其优缺点作初步的对比。

web前端

原创 2015-11-26 13:13:24 653 阅读

HTML5播放器 MediaElement.js 使用方法

HTML5播放器 MediaElement.js 使用方法目前已经有很多html5播放器可以使用，使用html5播放器可以轻松的在页面中插入媒体视频，从而使我们的web页面变得更加丰富多彩，所以今天向大家推荐一款非常优秀的html5播放器MediaElement.js，它不仅能够添加我们常用的html5视频格式（mp4,m4v,mov），而且还支持回退方式，即一些低版本的浏览器不支持HTML5播放

web前端

原创 2015-11-25 10:41:14 948 阅读

Google Chrome中的高性能网络

Google Chrome中的高性能网络Google Chrome 的历史和指导原则【译注】这部分不再详细翻译，只列出核心意思。驱动 Chrome 继续前进的核心原则包括:Speed: 做最快的(fastest)的浏览器. Security:为用户提供最为安全的(most secure)的上网环境。Stability: 提供一个健壮且稳定的(resilient and stable)的 Web

web前端

原创 2015-11-24 12:00:17 280 阅读

CSS 布局：40个教程、技巧、例子和最佳实践

CSS 布局：40个教程、技巧、例子和最佳实践前言：布局是WEB开发一个重要的课题，进入XHTML/CSS后，使用TABLE布局的方式逐渐淡出，CSS布局以众多优点成为主流，本文将介绍40个基于CSS的web布局的资源和教程。文章的出处在hl。文中的不少的例子在一本经典的CSS书籍《CCS: The Missing Manual, 2nd Edition》中都可以找到，据我所知，第二版在中国没有

web前端开发

原创 2015-11-23 13:35:11 365 阅读

css3媒体查询实现网站响应式布局

响应式建筑设计、响应式家具设计、响应式办公设计，这些词可能是已有的专业名词，也可能是我自己想出来的一些名词。因为在生活中，我们常常会见到很多让人惊叹的设计，为什么同一套东西经过不同的方式变化之后会给人不同的使用感受和体验呢？这样既节约制造成本，又节省空间，还能体验创意性的生活。没错！大黄蜂为应对紧急战斗而瞬间由汽车变为战斗机，沙发床、沙发座椅是我们见过再平常不过

web前端

原创 2015-11-21 13:19:43 256 阅读

BOOTSTRAP基础学习小记（一）简介模板、全局样式-web前端

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="utf-8"> 5

web前端

原创 2015-11-20 11:35:06 394 阅读

BOOTSTRAP基础学习小记（二）排版、列表、代码风格、表格

BOOTSTRAP基础学习小记（二）排版、列表、代码风格、表格<!DOCTYPE HTML><html><head><meta charset="utf-8"><title> </title></head><body><h1>Bootstr

web前端

原创 2015-11-18 12:46:38 242 阅读

2015年最重要的网页设计配色趋势

前几天分享的2015年春夏流行色人气很高，今天直接放干货，AnyForWeb的同学根据2015年的色彩大致趋势走向，结合相关的设计经验，作出了以下网页配色预测分析，来看看有哪些亮点吧。提前搞定2015年的设计好文：一、Metro和柔和鲜嫩的色彩Odam Luiran的网站是Metro风格，这种风格尤其适合一些比较鲜嫩柔和的颜色，扁平化网页设计在2014年中的流行让柔和色彩的用途变得越来越广泛。这样

web前端

原创 2015-11-17 11:04:35 506 阅读

50个photoshop网页设计教程-整体布局篇

使用photoshop画一个网页，对于前端设计师来讲是一个非常简单也必须要胜任的工作。今天，收集了50个相关教程，主要是网页布局应用方面，如果您对于网页设计有爱好，可以看一下。尤其适合新手，可能页面不是很美观，我们主要观注的是网页的布局，尤其是比例还有图片的应用上。Tutorial 01点击进入查看这个教程Tutorial 02点击进入查看这个教程Tutorial 03点击进入查看这个教程Tuto

web前端开发

原创 2015-11-16 14:10:55 306 阅读

30个精选Ajax技术教程-web前端开发

Ajax技术越来越多地应用到网站制作中，用户希望自己能编辑页面，想要搜索查询，想要刷新页面某个部分，这样可以使网页浏览速度更快，也更简单，用户体验好。众所周知，Ajax技术非常强大，当然了他并不适用于所有网站，在本文中，收集了30个应用Ajax技术的案例，几乎包括了所有应用Ajax技术的的方面。1.An AJAX-Based Shopping Cart with PHP, CSS and jQu

web前端开发

原创 2015-11-14 09:51:33 351 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

成都Web前端开发

web前端开发工程师需要面对的事

Web前端工程师应该掌握的内容有哪些

webstorm比dw强的地方

你百分百不知道的四大PS技巧

IE6绝对定位的bug及其解决办法

选择单页设计的理由是什么？

HTML5应用中accordion三种效果的探索

HTML5播放器 MediaElement.js 使用方法

Google Chrome中的高性能网络

CSS 布局：40个教程、技巧、例子和最佳实践

css3媒体查询实现网站响应式布局

BOOTSTRAP基础学习小记（一）简介模板、全局样式-web前端

BOOTSTRAP基础学习小记（二）排版、列表、代码风格、表格

2015年最重要的网页设计配色趋势

50个photoshop网页设计教程-整体布局篇

30个精选Ajax技术教程-web前端开发