Zhongde Liu

This is my personal "Clipboard" of web development stuff I come across


Leave a comment

Herokus Design Styleguide

Heroku just recently made their ui styleguide/style kit public available. This is another great example of a good structured and visual appealing reference for the frontend elements. You provide code examples and actual design in this living document for typography, buttons, forms, grids, etc…

http://purple.herokuapp.com/

Such a reference can make a huge impact in terms of communication between different departments and stakeholders. Combine it with wireframes you get a really fast instrument to talk over and improve new design plans.

If not, don’t wonder if your end result is a design chaos, and your css/html is duplicated all over the place…

Advertisements


Leave a comment

Standards/Guidelines for building an HTTP API/Webservices/REST

General Overview about HTTP API Design

Thoughts on RESTful API Design

A document describing the experience the author, Geert Jansen, gained from designing the RESTful API for Red Hat’s Enterprise Virtualization product.  Summarizes his thoughts about how a “good” REST Service should look.

https://restful-api-design.readthedocs.org/en/latest/

HTTP API Design Guide from Heroku

The Heroku team has published their HTTP API Design Guide. It is a short guide / best-practice collection, giving a nice overview which aspects you should consider when designing an API.

https://github.com/interagent/http-api-design

Data formats

Following two links describing how the response should be formatted: These are consistent, documented quasi-standards for use as response formats. Main topic is the linking and discoverability between resources.

JSON API :: A standard for building APIs in JSON.

Living document, written by Steve Klabnik and Yehuda Katz. Media-type: application/vnd.api+json

http://jsonapi.org/

JSON HAL – Hypertext Application Language

Mike Kelly wrote down a convention expressing hyperlinks in JSON (or XML) and named it HAL. Media-type: application/hal+json

http://stateless.co/hal_specification.html,  http://tools.ietf.org/html/draft-kelly-json-hal-06

Collection+JSON – Hypermedia Type

A format definition focused on collections. Media-Type: application/vnd.collection+json

http://amundsen.com/media-types/collection/

 


Leave a comment

Ressources: Websites with free to use high quality images

There are some cool people out there, who are running some platforms/websites to share high quality photos for any use, especially also for commercial projects.

  1.  http://unsplash.com/
  2. http://publicdomainarchive.com/
  3. http://www.gratisography.com/
  4. http://picjumbo.com/
  5. http://www.raumrot.com/
  6. http://www.designerspics.com/
  7. https://stocksnap.io/
  8. http://freenaturestock.com/

Please take your time and read there specific licensing terms (maybe they have changed or do have limitations), if you are actually going to use some of the media.

Kudos to them!

If you have any additional ressources, please leave me a message.

Update 2016-08-04:


1 Comment

Reference: Google Code Styleguides

Reference Styleguide for different languages from Google

http://code.google.com/p/google-styleguide/

from the Page:

google-styleguide – Style guides for Google-originated open-source projects

“Style” covers a lot of ground, from “use camelCase for variable names” to “never use global variables” to “never use exceptions.” This project holds the style guidelines we use for Google code. If you are modifying a project that originated at Google, you may be pointed to this page to see the style guides that apply to that project.

 


Leave a comment

List: Interesting tools regarding Javascript Development

Mentioned here: http://www.youtube.com/watch?v=f7AU2Ozu8eo


1 Comment

Reference: Zen Coding Syntax

For HTML:
http://code.google.com/p/zen-coding/wiki/ZenHTMLSelectorsEn

Example:
div#content.wrapper>h1+p*2

Result:
<div id="content" class="wrapper>
<h1></h1>
<p></p>
<p></p>
</div>

 

For CSS:
http://code.google.com/p/zen-coding/wiki/ZenCSSPropertiesEn

Cheatsheet (PDF):
http://code.google.com/p/zen-coding/downloads/detail?name=ZenCodingCheatSheet.pdf


1 Comment

Inspiration: Showcase/Collection of “Single page scroll-Sites” in automotives