20个神奇的伪Flash网站

news/2024/5/11 18:38:11/文章来源:https://blog.csdn.net/weixin_34062329/article/details/91695693

为什么80%的码农都做不了架构师?>>>   hot3.png

不要以为下面的这些网站是使用Flash做的,它们实际上是使用老式的HTML和CSS构建,也会有少许的JavaScript,同样也能达到出乎意料的动画效果。 

1. Emilie Crssrd 
该网站做了很多设计,而使它看起来像Flash,图片加载动画更像Flash网站常见的效果一样 。 
92a0e75e-af27-37e9-afb0-b64c157d3d3d.jpg


2. Stefan Kanchev 
图标的淡入和淡出效果和你的鼠标经过的路径形成了完美的互动。 
3334288c-3932-31b8-9860-76d294e65fc2.jpg


3. Brand Republic 
该网站基于CSS元素动态地改变标准边界,创造一个3D效果,并确保Logo在强烈的背景下脱颖而出。 
94a5e0ce-1829-3603-b0d6-d8174bf0cdac.jpg


4. Cooper 
在导航中选择项目,相关内容会滚动到当前窗口中,图片的平稳过渡,感觉非常像Flash,但它确实是使用标准的Web语言来完成 。 
6f9cdf16-bef1-3b55-bc45-b9b01658b33c.jpg


5. Flipboard 
支持页面动态调整,以适应您的浏览器(有些限制),你会发现一个标准的Flash效果。 
de10f056-805a-3488-b18c-9d08aa396dfb.jpg


6. Crafty 2010 
风格和可用性之间达到一个很好的平衡。 
c01177f6-d26b-3a3e-9b3d-3f4b35d07df5.jpg


7. 20 Things I Learned About Browsers and the Web 

2b70058a-ac6b-3d59-bc24-0fd3e4be7021.jpg


8. NL Engenharia 

滑出式导航、全屏幕图像、动态调整大小,该网站拥有Flash网站的所有特点。 
202330bf-2a92-38d7-88ea-314b4936f3a9.jpg


9. Ryan C. Jones 
该网站有一个美丽的摄影组合,它利用一个简单而有效的方式来展示摄影作品。 
50057572-bbbb-3669-bc35-57e50fc14254.jpg


10. Studio Gang Architects 
乍一看,创意的界面类似Flash,它显示出老式的HTML也可以做动画效果。 
0c5ad186-9e24-333f-869e-f1b0cb4f7572.jpg


11. DIST Creative 
凭借其动画、装载图标和流动界面,这个网站是基于HTML的非常实用的动画解决方案,拥有好的Flash布局创造力。 
f9d1297c-e955-3a28-858c-2c194558fb6f.jpg


12. Messages for Japan 
该动画形式很好地突出了用户的互动。 
51ada33e-e90d-309a-93cd-dd3fb833b5e3.jpg


13. Atlason 
该网站内容充满屏幕,窗口式的布局更易让人喜欢。 
b10a8ac1-0a6e-3615-85e6-3e400982abad.jpg


14. Bit Byte Bit 
动态的区域。 
8b013948-c519-3bb2-8f24-fb3c3d5805fc.jpg


15. FORM 

148776a0-c846-3047-84fd-6588732ee2b1.jpg


16. EEHarbor 
该网站的速度是其成功的一大原因,你不会觉得动画内容花哨。 
95d6e32f-d60e-3865-86c5-4b5da5247bb8.jpg


17. Wells Riley 
一个非常特别的拉绳动画效果 。 
f5f68bd5-bf7b-38ca-ac18-db1755098797.jpg


18. Manchester Design Symposium 
具有超洁净和简单的界面,拥有固定不变的头部,页面下面的部分可以滚动浏览。 
e8c11554-013e-3172-bf21-603d4c23c3e2.jpg


19. Sophie Hardach 
有一些有趣的动画,如元素的移动、放大、停留,还有底部的波浪效果。 
d4fa360c-c810-309e-8b9b-5e4385e9ca29.jpg


20. Renato Zero 
向下滚动浏览,就会出现一个新的页面。动画是快速的,仿佛感觉不到加载。 
dec74dac-96b3-33be-823c-dab4880e68c9.jpg


英文原文:http://www.webdesignerdepot.com/2011/07/20-fantastic-pseudo-flash-websites/ 

转载于:https://my.oschina.net/opleo/blog/28048

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_746869.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

大型网站的HTTPS实践一:HTTPS协议和原理三

4.1.2 对称内容加密非对称密钥交换过程结束之后就得出了本次会话需要使用的对称密钥。对称加密又分为两种模式:流式加密和分组加密。流式加密现在常用的就是 RC4,不过 RC4 已经不再安全,微软也建议网站尽量不要使用 RC4 流式加密。一种新的替…

Linux中什么是动态网站环境及如何部署

2019独角兽企业重金招聘Python工程师标准>>> 当谈论起网站时,我们可能听说过静态和动态这两个词,但却不知道它们的含义,或者从字面意思了解一些却不知道它们的区别。 这一切可以追溯到网站和网络应用程序,Web应用程序是…

安全狗发布网站后门查杀引擎“啸天”变形网马无处可匿

2019独角兽企业重金招聘Python工程师标准>>> “啸天”——安全狗旗下产品网站安全狗新版本中加入的全新引擎,是安全狗研发团队历时数月精心打造的革命性产品,并已经通过西海岸赛可达实验室测试对比并认证,堪称国内最强网站后门查杀…

利用Serverless架构下函数计算实现网站文件处理的最佳实践

