Flex布局学习笔记

目录 Web

阮大的教程实战篇

Flex布局的开源库

 

CSS传统布局基于盒子模型,依靠display + position + float属性进行定位,在一些特殊布局显得不灵活

Flex布局,容器内的元素自动成为flex item,容器基于XY轴进行布局

其容器属性有

  • flex-direction X主轴排列方向
  • flex-wrap 元素换行
  • flex-flow 上面2个的简写
  • justify-content 主轴对齐方式
  • align-items Y轴对齐方式
  • align-content 多轴线对齐方式

item属性有

  • order 排列顺序
  • flex-grow 剩余空间膨胀值
  • flex-shrink 空间不足缩小值
  • flex-basis 预分配大小值
  • flex 以上3个的简写
  • align-self 对齐方式

[……]

Read more

z-blog 1.8 加入代码高亮

目录 Web

代码高亮,我所知道的方法有3种

  1. 直接改模板,目前所使用的,好处就是无须修改源码,升级方便,缺点就是修改文章的时候,代码里的换行会被编辑器搞掉
  2. 改FCKEditor,直接作为插件使用,用JS直接把高亮后的代码插入正文,优点是无需改模板,缺点是需要改FCKEditor,而且日后修改文章同样不方便
  3. 新增UBB标签,例如[code=html],需改源码和模板,优点是修改文章特方便,缺点是需要对程序大量修改,同样日后程序升级不方便

[……]

Read more

HTML代码优化

目录 Web

刚刚翻硬盘发现的,这是7月初写给美工组的文档,主要针对网页制作、切图人员
其中6.5节可能因为文件覆盖而不全

HTML代码优化
作者:梦游的猫
最后修改时间 2006年7月7日 16:40:37

目录
一. 为什么要优化?
二. 优化原则
三. 优化技巧
四. SEO
五. 关于网页标准

  1. 何谓标准?
  2. 使用标准价值在哪?
  3. 团队合作流程
  4. 如何实现

六. 实例分析

  1. 删除空标签
  2. 合并标签
  3. 合理安排表格布局
  4. 表格列表优化
  5. 利用<div>简化代码

七. 修订记录

八. 附录

A. 参考文档
B. 相关资源
[……]

Read more

可访问性测试

目录 Web

这是阅读《网站重构》的一点笔记,这是我这两年来唯一一本从头到位仔细看完的书,算不上绝佳好书(废话很多),但能让你对网页标准多点认识,建议阅读时同时阅读其它XHTML、CSS相关书籍(以前有提供下载)

可访问性测试

  • W3C验证 XHTML | CSS
  • 调整浏览器字体大小
  • 关闭JavaScript/CSS支持
  • 在不同平台、不同浏览器浏览
  • 不要使用Frame/Applets
  • Bobby检验器 http://bobby.watchfire.com
  • 前不久刚买了两本Word和Flash的书,不巧上周笔记本坏了,正好留点时间看看书,准备花一两星期先把Word书啃完
    Blue Blog Blue Blog
    [……]

    Read more

    学习XHTML的进展很慢

    目录 Web

    搞了一整晚,只弄个大概的样子,懵懵懂懂知道了一点,但很多还是搞不懂,经典论坛讨论的人好像不多,想写点笔记之类可学得很慢,似乎没什么好写的。

    我是金子……

    几本CSS/XHTML的书
    CSS : The Definitive Guide 2nd Edition
    OReilly CSS Cookbook Aug 2004
    New Riders More Eric Meyer on CSS
    XHTML Guidelines v1.2中文版
    网页设计师(w3cn.org文章集)
    xform的文章
    前天还在蓝色人下载了一本叫《Creating Cool Web Sites with HTML, XHTML,and CSS》,刚刚试了居然不能下了
    [……]

    Read more