Skip to content

Instantly share code, notes, and snippets.

@gipi

gipi/00.md

Last active April 2, 2024 10:17
Show Gist options
  • Star 2 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save gipi/1330268 to your computer and use it in GitHub Desktop.
Save gipi/1330268 to your computer and use it in GitHub Desktop.
Download ZIP
List of online/offline design helping resources #css #js #svg #html5
Raw
00.md

CSS | Javascript | SVG | Tools

RESPONSIVE WEB

BROWSERS RENDERING AND COMPATIBILITY

Frontend

MOCKUP

  • States.js: Javascript library that make possible build up HTML mockups depending on particular predefinite states github page
  • Grid.js: Javascript library useful to show an overlaying grid in a HTML page github page
  • http://codepen.io: online service to test SASS, LESS, CSS, HTML and JS
  • http://wireframe.cc/

HTML5

Font

Raw
CSS.md

CSS

CSS Frameworks

As in the programming world many frameworks are alive, also from the styling point of view similar tools are born to help to maintain the style for your product.

Exist some frameworks that extend CSS with mixins, variables and stuff,

that allow to build grid systems like

Also is possible to have frameworks that furnish a complete style like

Examples

Raw
SVG.md

Svg

It's a vector format so it's serious business for resolution independent graphic, can be embedded into a web page and make it scale automatically using the viewBox attribute in the root svg node

<svg viewBox="0 0 500 185">
 ...
</svg>

The four attributes are, in order, x, y, width and height.

You must know that the SVG will be sized accordingly to the element is embedded.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment