{"id":19957181,"url":"https://github.com/joeshub/responsive-web-node-less","last_synced_at":"2025-06-13T03:41:17.015Z","repository":{"id":4553110,"uuid":"5693975","full_name":"joeshub/responsive-web-node-less","owner":"joeshub","description":"A simple 2 column responsive layout using Node.js and LESS","archived":false,"fork":false,"pushed_at":"2017-04-22T20:27:58.000Z","size":2054,"stargazers_count":4,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2024-04-15T10:44:45.509Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/joeshub.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2012-09-05T21:34:01.000Z","updated_at":"2019-11-19T15:15:48.000Z","dependencies_parsed_at":"2022-08-27T18:32:10.329Z","dependency_job_id":null,"html_url":"https://github.com/joeshub/responsive-web-node-less","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joeshub%2Fresponsive-web-node-less","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joeshub%2Fresponsive-web-node-less/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joeshub%2Fresponsive-web-node-less/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joeshub%2Fresponsive-web-node-less/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/joeshub","download_url":"https://codeload.github.com/joeshub/responsive-web-node-less/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241389133,"owners_count":19955106,"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-13T01:36:52.416Z","updated_at":"2025-03-01T15:46:02.607Z","avatar_url":"https://github.com/joeshub.png","language":"JavaScript","readme":"# Responsive Website using Node.js and LESS\n\n## Usage\n\nFrom the root folder start the app: \u003e node app.js\nBrowse to http://localhost:3000\n\n## Tutorials\n\nThis web demo was created as a quick test to go over the very basics of responsive web design.\n\nYou can follow along and see the progression by going to this location:\nhttp://localhost:3000/html/\n\nBased on the original building blocks of a responsive website, we start with a fixed width layout and convert it into a flexible layout, focuing on \"mobile first\".\n\nMedia queries are then added using a series of major and minor breakpoints.\n\nThe last step is to add support for basic responsive images.\n\nYou can see the fully finished site at either the final.html file or at the root of the project in the index.ejs template.\n\nIf you are interested you can also check out my presentation that goes along with this introduction on Slideshare at:\nhttp://www.slideshare.net/sspdf/responsive-websites\n\n## LESS\n\nThe examples use LESS to help with a few of the features, including dynamically calculating percentage based and em based sizes. The actual formula is from the book by Ethan Marcotte.\n\n## Notes\n\nPlease note that this sample is not fully finished, nor does it cover support for all browsers. It is only meant to be a starting point for those who want to get their feet wet with Responsive Design.\n\n## More\n\nYou can find me at http://seifi.org\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjoeshub%2Fresponsive-web-node-less","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjoeshub%2Fresponsive-web-node-less","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjoeshub%2Fresponsive-web-node-less/lists"}