`
lokki
  • 浏览: 60182 次
  • 来自: ...
社区版块
存档分类
最新评论

div+css应用in手机终端

    博客分类:
  • j2me
阅读更多
一些新的企业应用想法在我心里产生,而一些有过的J2ME梦想,也想和朋友们分享。

现在新的W3C网页标准成为了PC Web上的标准和趋势,世界的网页格式都已经向这个标准靠拢,这个趋势是web朝着语义网发展的一小步,
在W3C新标准里发挥最大作用、给网页设计师最轻松开发体验的是div+css技术。
通过div+css技术,让网页代码结构变得更简单更清新,并且把人们最需要的内容信息与排版格式分离开来,从而让处理器更方便地把内容呈现在我们的面前。
 
这些内容和网页也能方便地在手机上显示,只不过手机开发者在这上面只进行了第一步,现在手机用户还在忍受着糟糕的界面体验。
 
比如:如新浪网、infoq.com/cn/、javaeye这样大信息量的网站,页面上的内容都是分块,
但一般手机浏览器是和PC上的浏览器一样地工作,一般显示全页面+滚动条,而更好的用户体验方式的将每块的信息显示成清晰的一页,同时只需要将用户需要的那块信息显示。
 
比如:在手机上浏览PDF文件时,手机屏幕上仍然按PDF的印刷格式和字体显示,无论怎样放大都不能给用户清晰的影像,而其实开发者要不拘一格,只要转换一下显示的样式,让PDF文字用清晰的文本字体和格式显示就会美妙很多。
 
是的,显示的内容只要变一下样式和布局,就能很清晰地显示在手机屏幕上。
 
我的一个愿望是想让手机在320X240以上的分辩率时,web体验和手机界面体验就很爽,很轻快,同时能帮到繁忙的商务人士和终日需要坐在计算机面前的开发者。
 
要达到以上显示的转换或只显示用户需要的那一块内容,可以直接开发手机浏览器的相关代码或注入和替换所采用的css。
 
同时,不直接开发手机web浏览器,也有多种用注入和替换的方式变换网页在手机上的显示。
 
同时,新的PC软件界面技术xul、xaml也给我很多提示和参考。
 
决定手机屏幕的是用户而不是程序员生硬的思想,正如,PC上的浏览器,正向多样化特色化发展,非官方的浏览器界面(Opera/Maxthon/GoSurf)占据了普通用户的屏幕,手机上的浏览器同样会出现这个趋势,会出现多功能和特色化,从一个简单的浏览器会发展成多能浏览器:web、RSS、pdf、Wap,这将会成为需要浏览广泛文本信息商务人士的至爱。 
我是一个终日需要坐在计算机面前的开发者,觉得坐在电脑前开发是一件很高效率和投入的事情,然而我也喜欢在微波炉旁工作,快乐工作,这会让我保持灵感和创新的源泉。
我想开发一个能在如索爱M608c QVGA这样的设备上能有很清晰显示体验的highlightEditor@mobile,并配予与桌面开发环境轻松的连接方式,正如Apple公司的ipod与ibook笔记本无缝相连和操作那样,只要用一根方便的数据线相连上,在ipod里解码mp3,在ibook的扬声器就可以播放出来。

同时,推荐一下“发小”果子的一篇文章,他最近在推荐我看《智能简史》
http://aamissile.spaces.live.com/Blog/cns%218F19F848CF76C336%21594.entry
分享到:
评论
2 楼 lordhong 2007-08-13  
320x240看PDF还是很吃力的
1 楼 wuhua 2007-08-02  
兄弟,写的不错。
文章被我引用到
http://javaeye.5d6d.com/thread-32-1-1.html

相关推荐

    scrapy爬虫爬取应用宝上的内容并写入数据库

    for app in response.css('div.appInfo'): # 假设应用信息在div.appInfo元素中 app_name = app.css('h3 a::text').get() # 获取应用名称 yield {'app_name': app_name} # 生成一个包含应用名称的字典,用于进一步...

    网络爬虫一个最简单的实例.rar

    for jobPosting in response.css('div.job-posting'): job_title = jobPosting.css('h2.title::text').get() company_name = jobPosting.css('div.company::text').get() salary = jobPosting.css('span.salary:...

    使用scrapy框架爬取拉勾网数据

    for job_item in response.css('div.job-item'): # 提取职位名称、公司名、薪资等信息 job_title = job_item.css('h3 a::text').get() company_name = job_item.css('.company::text').get() salary = job_item...

    Vue + mintUI 省市区单击联动

    打开终端,运行以下命令: ```bash # 创建Vue项目 vue create my-app # 进入项目目录 cd my-app # 安装Mint UI npm install mint-ui --save ``` **2. 引入Mint UI** 在`src/main.js`文件中引入Mint UI样式和组件...

    react-app3408924702213074

    `create-react-app` 支持 CSS Modules 和 styled-components 等 CSS in JS 解决方案,允许在 JavaScript 中编写样式,提高代码复用和模块化。 9. **测试与错误监控** 项目预装了 Jest 和 Enzyme 用于单元测试,`...

    Python-Scrapy 入门级爬虫项目实战

    for item in response.css('div.post'): yield { 'title': item.css('h2::text').get(), 'content': item.css('div.post-con::text').get(), } # 追溯下一页 next_page = response.css('a.next::attr(href)'...

    Todo-List-JS

    打开您的终端通过运行cd FOLDER-NAME导航到您要在其中安装存储库的目录克隆此存储库git clone https://github.com/Div685/Todo-List-JS.git要安装Webpack和依赖项,请运行以下命令作者 :bust_in_silhouette:吉齐·...

    Laravel开发-laravel-elfinder

    <div id="elfinder"></div> var elf = $('#elfinder').elfinder({ url : '{{ route('elfinder.connector') }}', // connector URL lang : 'zh_CN', // language (OPTIONAL) /* see other options in js/...

    python scrapy 爬虫 下载并保存图片

    for car in response.css('div.car-image'): # 根据实际网站结构调整选择器 image_url = car.css('img::attr(src)').get() yield {'image_url': image_url} next_page = response.css('a.next::attr(href)')....

    vue.js实现仿原生ios时间选择组件实例代码

    <div class="wheel-div" v-for="day in renderListDay" :style="{transform: 'rotate3d(1, 0, 0, 80deg) translate3d(0px, 0px, 2.5rem)'}">{{day.value}}</div> </div> </div> <!--other box--> </div> ``` ...

    python使用 Scrapy 爬取唯美女生网站的图片资源

    for img in response.css('div.image-container img'): yield {'image_url': img.attrib['src']} # 如果页面有分页,可以在这里添加逻辑以爬取更多页 ``` 这段代码会抓取每个图片的URL并将其作为字典项`image_...

    vue引入swiper插件的使用实例

    <div v-for="value in lbt" class="swiper-slide swiper-slide-next" :style="{backgroundImage: 'url(' + value.imgs + ')'}"></div> </div> <div class="swiper-button-next swiper-button-white"></div> <div...

    在pycharm中开发vue的方法步骤

    3. **style**:存放CSS样式,定义组件的外观。 例如,一个简单的Vue组件可能如下所示: ```javascript <div class="course"> {{course_list}} </div> export default { name: 'course', data: function ...

    react-app5728038180357847

    9. **CSS in JS** `create-react-app`默认支持CSS Modules,也可以集成像`styled-components`这样的库,将CSS直接写入JS中,提高样式复用和模块化。 10. **测试** `create-react-app`内置了Jest和Enzyme,便于...

    Vue + better-scroll 实现移动端字母索引导航功能

    在移动互联网终端开发中,为了提供良好的用户体验,常常需要实现字母索引导航功能,特别是在展示大量分类数据如歌手列表时。本篇文章将详细介绍如何使用 Vue.js 框架结合 better-scroll 插件来实现在移动端的字母...

    coleta_dados_beatifulsoap:用BeatifulSoap收集数据

    for div in divs_with_class: print(div) ``` 在Jupyter Notebook中,我们可以实时查看结果,进行调试,这对于数据采集过程非常有利。同时,还可以结合其他库如Pandas,将抓取到的数据整理成DataFrame,进一步进行...

    web-scraper:使用Scrapy,从网页上抓取您项目的数据

    for product in response.css('div.product'): yield { 'name': product.css('h2::text').get(), 'price': product.css('.price::text').get(), } # 检查是否存在分页链接,并进行下一步抓取 next_page = ...

    react-imagebox:一个用于React的简单图像灯箱组件

    - **自定义样式**:你可以通过CSS或者CSS-in-JS库来调整组件的样式,以符合你的项目需求。 - **键盘导航支持**:用户可以通过键盘的左右箭头键来切换图片。 - **点击/触摸关闭**:用户可以通过点击灯箱外的任何地方...

    Vue基于iview table展示图片实现点击放大

    在项目的终端中,可以通过以下命令安装`v-viewer`: ```bash npm install v-viewer --save ``` 安装完成后,我们需要在全局范围内引入`v-viewer`及其样式。通常,我们会在`main.js`文件中进行配置: ```...

Global site tag (gtag.js) - Google Analytics