你在这里

XHTML+CSS

编写具有语义化,符合Web标准的代码,学习和交流HTML、CSS。

web前端给你带来什么

互联网时代,前端开发人员决定着内容展现形式和信息的提供,是不可或缺的一部分。前端开发具有很明显的时代特征,在很大程度上决定着大众的信息摄入,以及用户读取信息的有效方式。我们可以看到,前端开发其实是一个很有前途且人才需求量比较大的职业。

而Web的学习是自顶向下的,和学校自底向上的教学不同,一开始你就写HTML、CSS和Javascript,看到了炫酷的效果,但是对于背后的原理一无所知。只有一直往下学,才会越精通。

培养思想

首先需要清楚web前端开发工程师的定位,前端不是页面工,它直接面向了最终用户,需要细心和耐心、不断地学习新知识、不断研究出现的问题、关注用户体验、了解用户心理。

标签: 
论坛: 

网页制作入门教程 HTML

网页制作入门教程 HTML

·         |

                                   第一节、HTML简介

什么是 HTML?

 

·         HTML 是用来描述网页的一种语言。

·         HTML 指的是超文本标记语言 (HyperTextMarkupLanguage)

标签: 
论坛: 

招前端攻城师

上海闪派信息技术有限公司诚聘

薪资范围: 10-20K

如果你:

  1. 热爱技术
  2. 精通css
  3. 熟悉html5, 熟悉使用至少一种JS框架(JQuery,AngularJS....)
  4. 了解PHP、Drupal优先

提示: 公司有良好的学习环境, 定期培训各种技术, 学习气氛浓厚, 我们做的项目很有意思不会像做网站那样枯燥,一起工作可以学习和了解更多底层的知识和工作原理。

 

请请发简历到: 244705779@qq.com(请附带你的联系QQ/邮箱)

联系地址: 上海市浦东新区上南路3855号如日商务11号楼403室(地铁6号线, 上南路1号口出)

公司网站: www.sparkpos.cn   www.sparkpad.com

标签: 
论坛: 

使用brackets方便地调试sass

最近在学习大名鼎鼎的css预处理语言sass, 有一些小技巧想跟大家分享一下

    在网上看到一篇使用chrome调试sass的教程,比较繁琐。需要首先开启sass转义监听

    sass --watch --scss --sourcemap XXX.scss:XXX.css

    然后开启chrome的Enable css source map选项,然后在chrome中找到css文件,查看source找到sass文件,修改再保存,再刷新浏览器查看。

    然后我就想能不能使用brackets来调试呢?

    brackets在前端IDE里面也算大名鼎鼎了,其中最出色的功能就是在编辑器中所作的修改在浏览器里无需刷新,实时预览。除此之外,还有很多对前端开发者很有好的功能,比如ctrl + E快速编辑。同时,它也是完全免费的开源软件。

    那么怎么用brackets调试sass呢?

    先用sass --watch sass/:css/  (这里监听目录)   开启编译监听,无需sourcemap之类的参数

    然后到brackets中打开HTML目录,开启实时预览,然后打开目录下的sass文件:

标签: 
论坛: 

大漠力作:《图解CSS3:核心技术与案例实战》 出版

本书是国内著名的Web前端专家历时2载的心血之作,根据最新的CSS3撰写,融入了作者在CSS领域多年的使用经验,旨在将本书打造成为CSS3领域最权威和实用的专业著作,供没有经验的读者系统学习,供有经验的读者参考备查。

更多详情请参考本书官网

图解CSS3:核心技术与案例实战

标签: 
论坛: 

請問 如何讓圖片 RWD

您好:

若有一張圖片 1024*768

為了讓他依據手機大小 而整張圖片(完整圖片) 自動縮小

@meaia and screen(max-width:300px){

      要如何讓 該張圖片完整縮小 到 280*180

     圖片不能被切掉!

 }

 

謝謝!

论坛: 

IE中列表不显示小圆点的解决方案

列表默认样式

ul,ol{list-style-position:outside;}

改为:

ul,ol{list-style-position:inside;}

问题解决!

改过之后有可能会对其他列表有影响,所以,请在前面加限制。

论坛: 

图灵郭志敏新浪微博“粉丝升至一千回馈图书活动”

图灵郭志敏老师微博地址:http://weibo.com/jiuyuepachong

内容介绍:

【粉丝升至一千回馈图书活动】个人粉丝已突破一千,为了感谢这半年来博友们的支持与陪伴,将送出五本图书,在今天上午10:00开始,书名:《写给程序员的Web设计书》,参选方法:转发即有机会获得,按照一定规则公平抽取5名幸运粉丝,时间截止至:9月9日9:00。

书名分别是:《写给程序员的Web设计书 》、《写给大家看的PPT设计书》、《软件研发之道》、《开启web金库》、《软件项目成功之道》

论坛: 

需要掌握的八个CSS 布局技巧

1. 若有疑问立即检测

在出错时若能对原始代码做简单检测可以省去很多头痛问题。W3C对于XHTML与CSS 都有检测工具可用,请见 http://validator.w3.org 。请注意,在文件开头的错误,可能因为不当的结构等因素造成更多错误;我们建议先修正一些最明显的错误之后重新检测,这样也许会让错误数量爆减。

2. 使用浮动功能时记得适当清除指令

浮动是个危险的功能,未必会产生您所期望的结果。如果您遇到浮动元素延伸到外围容器的边框或者其他不正常情况,请先确定您的做法是正确的。请参阅Eric Meyer 在Complex Spiral Consulting Web 网站上的教学。

3. 边界重合时利用padding或border来避免

您可能会为了一点不应该出现的空间而焦头烂额,或者您需要一点点空间时,怎样都挤不出来。如果您有用到margin,那么很容易产生边界的重合;Andy Budd在他的网站上解释了可能的做法。

标签: 
论坛: 

值得向设计师推荐的15 个社区网络站点

网络上各种各样的社区网站数不胜数,但专注于创意设计的很少。今天这篇文章收集了15个非常好的专注于设计的网站推荐给设计师们,不管是学习先进的设计理念,还是寻找免费资源与工具,这些网站都是很不错的去处,记得推荐和分享一下 :)

DeviantArt

DeviantArt

DeviantArt 是一个为艺术家展示各自作品、并交流讨论而设计的社交网站。它以分类系统为基础,辅以个人日志、新闻、社区论坛、每日作品、人气榜、最爱、收藏和可嵌套的 评论与回复系统构建起具有自身特色的社交网络。至2010年8月DA已有1450万用户注册并收到超过1亿个各种作品的投稿。

论坛: 

页面

订阅 RSS - XHTML+CSS