本文介绍如何通过函数计算实现网站文件管理的最佳实践,包括以下几个功能:•特定图片更新后,自动更新这些特定文件之前的压缩包(compress函数)•自动获取压缩包文件的md5值(get-object-md5函数)•…

[分享黑科技]纯js突破localstorage存储上线,远程抓取图片,并转码base64保存本地,最终实现整个网站所有静态资源离线到用户手机效果却不依赖浏览器的缓存机制,单页应用最新黑科技...

好久没有写博客了,想到2年前答应要放出源代码的也没放出来,最近终于有空先把纯js实现无限空间大小的本地存储的功能开源了,项目地址https://github.com/xueduany/localstore,demo见http://xueduany.github.io/localstore/&#xf…

铁道部回应购票网站登录难:将增加带宽

昨日,北京站东售票厅,市民在自动取票机上领取在网上预订的车票。 1月1日起,全国各铁路局电话订票和互联网售票的预售期变更为12天,提前于车站窗口和代售点。但连续两日来,不少旅客反映,因12306订票网站访问…

大型网站技术架构(六)网站的伸缩性架构

2019独角兽企业重金招聘Python工程师标准>>> 网站系统的伸缩性架构最重要的技术手段就是使用服务器集群功能,通过不断地向集群中添加服务器来增强整个集群的处理能力。“伸”即网站的规模和服务器的规模总是在不断扩大。 1、网站架构的伸缩性设计 网站的…

推荐一下:500个符合web标准的网站模板

链接地址:http://bolm.cn/xhtml/从朋友的blog上看到了.他说是500Xhtml模板,符合web标准。我看了其中几个,基本都符合我认为的web标准.付截图如右。其实有的朋友感觉web标准很难。主要是现在的浏览器标准不同造成的。甚至ie6和ie7的标准都不一样。所以导致了这种误解。其实&…

如何在XAMPP中设置多个网站

xampp 是一个非常方便的本地 apache php mysql 的调试环境,在本地安装测试 WordPress 等各种博客、论坛程序非常方便。今天我们来给大家介绍一下,如何使用 XAMPP 在本地进行安装多个网站。 一般情况下,我们只需要网站程序放到 xampp/htdoc …

大型网站后端架构设计

2019独角兽企业重金招聘Python工程师标准>>> 后端架构设计涉及很多方面,并且跟网站规模有很大关系,规模越大涉及技术越多,下面介绍一下超大型网站后端架构设计,以及包含哪些核心技术。 分层是架构设计一种重要方式&…

自定义Angular插件 - 网站用户引导

最近由于项目进行了较大的改版,为了让用户能够适应这次新的改版,因此在系统中引入了“用户引导”功能,对于初次进入系统的用户一些简单的使用培训training。对于大多数网站来说,这是一个很常见的功能。所以在开发这个任务之前&…

ASP.NET MVC 网站开发总结(六)——简谈Json的序列化与反序列化

首先,先简单的谈一下什么是序列化与反序列化,序列化 (Serialization)将对象的状态信息转换为可以存储或传输的形式的过程。在序列化期间,对象将其当前状态写入到临时或持久性存储区。以后,可以通过从存储区中读取或反序列化(Deser…

新站推荐3-中国版的Smarterer“一问一答”网站

过去的一年,我们曾连续报道了美国的在线技能测试平台Smarterer。用户可在60秒时间内回答一定数量的问题,从而向雇主证明自己所擅长的技能。 受它的启发,北京的HiAll团队近日推出了中国版的Smarterer“一问一答”网站,并增加了在线…

网站导航(TreeView 控件)

TreeView 是让人印象最深刻的导航控件之一,不仅因为它允许呈现富树视图,还因为它支持按需填入树的部分(不需要刷新整个页面)。但最重要的是,它支持很多样式来改变它的外观。 通过几个基本的属性,可以把 Tre…

ASP.NET MVC 学习网站

转载于:https://www.cnblogs.com/nlsoft/archive/2013/03/24/2978563.html

大流量网站性能优化:一步一步打造一个适合自己的BigRender插件(转)

BigRender 当一个网站越来越庞大,加载速度越来越慢的时候,开发者们不得不对其进行优化,谁愿意访问一个需要等待 10 秒,20 秒才能出现的网页呢? 常见的也是相对简单易行的一个优化方案是 图片的延迟加载。一个庞大的页面…

运行Silverlight3 的网站弹出 IE 安全确认框

问题贴:http://social.microsoft.com/Forums/zh-CN/partnercndevsilverlight/thread/b2a133a3-05ab-4698-ba91-2db6a5e1d736 Q: 程序用Silverlight3写的!但是客户端安装了 Silverlight4, 有时候会弹出下面确认框. 如果在安装Silverlight3的客户端访问则不会出现上面…

Python的scrapy之爬取boss直聘网站

在我们的项目中,单单分析一个51job网站的工作职位可能爬取结果不太理想,所以我又爬取了boss直聘网的工作,不过boss直聘的网站一次只能展示300个职位,所以我们一次也只能爬取300个职位。 jobbossspider.py: # -*- coding: utf-8 -*…

ASP.NET网站部署问题集

这几天为了给客户演示我们的项目,发现原来程度在开发环境和部署环境中还不太一样,原本在开发环境中程度运行的好好的,而部署后装在服务器则可能产生不少的错误。因此记录下所遇到的问题,方便以后查询同时也希望能帮遇到相关问题的…

多屏设备网站设计

2019独角兽企业重金招聘Python工程师标准>>> 解决方案: 不同域名 为不同设备屏幕编写代码 相同域名 判断设备类型选择不同的视图 自适应网页设计 转载于:https://my.oschina.net/u/190049/blog/173248