{"id":20564133,"url":"https://github.com/newaeonweb/responsiveboilerplate","last_synced_at":"2025-06-16T16:10:14.431Z","repository":{"id":6158366,"uuid":"7387893","full_name":"newaeonweb/responsiveboilerplate","owner":"newaeonweb","description":"A lightweight (2kb) micro-library, elegant \u0026 minimalistic CSS3 grid system, made with only three main classes and 12 columns. It`s very easy to use and understand, pre-packed with some extra css helpers for mobile devices.","archived":false,"fork":false,"pushed_at":"2014-10-28T13:43:27.000Z","size":2841,"stargazers_count":241,"open_issues_count":1,"forks_count":50,"subscribers_count":29,"default_branch":"Rb-package--beta-0.0.1","last_synced_at":"2025-06-04T17:11:34.035Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"www.responsiveboilerplate.com","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/newaeonweb.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE-MIT","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2012-12-31T14:47:53.000Z","updated_at":"2025-05-21T17:15:11.000Z","dependencies_parsed_at":"2022-09-08T15:50:22.762Z","dependency_job_id":null,"html_url":"https://github.com/newaeonweb/responsiveboilerplate","commit_stats":null,"previous_names":[],"tags_count":4,"template":false,"template_full_name":null,"purl":"pkg:github/newaeonweb/responsiveboilerplate","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/newaeonweb%2Fresponsiveboilerplate","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/newaeonweb%2Fresponsiveboilerplate/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/newaeonweb%2Fresponsiveboilerplate/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/newaeonweb%2Fresponsiveboilerplate/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/newaeonweb","download_url":"https://codeload.github.com/newaeonweb/responsiveboilerplate/tar.gz/refs/heads/Rb-package--beta-0.0.1","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/newaeonweb%2Fresponsiveboilerplate/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":260194658,"owners_count":22972638,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-16T04:24:08.433Z","updated_at":"2025-06-16T16:10:14.410Z","avatar_url":"https://github.com/newaeonweb.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"Responsive Boilerplate v2.3.4\n====================\n[![Build Status](https://travis-ci.org/newaeonweb/responsiveboilerplate.png?branch=Rb-package--beta-0.0.1)](https://travis-ci.org/newaeonweb/responsiveboilerplate) \n\n\u003e A starting point to responsive web design!\n\n**Website:** http://www.responsiveboilerplate.com/\n\nA lightweight (3kb) micro-library, elegant and minimalistic CSS3 grid system, made with only one container and 12 columns. It`s very easy to use and understand, pre-packed with some extra css helpers for mobile devices.\n\n---\n\n## Cross Browser | Cross Device!\n\nAdapt to any screen size, including fluid media; images and video. Pre-configured with 4 breakpoints, just to make your job easier.\n \n## Sublime Text Snippets | Grunt.js Package\n\nInclude in the package: PSD Template, HTML5 starting point file for fast development, plus a demo example. Also is available a Sublime Text Package with a complete pack of snippets as you can read below.\n\n**Website:** https://github.com/newaeonweb/ResponsiveBoilerplateSnippets\n\n## Low Learning Curve.\n\nDoesn't consist of a vast amount of complex classes, spans and styles for everything even those styles that you never use. Only with 3 basic classes.\n\n---\n\n## How to use\n\nVery easy to use and understand, but a minimum knowledge of HTML \u0026 CSS must be required.\nFollow the steps...\n\n\u003e From version 2.3.1 we depend on the latest version of **Node.js**.\n\u003e If you use Ubuntu 13:04 we recommend reading this: [How to install the latest Node.js version using the PPA](http://www.ubuntuupdates.org/ppa/chris_lea_nodejs).\n\n#### This tutorial assumes that you already have the latest version of node.js and npm installed.\n\n---\n\n- Clone our branch: https://github.com/newaeonweb/responsiveboilerplate.git\n- Or you can use **Bower**: `` `bower install responsiveboilerplate` ``.\n- Go to directory folder(responsiveboilerplate) and execute: `` `npm install` `` to download all the dependecies.\n- We **strongly** recommend the use of **index.html** as your starting point.\n- Place your content like the example: \n\n\u003cpre\u003e\u003ccode\u003e\n\u0026lt;!--Container Class to centralize your grid--\u0026gt;\n\u0026lt;div class=\u0026quot;container\u0026quot;\u0026gt;\n\t\u0026lt;!--Content Class to align the columns--\u0026gt;\n\t\u0026lt;div class=\u0026quot;content\u0026quot;\u0026gt;\n\t\t\u0026lt;div class=\u0026quot;col6\u0026quot;\u0026gt;\u0026lt;/div\u0026gt;\n\t\t\u0026lt;div class=\u0026quot;col6\u0026quot;\u0026gt;\u0026lt;/div\u0026gt;\n\t\u0026lt;/div\u0026gt;\n\t\u0026lt;div class=\u0026quot;content\u0026quot;\u0026gt;\n\t\t\u0026lt;div class=\u0026quot;col4\u0026quot;\u0026gt;\u0026lt;/div\u0026gt;\n\t\t\u0026lt;div class=\u0026quot;col4\u0026quot;\u0026gt;\u0026lt;/div\u0026gt;\n\t\t\u0026lt;div class=\u0026quot;col4\u0026quot;\u0026gt;\u0026lt;/div\u0026gt;\n\t\u0026lt;/div\u0026gt;\n\u0026lt;/div\u0026gt;\n\u003c/code\u003e\u003c/pre\u003e\n\n**Note:**\n\u003e * This code on render display a side by side column, ie your screen with two equal column on top, and three columns on bottom.\n\n- You can play with your columns to fit your needs and adjust to your own design.\n- Visit our \u003ca href=\"https://www.youtube.com/channel/UCnqv8IIq27HS1-lkGwu3mrw?feature=watch\" target=\"_blank\"\u003escreencast\u003c/a\u003e page.\n\n#### Quick start with Grunt.js\n\nAfter cloning or install with `bower`, go to the root folder and execute the following command:\n\n```npm install```\n\nTo see the demo page running on localhost:\n\n```grunt demo```\n\nThis command will open your default browser with the demo page.\n\n**Note:**\n\u003e * if you are on Windows use: `grunt.cmd demo`\n\n## Contribute\n\nPlease welcome. Feel free to test, use, fork, send bugs, suggestions and contribute with code to improve this tool.\n\n## More Infos \n\n\u003e www.responsiveboilerplate.com\n\n- Developer: [@newaeonweb](https://twitter.com/@newaeonweb/ \"Twitter\") \n- Email: feiochc@gmail.com\n- Google Plus: [Fernando Monteiro](https://plus.google.com/102311871192373469721/posts/ \"G +\")\n\n[![Bitdeli Badge](https://d2weczhvl823v0.cloudfront.net/newaeonweb/responsiveboilerplate/trend.png)](https://bitdeli.com/free \"Bitdeli Badge\")\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnewaeonweb%2Fresponsiveboilerplate","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnewaeonweb%2Fresponsiveboilerplate","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnewaeonweb%2Fresponsiveboilerplate/lists"}