42个新鲜的开发人员资源素材

标签: 网页设计 CSS JavaScript jquery WEB | 发表时间:2013-12-15 10:04 | 作者:jackchen
出处:http://www.jackchen.cn/blog

newresourcestools15
对于开发和设计人员来说,很多时候接到项目后需要时刻和时间去做无形的赛跑。如何提高效率是每一次项目结束后大家都会讨论的热点问题之一。如何去接受和更多了解一些新工具或许是开启速度的钥匙。为了提高效率很多优秀的设计师和开发人员会在经历了一些项目后把经验演变成新的规则工具。后来者就可以站在前人的臂弯上去快速开始一些基础架构。让开发效率赢不断提高。今天要分享给大家的就是这样一些资源素材。相信你可以在这里找到你需要的好东西。

CSS Modal

CSS Modal is built out of pure CSS. JavaScript is only for sugar. This makes them perfectly accessible. The modals are designed using responsive web design methods. They work on all screen sizes from a small mobile phone up to high resolution screens.

newresourcestools1

JSHint

JSHint is a tool that helps to detect errors and potential problems in your JavaScript code. To start enter your JavaScript below and click the Lint button.

newresourcestools23

Light Table IDE

Light Table is a new interactive IDE that lets you modify running programs and embed anything from websites to games. It provides the real time feedback we need to not only answer questions about our code, but to understand how our programs really work.

newresourcestools40

CSS Trashman

The trashman examines your site’s live DOM and reverse engineers a new, more elegant definition that captures styles down to the pixel.

newresourcestools2

Prepros

Preprocessing just got easier with Prepros Enjoy the dead simple design & development workflow.

newresourcestools3

Browserhacks

Browserhacks is an extensive list of browser specific CSS and JavaScript hacks from all over the interwebs.

newresourcestools4

Learn CSS Layout

This site teaches the CSS fundamentals that are used in any website’s layout.

newresourcestools6

PiCSSel-art

PiCSSel-art is a very useful drawing tool to draw pixel art and get it in CSS. Draw pixel art using CSS only.

newresourcestools7

Markdown.css

CSS to make HTML markup look like plain-text markdown.

newresourcestools8

Validatrn

Cross Browser HTML5 Form Validation.

newresourcestools9

LESS Prefixer

LESS Prefixer is a set of LESS mixins that let you use vendor-prefixed CSS properties without the prefixes. It uses some simple conventions and gets out of the way so you can use the CSS you already know, but with less typing.

newresourcestools10

Csscss – A CSS Redundancy Analyze

Csscss will parse any CSS files you give it and let you know which rulesets have duplicated declarations.

newresourcestools11

CSSO – Structural Optimization of CSS Files

CSSO (CSS Optimizer) is a CSS minimizer unlike others. In addition to usual minification techniques it can perform structural optimization of CSS files, resulting in smaller file size compared to other minifiers.

newresourcestools12

Cascade Framework

Semantic and non-semantic grid layouts, base templates, table designs, navigation elements, typography and lots, lots more.

newresourcestools13

Responsable Framework

Responsable uses the power of less and sass to bring you a perfect responsive framework.

newresourcestools14

jQuery Learning Center

There’s a lot more to learn about building web sites and applications with jQuery than can fit in API documentation. If you’re looking for explanations of the basics, workarounds for common problems, best practices, and how-tos, you’re in the right place!

newresourcestools5

Mueller Grid System

MUELLER is a modular grid system for responsive/adaptive and non–responsive layouts, based on Compass. You have full control over column width, gutter width, baseline grid and media–queries.

newresourcestools15

Pure

A set of small, responsive CSS modules that you can use in every web project.

newresourcestools16

PocketGrid

Tiny and powerful CSS grid system.

newresourcestools17

Kraken

A lightweight, mobile-first boilerplate for front-end web developers.

newresourcestools18

.Fitgrid

.FITGRD is the lightweight & sexy looking responsive grid for your next awesome website.

