博客foreach(everyday){久}不更新了，关于前端开发方面的东西最近关注也没有往常频繁了。百度大神依旧对我的网站不闻不顾，无奈。但是技术还是要提高，分享依旧要继续。顺应一句话，你收或者不收，我都在这里。只增不减，不悲不喜。
ok，废话免谈。在之前的文章中曾经写到过一篇“三角形变形记之纯css实现的分布导航条效果”，其中用到了边框实现三角形的效果。最近又折腾了一个六边形的蜂窝效果给大家蹂躏。主要用到了是两个绝对定位的三角形，一个在上面一个在下面。配合一个长方形拼接成了六边形。该效果兼容各大主流浏览器，支持hover效果，重要的是纯css实现的。不多说了，大家运行代码观看效果吧。
提示：您可以先修改部分代码再运行
具体实现的原理部分就不多说了，大家下载下来代码稍加研究就明白了。利用这个效果可以做多种多样的效果。关键是看每个人的思维发散空间，我比较笨，做不来特别有想法的东西，仅此提供方法给那些有想法的developer。另外下面说下一个关于边框实现三角形在ie6的兼容效果。
在之前的三角形变形记之纯css实现的分布导航条效果文章中写了比较详细的边框实现三角形的方法，但是在针对ie6的方法上不是特别的完美。现在发出最新的兼容ie6的方法，就是非显示的边框border-style设置为dotted，需要显示的边框border-style设置为solid；
提示：请在ie6下对比查看，如有bug欢迎反馈
提示：您可以先修改部分代码再运行
纯css实现六边形的高级进阶
实现了六边形难免想要整出点幺蛾子来。下面我给该六边形加了一个背景图，做背景平铺到六边形的后面。样式可以简单实现了，但是仍旧存在诸多的不足，1是ie的兼容问题，然后是如果存在多个的情况下，不能实现蜂窝的效果。哪位高手如能完美实现，还请告知。下面看我实现代码：
提示：您可以先修改部分代码再运行
实现原理上比较单纯，在之前的蜂窝效果上加个背景图。设置显示的边框的背景颜色是透明。需要注意的是采用的图片的高度等于整个六边形的高度（比如我这张图片的高度=长方形高度58+上面三角形border-bottom宽度30+下面三角形border-top宽度30=118px），并设置上下部分的背景为同一个图片，上面的用background-position定位到top center;下面的图片定位到 bottom center;这样的话整个图片刚好被遮住形成六边形背景的效果。不过仍旧是有不足的。欢迎大家提出更好的方法。
蜂窝来袭，Are you ready ?
最后采用了css伪类元素，并结合jquery做了一个真正的蜂窝效果。当然ie6是不在兼容范围内的。感兴趣的朋友自行折腾吧。代码写的比较匆忙，也比较粗糙。大家看后乐呵乐呵就罢了。不过还是那句话，有问题欢迎留言讨论。
ok，废话免谈。在之前的文章中曾经写到过一篇“三角形变形记之纯css实现的分布导航条效果”，其中用到了边框实现三角形的效果。最近又折腾了一个六边形的蜂窝效果给大家蹂躏。主要用到了是两个绝对定位的三角形，一个在上面一个在下面。配合一个长方形拼接成了六边形。该效果兼容各大主流浏览器，支持hover效果，重要的是纯css实现的。不多说了，大家运行代码观看效果吧。
提示：您可以先修改部分代码再运行
具体实现的原理部分就不多说了，大家下载下来代码稍加研究就明白了。利用这个效果可以做多种多样的效果。关键是看每个人的思维发散空间，我比较笨，做不来特别有想法的东西，仅此提供方法给那些有想法的developer。另外下面说下一个关于边框实现三角形在ie6的兼容效果。
在之前的三角形变形记之纯css实现的分布导航条效果文章中写了比较详细的边框实现三角形的方法，但是在针对ie6的方法上不是特别的完美。现在发出最新的兼容ie6的方法，就是非显示的边框border-style设置为dotted，需要显示的边框border-style设置为solid；
提示：请在ie6下对比查看，如有bug欢迎反馈
提示：您可以先修改部分代码再运行
纯css实现六边形的高级进阶
实现了六边形难免想要整出点幺蛾子来。下面我给该六边形加了一个背景图，做背景平铺到六边形的后面。样式可以简单实现了，但是仍旧存在诸多的不足，1是ie的兼容问题，然后是如果存在多个的情况下，不能实现蜂窝的效果。哪位高手如能完美实现，还请告知。下面看我实现代码：
提示：您可以先修改部分代码再运行
实现原理上比较单纯，在之前的蜂窝效果上加个背景图。设置显示的边框的背景颜色是透明。需要注意的是采用的图片的高度等于整个六边形的高度（比如我这张图片的高度=长方形高度58+上面三角形border-bottom宽度30+下面三角形border-top宽度30=118px），并设置上下部分的背景为同一个图片，上面的用background-position定位到top center;下面的图片定位到 bottom center;这样的话整个图片刚好被遮住形成六边形背景的效果。不过仍旧是有不足的。欢迎大家提出更好的方法。
蜂窝来袭，Are you ready ?
最后采用了css伪类元素，并结合jquery做了一个真正的蜂窝效果。当然ie6是不在兼容范围内的。感兴趣的朋友自行折腾吧。代码写的比较匆忙，也比较粗糙。大家看后乐呵乐呵就罢了。不过还是那句话，有问题欢迎留言讨论。
暂无“纯css实现的六边形(蜂窝)导航效果(支持hover/兼容浏览器)”评论...
苹果官宣WWDC 2024！预计会有大批AI功能 - 2024/11/16
3月27日消息，苹果宣布2024年全球开发者大会（WWDC）将于6月10日至6月14日举行，巧合的是，这次大会与端午假期重合。
苹果官方表示：
在线参加 Apple 每年规模最大的开发者盛会。亲眼见证 Apple 最新平台、技术和工具的发布。了解如何创建和改进你的 App 和游戏。与 Apple 设计师和工程师互动交流，与全球开发者社区建立联系。以上活动均免费在线举行。
探索各种新的工具、框架和功能，助力你打造出理想的 App 和游戏。通过视频讲座学习新技能，与 Apple 专家进行一对一会面，以推进你的项目，完善你的构思。
Swift Student Challenge 旨在支持和鼓舞下一代开发者、创作者和企业家。太平洋时间 3 月 28 日，我们将公布今年的获奖者名单。获奖者将有资格参加在 Apple Park 举办的特别活动。我们还会选出 50 名杰出获胜者，他们将受邀前往库比提诺，获得为期三天的非凡体验，包括参加 Apple Park 的特别活动。
3月27日消息，苹果宣布2024年全球开发者大会（WWDC）将于6月10日至6月14日举行，巧合的是，这次大会与端午假期重合。
苹果官方表示：
在线参加 Apple 每年规模最大的开发者盛会。亲眼见证 Apple 最新平台、技术和工具的发布。了解如何创建和改进你的 App 和游戏。与 Apple 设计师和工程师互动交流，与全球开发者社区建立联系。以上活动均免费在线举行。
探索各种新的工具、框架和功能，助力你打造出理想的 App 和游戏。通过视频讲座学习新技能，与 Apple 专家进行一对一会面，以推进你的项目，完善你的构思。
Swift Student Challenge 旨在支持和鼓舞下一代开发者、创作者和企业家。太平洋时间 3 月 28 日，我们将公布今年的获奖者名单。获奖者将有资格参加在 Apple Park 举办的特别活动。我们还会选出 50 名杰出获胜者，他们将受邀前往库比提诺，获得为期三天的非凡体验，包括参加 Apple Park 的特别活动。