SCSS

CSS preprocessors like SASS, LESS and Stylus have gained increasing popularity over the last couple of years as they extend the capabilities of ordinary CSS with mechanisms that used to be available only in tradtional programming languages.¬†On its own, cascading style sheets (CSS) is a relatively dumb markup language…

Read More

jQuery

What is jQuery? jQuery is a JavaScript library designed to help web developers work with JavaScript. It bridges technical differences between different browsers and provides comfortable and compact code, which is often much shorter in direct comparison to JavaScript. JavaScript has historically been a problem in web development, in…

Read More

Git

git Setup sudo apt-get install git bash-completion Config git config –global user.name “Themewerk” git config –global user.email “” git config –global credential.helper “cache –timeout=3600” git config –global color.branch auto git config –global color.diff auto git config –global color.interactive auto git config –global color.status auto git config –global core.safecrlf true…

Read More

Media Queries

Desktop – Tablet – Phone <!DOCTYPE HTML> <html lang=”en-US”> <head> <meta charset=”UTF-8″> <meta name=”viewport” content=”width=device-width, minimum-scale=1.0, maximum-scale=1.0″ /> <title>test</title> <style type=”text/css”> h3 {text-align:center;} /* PRINT VERSION */ @media print { h3:after {content: ‘ – PRINT’; display: inline;} } /* PHONE VERSION */ @media only screen and (min-width: 320px) {…

Read More

Semantic Html5

HTML5 Semantic Page Structure Developing a fully semantic HTML5 website requires getting to know a number of new elements and how they fit into the structure of the site. HTML5 introduces a host of new features such as canvas and video elements, support for local file storage and better…

Read More

CheatSheets

New tags added in HTML 5 Layout tags <article> Defines an article <aside> Defines contents aside from the page content <embed> Defines external interactive content or plugin <figcaption> Defines the caption of a figure element <figure> Defines a group of media content, and their caption <footer> Defines a footer…

Read More