搜索到
302
篇与
teaxia
的结果
-
一个超级简单的响应式页面…… 所谓响应式页面，就是在不同设备，不同分辨率下，显示不同的内容以及不同的样式布局. Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC（微软全国广播公司）的Breaking News都使用了该项目。 今天研究了一下使用Bootstrap来做一个响应式的页面，代码如下：<!DOCTYPE html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0"><link href="bootstrap/css/bootstrap-responsive.css" rel="stylesheet"><link href="style.css" rel="stylesheet"><title>一个响应式布局的演示</title></head><body><div class="container"><div class="visible-desktop mr" id="hold">大屏幕</div><div class="hidden-phone mr" id="hold">平板电脑和小屏电脑之间</div><div class="hidden-desktop mr" id="hold">横向放置的手机和竖向放置的平板之间的分辨率</div><div class="visible-phone mr" id="hold">横向放置的手机及分辨率更小的设备</div></div></body></html>CSS如下：@charset "utf-8";/* 响应式布局浏览 *//* 大屏幕 */.mr {margin:0 auto;}@media (min-width: 1200px) {#hold{background:#000;color:#fff;width:500px;height:400px;}}/* 平板电脑和小屏电脑之间的分辨率 */@media (min-width: 768px) and (max-width: 979px) {#hold{background:#960;width:500px;height:400px;}}/* 横向放置的手机和竖向放置的平板之间的分辨率 */@media (max-width: 767px) {#hold{background:#609;width:500px;height:400px;}}/* 横向放置的手机及分辨率更小的设备 */@media (max-width: 480px) {#hold{background:#9C9;width:500px;height:400px;}}大家可以自己试一下在不同设备下浏览的页面，样式发生了改变！这只是一个demo而已，通过以上这样的布局方式可以很轻松拿下IPAD、手机、电脑的不同布局，而不用针对每一个不同的版本来写不同的源码。 -
HTML5峰会-守望者 从一开始，这个聚会就带有一种悲壮的情怀。守望者，我觉得一点也不夸张，因为我们目前处境确实非常尴尬。不管是使用HTML5进行网站开发，还是WEB游戏开发，这都离不开浏览器的支持，自打浏览器百花齐放的那天开始，兼容问题就一直困扰着每一个开发者。作为一个新兴事物，在互联网高速发展的今天，浏览器的兼容问题还是没有得到彻底的解决。其实现在谈HTML5的兼容问题， 这完全是一个伪命题。因为既然使用了HTML5来开发，那就千万不要管兼容问题。因为很多东西只是浏览器支持不支持，而不是开发者能解决的。 峰会的第一天，大家都被会场的气氛所感染，大多数来到这里的都是同行，在这里，没有同行当中的竞争，只有同行直接的相互交流，来演讲的嘉宾从 github杀手（就是12306订票助手的作者，搞夸github服务器的那人，稍后会有详细说明）到adobe、腾讯、微软的工程师现场讲解，让我们每个人收获很多！ W3C代表的现场演讲，让我们看到了HTML5未来之势，也让我们看到了为了推动新事物的发展，从HTML5.0到HTML5.1，W3C为此付出的努力……（技术宅改变世界） 第一天去会场的时候，把国家会议中心与国际会议中心搞混了，在国家会议中心转了半小时没找到以后，跟着兄弟连的同学找到了他们的带队老师，一起又走了差不多20分钟才到了北京的国际会议中心。会场布置的不是很华丽，但是从每个展台到内场的布置，都能看出组织者的精心安排。很幸运，到达会场的时间还不算太晚，领到了组织方提供的餐券。进入会场入座以后，原本以为前排是给某些大的集团或者NB人物预留的座位没上去，但是后来发现，在这里才是人人平等。除了第一排是演讲嘉宾的座位以外，其他排座位都是可以随便坐的。 当我们挤到前面去以后，后面的位置很快就被坐满了。峰会正式开始几分钟以后，过道两边已经站满了人。 早上的峰会基本都是在介绍这次提供赞助的一些厂商，现场还是非常热情的，虽然我没有抽到乐视提供的60寸液晶电视（好吧，其实是我提前去展台看了，抽奖券直接没有拿到）……但是这并不是重点，重点是大家的热情让会场的空调变成了一个虚拟的东西，楼下一楼的生物药物会议远远没有楼上这么热闹。（这是百度的员工乐队……真的是乐队啊。。） 中午到了饭点，大家凭着餐券没人领到了一份盒饭，虽然不算是很好，但是毕竟这次峰会是免费参加的，有得吃已经很不错了，所谓知足者常乐。会场没有餐厅，大家只能随便找地方坐。 下午的专场，果然去了游戏专场，听了cocos2d-x 的游戏引擎， 决定回来一定要好好研究研究。 后来看了一些优秀的作品，觉得以后web游戏一定会是一个非常大的趋势，虽然画面效果没有办法跟原生游戏比，但是跨平台，打开即玩的优越性一定会打败原生游戏。我当然说的是COCO2DS-HTML5这个引擎 ，画面上的这个是欧鹏的…… 其实，参加峰会的时候我一直在想，如果贵阳也能有类似的峰会就好了，而不像现在的站长大会一样，也就是些站长在一起，吹吹牛，骂骂网监，我觉得我们需要一个真正的行业交流的机会，这样贵州的互联网才能够进步。希望明年能有贵州地区的分会，相信这一定不止是个梦想！
-
太囧的旅行日记-Wan 关键词：皇上、夏雨荷 “皇上，你还记得大明湖畔的夏雨荷吗？”还珠格格的这句台词相当经典，以至于到现在还能被人津津乐道！ 告别了泰安以后，我们马不停蹄的赶到了济南，济南原本就是一个路过的地方，不过因为是下午的车票，而还有一早上的时间，所以我们还是决定去逛一下！如果问济南有什么的话，济南有“夏雨荷” 趵突泉、大明湖，这两个地方是济南最著名的地方吧，一个是因为特殊的景色而出名，另一个则是因为电视剧出名。 趵突泉，天下第一泉！记得第一次知道趵突泉的是在小学课本上看见的，觉得很神奇的第一个地方。而现在亲眼见到了趵突泉，并没有太激动。在那蹭导游的时候，导游说趵突泉的泉水常年恒温在18度，这让我想起了长白山的某条溪水，也是常年恒温，而且还可以凉水泡茶。 其实，大明湖，真的就是一个湖而已，没有什么特别的！济南的天气特别糟糕（因为很热）！我们一直在寻找夏雨荷，但是只找到了一条船而已。船夫说这是皇上跟夏雨荷坐过的船，最后我们只能得出结论，夏雨荷已经沉在湖底了…… 济南之行并没有太多可说的地方，每一次的旅行，终点并不是那么让人关心……
-
太囧的旅行日记“3” 关键词：日照、雨、泰安 日照之行可以说在计划之中，但是又在计划之外。原本是想去威海的，在那的海边游游泳，吃吃海鲜，但是因为种种原因，还是选择了去日照，因为听说日照的海也不错。 日照，同样是第一此才听说的城市。当初听到这个名字的时候，马上就想起了李白诗里面的“日照香炉升紫烟”，不过这两个日照却完全没有关系。 从青岛坐客车到日照，也就2个多小时而已，日照也是一个比较小的城市。当我跟邦哥下客车的时候，日照这座城市就给了我们一个见面礼——下雨。由于我出门基本不带伞，邦哥的雨伞已经遗落在了青岛，现在不知道在哪个夏雨荷的手里吧！ 虽然下雨，但是邦哥寝室的老两从家里赶过来接了我们，先带我们去了一个小吃街吃了顿海鲜，不得不说，海边的海鲜就是便宜，还新鲜，那些被宰的人，一定是打开的方式不正确！说到吃海鲜，不得不吐槽一下了。因为海鲜真的腥味很重，而我又是个不能吃醋的人，所以基本就着腥味吃了好多……山东的煎饼挺出名，到了那，第一次看见那么兼任的煎饼……那煎饼牙口不好的人，我是觉得根本咬不动的。后来找到了一个比较好的方法，里面裹上海鲜，然后沾着汤吃。这种方法，所有的问题都迎刃而解！ 酒足饭饱以后，雨已经小了很多，不过还是有些小雨。我们迫不及待的去了日照的海边广场。对不起，我已经忘记了那个广场叫什么名字。本来想照相的，但是因为下雨，在日照一张照片都没有照。不过日照的海真的很好，他跟青岛的海又不一样，可能是因为下雨的原因，海边没有多少人，而且又因为下雨的原因，海边的雾很大，反而给人一种秘境的美感！ 因为连续的下雨，在日照想下海游泳的计划也泡汤了……在回旅店的路上，我们就一直研究着接下来的行程应该怎么安排。原来计划的日照下一站是泰安，泰安过后就直接回长春，但是因为日照最美的海边下雨的原因，不得不放弃这里。 回到旅店后，邦哥开始“公主病”了……好吧，其实他是吃到猪肉了。先是要死不活，然后变成半死半活，最后直接变得死了不活……不过看见他这个样子，我开始为他第二天的泰山之旅感到了弱弱的担心…… 今天的计划是早上先去逛一下，然后下午坐车到泰安，到了泰安直奔泰山！第二天一早，邦哥说他舒服很多了，我看样子也差不多了。等到二哥来了以后，邦哥的“公主病”又范了，哪也去不了，最后找了个电影院看电影去了。好吧，我承认，我一年不去电影院一次的人，在那几天基本把两年的电影已经看完了。看完电影以后，就到火车站坐车去了。火车晚上10点过到了泰安，原本按照原计划，邦哥是在泰山脚下找个旅店先休息，然后我跟二哥去爬泰山，爬完泰山以后下来找他的。但是在我们“来都来了，不上去多遗憾”的多次威逼利诱以后，邦哥也跟着我们开始了艰辛的爬山路程。 爬山免不了就要买票 ,这一次学生证又发挥了它应有的作用，给我们节约了很多钱！不过原本以为晚上爬山的人应该没有多少，而且也不是旅游旺季。排队买票的人是人山人海，还好因为不是假期，如果是假期的话我们排队就不会只排半小时才买到票了。 泰山之雄伟，只有亲自去爬过以后才能感受到。刚开始前2个小时爬山感觉还良好，由于没打算在泰安住下，所以身上的负重差不多有10近左右，而且还提了个军大衣上去！2小时过后，开始了最艰难的时候，我们走走停停，但是停留时间每次都不敢超过5分钟，因为如果休息太久了的话，这个泰山真的没有办法爬了。烧香拜佛，我把在山下买的一把香，在我遇到第一个庙的时候就已经全烧了，因为提着这些东西上山还真是累赘。事实证明我的做法是对的，因为接下来还有很长一段路要走……It's never ednind 不得不说，泰山的风景真的很好，如果不是晚上看的不太清楚的话，泰安白天简直就可以说是人间仙境的感觉了。一路上爬山的人很多，有男的，有女的，有老的，有少的，有一个人的，有成群结队的。其中我最佩服的就是那些老年人了。一路上看见很多年过六旬的老人在那爬山，其实看见他们自己也会有一种动力，他们都能爬下来，为什么我们不行？我们比他们年轻，如果这么年轻在这种事情上都能输给老年人的话，那就真是白活了。凭着这个信念，我们一直坚持向上。 中天门是泰山的一半，当我们爬到这的时候，已经是快到2点了，接下来还有一半的路要上爬。不过，在中天门的时候，山里已经起雾了，透过山上若有若无的灯光向下看，可以看到一些云海的感觉。邦哥在这个时候已经不行了，所以我们让他在山上先找个地方住下，然后我们修整了一下，继续前进！ 中天门过后，泰山的山路一下子陡了起来，虽然看着没多远，但是实际上走着走着，是非常远的地方。在路上，最陡峭的地方接近了75度的坡度，我们只能手脚并用的向上爬。这个时候，每走一步，我的膝盖，我的肩膀都在跟我抗议，但是已经到了这个地方了，就已经没有不坚持下去的理由。为了缓解爬山带来的疲劳，我一路跟着那些坚持爬山的人，这样才能不让自己掉队。路的两边随处可见睡着的人，那些人实在太可惜了，很多人上泰山爬几个小时就是为了看那半小时的日出而已，而我不知道是谁先提出这个点子的，不过我却是已经成为了他们当中的一员。一路上峭壁上刻下的文字，与看也不看一眼的行人，还有忙着在一些石头山留下自己“到此一游”墨宝的人，形成了一个鲜明的对比！ 离山顶还有1/3路程的时候，遇见一男一女两个老外，其中那女的说了一句：“It's never ednind”让我感同身受。确实，在这种情况下，真是觉得永远到达不了山顶。人在此刻才能感觉到大自然的伟大。大自然的鬼斧神工开辟了这样一个地方，而我们需要做的就只能是膜拜了。爬上山顶的时间是凌晨四点半，很幸运，我们在日出之前到达了山顶，到达了泰山最高的地方。此时此刻，一览众山小的感觉在眼前呈现，不仅仅是震撼能表达的。其实，当阳光照耀整个泰山的时候，我们从上看下去，根本不知道晚上是怎么上山的。如果是在白天的话，我想，可能不一定有勇气上去。
-
太囧的旅行日记"2" 太囧的旅行日记"2"关键词：栈桥、‘砍柴院'、崂山老师说，用单引号来包含字符串运行速度比双引号快！ 我们到青岛了！嗯！到青岛之前，我总觉得有什么事情会发生。果然，一到青岛，我们便遇到了百年难遇的，青岛的栈桥塌了…… 在青岛之前，我根本不知道栈桥是非常有名的地方。等我们到了海边后，就看见一个长桥深入海中，然后里面有一个小亭子。当我知道他是非常有名的栈桥以后，我的第一个感觉就是。。。如果不说，我就直接觉得它就是一个亭子而已~亭子而已~而已~……但是知道他是栈桥以后，我还是觉得，他就是一个亭子而已。。。而已…… 青岛的劈柴院很有名，我从它旁边过以后，第一个感觉就是，如果要去一个地方吃小吃，一定要去这里面，这里面才是品尝地方特色的地方。虽然有这个想法，但是当时还是没有意识到，这也是青岛非常有名的一个地方。 所谓大隐隐于市，劈柴院很好的阐述了这个观点。劈柴院的外面是繁华的街道，但是里面却是古香古色的一个地方。它的门也只有2米宽而已，如果不注意的话，是很难注意到的。劈柴和砍柴，看似一字只差，但是反映出来的是不同的气魄，一个“劈”字，足矣概括他的气势。而砍字则不同，没有那劈天盖地的气势，在这个繁华的城市里面，怎么能罩得住呢？ 不过，我还是喜欢叫它“砍柴院”。本来就是大隐隐于市的地方，要那个气势来外漏吗？ 第一天，到了大连，花了30块钱跟了当地土著旅行团把市区的旅游景点逛了一圈，晚上跟着邦哥，见了他的青梅竹马，然后他的青梅竹马请我们吃了顿饭。话说，青岛的夜晚甚是凉爽，邦哥却热衷于DQ与他的哈根达斯。DQ神马的，是没有听过，也没有吃过的。我吧，对于这种没有有过的感觉，一般情况下是不会轻易尝试的，所以，我也就看着邦哥淫荡的吃完了DQ，然后回到了那酒店里面 第二天醒来，本来预计是上崂山的，但是运气实在是不好！第二天开始下起了萌萌大雨。我们只能更改计划，早上在坑的鸡吃了点东西，回到酒店继续睡觉。一直到中午，貌似外面已经不下雨了，我们才又整装待发的向原计划以外的八大关进发了。 听到八大关这个名字的时候，我以为是像城墙一样的地方，可是到那才知道，原来那都是中共干部休养生息的地方。靠在海边。我对他们住的那破地方是一点感觉都没有，但是旁边的那片海，却是有魔力一般吸引着我。八大关在青岛第一海滨浴场旁边，那的海很好，沙滩很美。我们也看见了许多在那拍婚纱的年轻人。 从八大关回来后，我们终于赶到了劈柴院吃了点东西。吃了冰淇淋的煎饼。里面还有个地方，在四合院里面，中间搭个台子，有戏子在上面表演，下面的人可以喝茶吃饭，颇有古代人生活的那种韵味。但是，时不凑巧，我们去的时候没有说相声的，也没有弹琵琶的，更没有唱戏的，所以我们灰溜溜的退了出来，在旁边找了一家馆子进去了。 不得不说，这个地方的消费还不算很贵，起码吃海鲜比起其他内陆地区是便宜很多的，况且还很新鲜。不过，这种地方鱼龙混杂，什么样的人都有。在我们旁边有一桌客人，我是真不知道要叫他天真还呢，还是叫他无邪好。那货点了一盘水煮鱼， 吃了几口，遍操着那川普话大喊到 “老板！老板！你们这什么水煮鱼啊？！味道这么淡，连辣椒都没有！” “我们这水煮鱼就是这样的啊，没听过放辣椒的！”老板一脸无辜的表情看着那人。 “我们要的是正宗的四川水煮鱼！我们就要吃正宗的！你这什么玩意，赶紧给我加点辣椒” 听完后，老板无语了，只好拿回去给他放了不知道什么辣椒进去。 其实，这种人挺悲哀的。在海边城市要吃正宗的水煮鱼，别人餐馆又没写着川菜馆，还非得跟人老板要正宗的川菜。对于这种人，我只想说他脑子有病。 一夜无话 到了第三天，我们一大早就起来了。为的就是去崂山！崂山应该算是久闻其名了，等坐了2个小时公交车，在差点被邦哥的电子地图骗了以后，我们终于找到了崂山买票的地方。当然，这只是进山的门票！学生票85元钱！ 其实，一个地方，刚开始都不知道有多坑，只有真正进去了以后，才知道它真的很坑！坐着景区公交进去以后，第一个景点就是太清宫！你妹的！说好的门票是通票，但是如果想要进入太清宫里面的话，却还得花15元钱的门票钱进去！我不知道这个景区是如何规划的，但是我现在终于能体会到为什么在古代这么多人喜欢当土匪，这么多人喜欢占山为王。此山是我开，此树是我栽。要从此路过，留下买路财！到都到了这个地方，如果不进去的话，实在颇为遗憾。所以我还是选择了进去。邦哥由于来过了，所以在外面等着我。我一个人进去了。进去以后，第一件事情，就是找个刚刚进去的旅游团，管他是旅游团也好，还是一些人请的私人导游也罢，跟在后面别人说什么你就听得了，听话不用花一分钱。不得不说，崂山作为中国道教文化里面非常有名的一个地方，却是是有它的独到之处。这点从它那保存完好的宋代建筑就可以看出来，虽然年代已经过的非常久远，但是由于这里的特殊原因，所有的建筑都被保存修缮得很好。 从太清宫出来以后，到了第二个景点，其实这主要是一个分叉的景点，一般是往海边走，一边是上崂山。说实话，爬山对我来说，问题感觉不大，因为在贵阳我经常爬山。哈哈。但是邦哥死活不愿意爬三个小时的山上去，没办法，我这次只能坐我这辈子第一次坐的缆车上去。说实话，我是一点也不想坐缆车上去，因为对于这种东西，我看不到一点安全感，而且这货修得挺高。。好吧，我真的有恐高症。不过考虑了一下，还是决定尝试一下，全凭着知道这玩意死不了人，我才上去的。上了缆车以后，你会发现，上面能看到一些平常见不到的景色。比如远处的海滩，又比如海滩旁边的别墅群。等到真正上山以后，我才发现，这仅仅是另一个坑的开始！你以为缆车的终点就结束了吗？呵呵！等到下了缆车，我们又爬了差不多半小时的山，才到了山顶上那个景点！那景点叫什么？仙侣洞？仙洞？还是？好吧！管他什么洞！反正它真的就是个洞！仅此而已！等到了那个洞的门口！不出意外的，而且这也是在我意料之中的！嗯，想进去？可以！5元钱门票！在外面挣扎了很久，里面有一个人出来了，问了下里面有什么……得到的答案是……呃，站在那个台子上看风景还可以！又坐缆车下山以后，这次我是一点去其他地方的想法都没有了！只想直接坐着那景区的交通车去后门那边的海边！等到了那个海边，你会发现！天很蓝，海很美，我都忍不住把我珍藏的凉鞋拿出来，然后跑到海里去感受了一下海水的温度。刚下水的时候，感觉海水还行，然后在旁边看看风景，看看旁边一堆人在那玩着我们小时候玩的那些游戏，然后感受着那凉爽的海风，最后有种面朝大海，春暖花开的感觉。当然，以前上学时，读书读到这一句的时候，我就有种这货不是想死了吧？结果得到老师的答案就是，这首诗写完以后，海子就卧轨自杀了……这需要很大的勇气崂山回来以后，由于时间问题，我们又在青岛停留了一个晚上，到了第四天，我想，我们是应该跟这座城市说Good bay了！第四天，我们踏上了去青岛—日照的汽车……下一站，日照……（未完待续……）