newresourcestools19

Mosto Framework for Forms

A lightweight framework for forms.

newresourcestools20

Typeplate

Frameworks make decisions for you about how to organize, structure and design a site. Pattern libraries don’t separate styling and markup, making them tough to use in a truly modular fashion. We weren’t satisfied, so we made a thing that doesn’t do that.

newresourcestools21

Topcoat

CSS for Clean & Fast Web Apps.

newresourcestools22

Flatdoc

Flatdoc is the fastest way to create a site for your open source project.

newresourcestools24

svg.js

A lightweight library for manipulating and animating SVG.

newresourcestools25

Midway.js

Midway.js makes it super easy to automatically center the responsive elements on your websites.

newresourcestools26

WideArea

WideArea is simple and lightweight JavaScript and CSS library (2KB JS and 4KB CSS) which helps you to write better, simpler and faster.

newresourcestools27

Gif.js

Full-featured JavaScript GIF encoder that runs in your browser.

newresourcestools28

Countable.js

Countable is a JavaScript function to add live paragraph-, word- and character-counting to an HTML element. Countable is a zero-dependency library and comes in at 1KB when minified and gzipped.

newresourcestools29

Packery

Packery makes your crazy & clever layout a real thing. Be clever. Get crazy.

newresourcestools30

Highlight.js

Highlight.js highlights syntax in code examples on blogs, forums and in fact on any web pages. It’s very easy to use because it works automatically: finds blocks of code, detects a language, highlights it.

newresourcestools31

Intern

Intern takes the stress out of testing your Web app.

newresourcestools32

Chart.js

Easy, object oriented client side graphs for designers and developers.

newresourcestools33

Draggabilly

Make that shiz draggable.

newresourcestools34

React

A JavaScript library for building user interfaces.

newresourcestools35

Pedestal

An open source tool set for building web applications in Clojure.

newresourcestools36

Helios

Helios is an open-source framework that provides essential backend services for iOS apps, from data synchronization and push notifications to in-app purchases and passbook integration. It allows developers to get a client-server app up-and-running in just a few minutes, and seamlessly incorporate functionality as necessary.

newresourcestools37

RoughDraft.js

Quickly create and prototype a full interactive HTML mock-up without duplicating markup, server-side loops/code, or having to source fake content (lorem ipsum text/images).

newresourcestools38

Red Pen

Red Pen lets you upload your design, share a short URL, and get live, annotated feedback super-fast. It remembers you— no project management, no complexity, no bullshit.

newresourcestools39

Fake Images Please?

When designing websites, you may not have the images you need at first. But you already know the sizes and inserting some placeholders can help you better seeing the layout. Don’t waste your time making dummy images for your mockup or wireframe. Fakeimg.pl is a little tool that generates images with an URL. Choose the size, the colors, even the text.

newresourcestools41

Preboot

Preboot is a comprehensive and flexible collection of LESS utilities. Its original variables and mixins became the precursor to Bootstrap. Since then, it’s all come full circle.

newresourcestools42


Via


猜您也喜欢:

7个开发人员和设计师适用的WEB应用资源

WEB设计师和开发人员需要的新鲜资源

30个新鲜icon图标包设计师和开发人员的最爱

WEB设计师和开发人员需要的新鲜资源
无觅

相关 [新鲜 开发 资源] 推荐:

WEB设计师和开发人员需要的新鲜资源

- redhobor - 互联网的那点事
网页设计正在进入全新的领域,各种技术每天都在涌现. 网页设计师和开发人员都需要不停的去改进自己的思维不停的去创新用户体验,才能让项目在众多的网页中脱颖而出. 但是不管是WEB设计师还是开发人员,都需要有一套属于自己的素材库,里面有各种资源可随时调用. 下面是我们分享给大家的一些非常实用和新鲜的资源,其中有关于幻灯片插件,有CSS框架,有HTML5和CSS3还有GUI,jQuery等等.

