前端工程师和设计师必读文章推荐【系列三十五】

news/2024/7/3 20:28:57

  《Web 前端开发精华文章推荐》自2011年6月20号发布第一期以来,历经五年半,总共发布了30多期。今天这篇是2017年第1期(总第35期),希望你能在这里发现有用的资料。

  梦想天空专注前端开发技术,分享提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章能够帮助到您。

HTML5 & CSS3

  • Swiper – 经典的移动触摸滑块插件【免费】
  • Kickoff - 创造可扩展的,响应式的网站
  • 16种基于 CSS3 & SVG 的创意的弹窗效果
  • BookBlock - 效果非常真实的书本翻页预览
  • 很赞的效果!互动的页面元素拖放着色实验
  • SVG Drawing Animation - SVG 绘制动画
  • Filter Effects - 使用 CSS3 滤镜处理图片
  • Space.js – HTML 驱动的页面 3D 滚动效果
  • Primer – 支撑 GitHub 的 CSS 工具包和准则
  • 赞!15个来自 CodePen 的酷炫 CSS 动画效果

JS 框架和工具

  • Electron - 创建跨平台的桌面客户的应用程序
  • Lazyr.js – 延迟加载图片(Lazy Loading)
  • Rainyday.js – 使用 JavaScript 实现雨滴效果
  • 6to5 – 让你即刻体验 ECMAScript 6 编程
  • Dom Animator – 提供 Dom 注释动画的 JS 库
  • Awesomplete - 零依赖的简单自动完成插件
  • T3 - 构建大型 Web 应用的 JavaScript 框架
  • Restive.js – 轻松让网站变成响应式和自适应
  • BasicModal - 简单易用的现代 Web App 弹窗
  • Mega Dropdown - 带子分类的响应式下拉菜单

网站素材

  • EventRay UI Kit – Web & Mobile 的素材
  • 基于 Bootstrap 的响应式后台管理面板
  • 1001Freedownloads – 免费下载海量素材
  • 免费的 Photoshop Apple Watch 原型设计素材
  • 错误的艺术!20个创意的404错误页面设计
  • 20个最新的照片 PS 技巧,提升摄影水平

实用工具

  • Pexels Videos – 可以免费商业使用的短视频
  • Dropplets – 极简的 Markdown 博客平台
  • Click Magick – 下一代点击跟踪和链接管理
  • Ratatype - 在线打字教程,提高打字速度
  • Slides - 在线制作效果精美的幻灯片(PPT)

同系列文章

  • Web 前端开发人员和设计师必读文章推荐【系列一】
  • Web 前端开发人员和设计师必读文章推荐【系列二】
  • Web 前端开发人员和设计师必读文章推荐【系列三】
  • Web 前端开发人员和设计师必读文章推荐【系列四】
  • Web 前端开发人员和设计师必读文章推荐【系列五】
  • Web 前端开发人员和设计师必读文章推荐【系列六】
  • Web 前端开发人员和设计师必读文章推荐【系列七】
  • Web 前端开发人员和设计师必读文章推荐【系列八】
  • Web 前端开发人员和设计师必读文章推荐【系列九】
  • Web 前端开发人员和设计师必读文章推荐【系列十】
  • Web 前端开发人员和设计师必读文章推荐【系列十一】
  • Web 前端开发人员和设计师必读文章推荐【系列十二】
  • Web 前端开发人员和设计师必读文章推荐【系列十三】
  • Web 前端开发人员和设计师必读文章推荐【系列十四】
  • Web 前端开发人员和设计师必读文章推荐【系列十五】
  • Web 前端开发人员和设计师必读文章推荐【系列十六】
  • Web 前端开发人员和设计师必读文章推荐【系列十七】
  • Web 前端开发人员和设计师必读文章推荐【系列十八】
  • Web 前端开发人员和设计师必读文章推荐【系列十九】
  • Web 前端开发人员和设计师必读文章推荐【系列二十】
  • Web 前端开发人员和设计师必读文章推荐【系列二十一】
  • Web 前端开发人员和设计师必读文章推荐【系列二十二】
  • Web 前端开发人员和设计师必读文章推荐【系列二十三】
  • Web 前端开发人员和设计师必读文章推荐【系列二十四】
  • Web 前端开发人员和设计师必读文章推荐【系列二十五】
  • Web 前端开发人员和设计师必读文章推荐【系列二十六】
  • Web 前端开发人员和设计师必读文章推荐【系列二十七】
  • Web 前端开发人员和设计师必读文章推荐【系列二十八】
  • Web 前端开发人员和设计师必读文章推荐【系列二十九】
  • Web 前端开发人员和设计师必读文章推荐【系列三十】
  • Web 前端开发人员和设计师必读文章推荐【系列三十一】
  • Web 前端开发人员和设计师必读文章推荐【系列三十二】
  • Web 前端开发人员和设计师必读文章推荐【系列三十三】
  • Web 前端开发人员和设计师必读文章推荐【系列三十四】

 

本文链接:前端工程师和设计师必读文章推荐【系列三十四】

文章来源:梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源



http://www.niftyadmin.cn/n/4611456.html

相关文章

hbuildx快捷键设置(IDEA为基准)

![在这里插入图片描述](https://img-blog.csdnimg.cn/c54faf8a561846c98b8a678f9211c79f.png#pic_center)### 在下面新建一行 {"key":"shiftenter","command":"editor.action.insertLineAfter"}, ### 改了上面的,这个也得改…

【chap4-链表】用Python3刷《代码随想录》

通过指针串联在一起的线性结构,每一个节点由两部分组成,一个是数据域data,另一个是指针域next(存放指向下一个节点的指针),最后一个节点的指针域指向null(空指针) 链接的入口点称为…

Linux 文件搜索

为什么80%的码农都做不了架构师?>>> 文本搜索:grep (文本中找内容) Linux系统中grep命令是一种强大的文本搜索工具,grep允许对文本文件进行模式查找。如果找到匹配模式, grep打印包含模式的所有…

JavaScript如何减少if(装x牛逼)

正常的写法是这样的 if (newValue 2) {this.is_abnormal true;} else {if (this.form.motor ! 2 && this.form.die ! 2 && this.form.position ! 2) {this.is_abnormal false;}}使用return和&&符号之后 if (newValue 2) {this.is_abnormal true;r…

[转]java提高篇(十一)-----强制类型转换

在java中强制类型转换分为基本数据类型和引用数据类型两种,这里我们讨论的后者,也就是引用数据类型的强制类型转换。 在Java中由于继承和向上转型,子类可以非常自然地转换成父类,但是父类转换成子类则需要强制转换。因为子类拥有比…

NodeJS-express框架搭建

首先新建一个文件夹C:\test在该文件夹打开cmd安装express模块,npm install express 再运行npm init初始化项目这时候的目录是test{node_modules,package-lock.json,package.json} 在test目录下创建文件app.js 在test目录下创建文件夹route 在route文件夹下创建文件u…

express静态资源配置

目录如下 创建views.js const router require(express).Router(); const fs require(fs); const { resolve } require(path); router.get(/index.html, (req, res) > {// 这里设置utt-8否则返回的buffer数据格式,会自动下载fs.readFile(resolve(./)/views/in…

说一说我理解的css

什么是CSS 从字面上来理解,css的全称是Cascading Style Sheets,翻译成为中文,就是层叠样式表,为啥子要叫作这个名字? 先来看看这个层字:从字面意义上来理解,就是一层一层的意思 我们一般都是怎么…