42个新鲜的开发人员资源素材

- - Jackchen Design 1984
对于开发和设计人员来说,很多时候接到项目后需要时刻和时间去做无形的赛跑. 如何提高效率是每一次项目结束后大家都会讨论的热点问题之一. 如何去接受和更多了解一些新工具或许是开启速度的钥匙. 为了提高效率很多优秀的设计师和开发人员会在经历了一些项目后把经验演变成新的规则工具. 后来者就可以站在前人的臂弯上去快速开始一些基础架构.

iOS开发资源

- - Starming星光社最新更新
iOS App UI 欣赏、分享精美的App界面设计. iOS代码实例搜索、iOS特效示例、iOS代码例子下载. 以web的形式提供iOS UI设计的素材,你可以在web上拖动一些控件做出简单的ios 应用效果,并且生成一个URL,能分享给其他人. 一款 Photoshop 插件,由 UI Parade 推出的一款针对iOS UI 的设计工具,设计师动动鼠标即可制作精美的 iOS 应用原型.

iPhone开发资源汇总

- 圣斌 - Starming星光社最新更新
这里总结了iPhone开发者开发过程中可能需要的一些资源. 如何用Facebook graphic api上传视频:. Keychain保存数据封装:. 自定义圆角Switch按件:. 弹出窗口For iphone and ipad:. 可伸缩的toolBar实例:. cocos2d中也可用UIScrollView,UITableView,UIGestureRecognizers.

Android应用开发资源

- - InfoQ cn
Android应用设计和开发人员现在可以参考由Android用户体验(UX)团队官方发布的 Android设计指南. 该指南提供了开发者应该遵循的基本原则,并列出了很多细节指导,涉及 设备与显示、 主题、 触控交互、 度量与栅格、 排版、 色彩、 图标设计,以及如何 编写用户交互界面的提示语.

2013年2月网页设计新鲜资源

- - Jackchen Design 1984
在刚刚过去的2月对于网页设计时和开发人员需要注意那些新鲜的东西呢. 互联网泡沫那么大,信息量那么多,不需要的咨询常常充斥这我们的大脑,占据这我们的时间. 那些我们需要关注的优秀新鲜的WEB应用程序,jQuery插件,Javascript资源,项目管理工具,CMS,HTML框架,WEB开发工具以及那些伟大的新字体.

40+新鲜的WEB开发人员开发框架和工具

- - Jackchen Design 1984
对于现在很多WEB开发人员来说,项目的效率就是一切,因为时间就是金钱. 很多人都不在自己的模式里捣鼓研究了,而是用各种流行的框架和第三方平台去让项目更快的推进. 今天我们要分享给大家的就是一些新鲜的WEB框架和开发工具. 这些工具也是一些GEEK长时间的总结研究出的一套体系. 用框架的好处就在于,只要你是正确的架构就能不用担心太多自身的漏洞和BUG.

最好的开源Web开发资源

- 陈晖 - Solidot
51开源社区 写道 "B2bweb.fr对“开源中最好的Web开发的资源(中文)进行了汇总.

一堆开源的Web开发资源

- - 可咔酷 | 网络杂货铺
一堆的Web相关的开源资料,涵盖HTML、JS、PHP、服务器等方面的资料,而且都是开源的,收集起来,方便以后学习使用. 学习HTML 5编程和设计. HTML5 Rocks : Major Feature Groups  的学习 HTML5 的资源 (HTML5 演示, 教程 ).  源码. HTML5 Dashboard – Mozilla,效果很炫.

12个新鲜出炉的Web开发框架

- jiwei - cnBeta.COM
有的时候,像jQuery这样的Web框架对于网站建设非常重要. 很多的开发人员会选择合适的框架以帮助他们专注于网站的建设,而不用花太多的时间去思考如何设计一个网站. 下面列举了12个新鲜出炉的Web开发框架,掌握其中的一两个,相信可以帮助你节省很多时间和精力.