Meshki
Meshki is a simple, black-colored, responsive boilerplate to kickstart any responsive project.
It is only ~20 KiB (minified) and ~30 KiB (normal), including both Scss/CSS and JS files.
Check out https://borderliner.github.io/Meshki/ for samples and details.
- Meshki
- Getting Started (for users)
- Build (for developers and contributors)
- Clone the repo:
- Install Dependencies
- [npm or yarn](#npm-or-yarn)
- Why Meshki is Awesome
- Browser Support
- Known Issues and Roadmap
- Tools Used
- License
- Acknowledgement
Getting Started (for users)
There are a couple ways to get Meshki (choose only one):
-
Download the package: as .zip (bigger, common) or as .tar.gz (smaller, uncommon)
-
Use CDN: Link Meshki directly into your project with
<link>and<script>tags. Meshki is hosted on two famous content delivery networks: -
Clone the repo: Open a console and issue (without $):
$ git clone https://github.com/Borderliner/Meshki.gitNote: Meshki is always under active development, so if you're looking for a stable and safe release, use the compressed packages. Cloning the repo is needed only if you want to contribute to the project.
-
Use Bower:
bower install meshki(Not Recommended) -
Use npm:
npm install meshki(Not Recommended)
# Build (for developers and contributors) You need [Node.js](https://nodejs.org/en/) to minify the source Scss and JavaScript files and produce outputs. Download a version suitable for your system, or get it from your Operating System's package manager.
Clone the repo:
git clone https://github.com/Borderliner/Meshki.git && cd Meshki
Install Dependencies
npm or yarn
Install all the dependencies (don't use both):
npm installyarn
To compile Meshki, the file build.js contains the scripts you need to compile Meshki. There are a couple of commands you can use via npm or yarn so that you don't have to use build.js directly.
npm run compileyarn run compile
To compile and watch for file changes:
npm run watchyarn run watch
Sometimes when you upgrade your NodeJS, node-sass needs to be recompiled for the newer version. To do so, run the following command:
npm run rebuild-sassyarn run rebuild-sass
# Why Meshki is Awesome
Meshki is lightweight, stylish and minimal. It styles only raw HTML elements (with a few exceptions) and provides a responsive grid with a fresh-looking interface.
- Dependency-free! You don't need
jQueryor other scripts to use Meshki. All pure and independent JavaScript and CSS files. - No compilation or any specific installation needed. Just link 2 files of
meshki.min.cssandmeshki.min.js - Although Meshki is not a UI framework, it's a CSS library, you can create most of the interface with just using Meshki
- Around 1.3k lines of unminified CSS, with comments
- Can be installed via different tools:
git,bower,npmandyarn - Hosted on the most famous CDNs: CloudFlare and jsDelivr
- Clean code, smooth interface, easy yet professional
- Linter configurations, comments, all available for contributors
Browser Support
Latest version of these browsers are implied:
- Chrome, Chromium, Opera, Microsoft Edge -> ✓ Well-Tested
- Mozilla Firefox -> ✓ Well-Tested
- Safari -> No issues reported.
- Internet Explorer 9+ -> No animations on IE 9. Do not open issues regarding IE 8 and below Change Your Browser, Please!
The above list is non-exhaustive. Meshki works fine with almost all older versions of the above browsers, though IE certainly has large degradation prior to IE 9, and you are advised to always keep your browser up-to-date.
Known Issues and Roadmap
Not any production-obstructing issues are currently present. For all known issues and project roadmap, see CHANGELOG.
Tools Used
Meshki has been developed mainly on PC, using VSCode and its surrounding tools.
License
All parts of Meshki are free to use under the permissive Apache-2.0 License.
All other non-Meshki codes have their own respective licenses. Check out their repositories for more information. The website of Meshki uses:
Acknowledgement
Meshki was originally started by Mohammadreza Hajianpour as a fork of Skeleton. Meshki has come a long way since then and has experienced a total overhaul, including porting the codebase from CSS to Scss. Skeleton was created by Dave Gamache.
Thanks to all contributors and supporters of Meshki, you are AWESOME.
nav-dropdown doesn't work with nav-right
inside nav-fixed: I wanted to show a nav-dropdown on the right side. but hovering on it does not display -- list items.
actually, they are displayed, but behind.. Solve it please.
navbar covering the container
New Issue
As you can see the nav bar is covering the container, to prevent this I added a padding at the top of the title, but is there another way to correct it? I think that different div shouldn't overlap
Old issue:
The issue exist on http://thememaker.site/generator if you go to the table you can see a strange line cutting the first row. (i'm on windows 10 x64, with google chrome) That's a screenshoot:
bug = nav and div class nav
سلام این یک مشکل در منو هستش که باید حل بشه برای ساخت منو باید از تک های nav , nav fixed , div (class ="nav") , div (class ="nav fixed ") استفاده کرد ولی این باعث میشه که در پارا گراف نویسی مشکل ایجاد بشه و روی دایو پارا گراف قرار می گیره و اولین جمله پراگراف یا حرف در صورت وجود fixed زیر منو و در صورت نبود اون روی منو قرار می گیرد و در کار کرد اون مشکل ایجاد می کند
Buttons in nav?
Why do you use
<button onclick="location.href='something'">against<a href="something">? I know, that you use.sidenav buttonselector, but why do you use it?Some suggestions to make Meshki a general-purpose library
اول برای قرار دادن عکس و مدیریت اون در مشکی زیاد توضیحی داده نشده وجود این امکان بسیار لازم است .امکان اپلود فایل را راحت تر کنید به شکلی که حجم, اندازه,نوع(فرمت فایل) و برش(برای عکس ها) مدیریت شود و همین طور ui زیبای برای ستون های درصدی و مدیریت اپلود قرار بگیرد دوم یک باگ در کپی شدن متن های کد وجود دارد مشکی باید به نوعی باشد که اگر باکسی برای کد تایین شد .متن اون جدا گونه از متن صفحه باشد و در کلید برد کپی شود
Bump glob-parent from 5.1.1 to 5.1.2
Bumps glob-parent from 5.1.1 to 5.1.2.
Release notes
Sourced from glob-parent's releases.
Changelog
Sourced from glob-parent's changelog.
Commits
eb2c439chore: update changelog12bcb6cchore: release 5.1.2f923116fix: eliminate ReDoS (#36)0b014a7chore: add JSDoc returns information (#33)2b24ebdchore: generate initial changelogDependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting
@dependabot rebase.Dependabot commands and options
You can trigger Dependabot actions by commenting on this PR:
@dependabot rebasewill rebase this PR@dependabot recreatewill recreate this PR, overwriting any edits that have been made to it@dependabot mergewill merge this PR after your CI passes on it@dependabot squash and mergewill squash and merge this PR after your CI passes on it@dependabot cancel mergewill cancel a previously requested merge and block automerging@dependabot reopenwill reopen this PR if it is closed@dependabot closewill close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually@dependabot ignore this major versionwill close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this minor versionwill close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this dependencywill close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)@dependabot use these labelswill set the current labels as the default for future PRs for this repo and language@dependabot use these reviewerswill set the current reviewers as the default for future PRs for this repo and language@dependabot use these assigneeswill set the current assignees as the default for future PRs for this repo and language@dependabot use this milestonewill set the current milestone as the default for future PRs for this repo and languageYou can disable automated security fix PRs for this repo from the Security Alerts page.
Change openNav() to openSidenav() in index.html
Hey, this pull request fixes a part of code that was not changed after the 'API change' mentioned in Borderliner/Meshki#13. The example code in the "Navbar" section uses meshki.openNav() instead of meshki.openSidenav(), and Firefox will emit an error ('TypeError: meshki.openNav is not a function') if the code on the site is used.
Full url to og:image and twitter:image
As you can see on https://cards-dev.twitter.com/validator image is not showing currently for https://borderliner.github.io/Meshki/. This change fixed it for me.
Meshki in Editor (atom , vim , MS VsCode , ...)
سعی کنید پلا گینی برای پشتیباینی اتوکامپلیت برای ادیتور ها آماده کنید معمولا کتاب خونه های دیگه این عمکانات رو دارند
Translation: Please try to implement an autocomplete plugin to support various editors. Other libraries usually tend to provide such plugins.
Error 404 for "[Plugin] Extra Button Colors" link
#Error 404 I tried to open the link contained in the link tag bellow and is giving a 404 error. The link is: https://cdnjs.cloudflare.com/ajax/libs/meshki/1.5.1/button-colors.min.css The code on the https://borderliner.github.io/Meshki/ page it's in the "[Plugin] Extra Button Colors" section
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/meshki/1.5.1/button-colors.min.css">Bump ansi-regex from 5.0.0 to 5.0.1
Bumps ansi-regex from 5.0.0 to 5.0.1.
Release notes
Sourced from ansi-regex's releases.
Commits
a9babce5.0.14657833fix incorrect formatc3c0b3fFix potential ReDoS (#37)178363bMove to GitHub Actions (#35)0755e66Add@Qix- to funding.ymlDependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting
@dependabot rebase.Dependabot commands and options
You can trigger Dependabot actions by commenting on this PR:
@dependabot rebasewill rebase this PR@dependabot recreatewill recreate this PR, overwriting any edits that have been made to it@dependabot mergewill merge this PR after your CI passes on it@dependabot squash and mergewill squash and merge this PR after your CI passes on it@dependabot cancel mergewill cancel a previously requested merge and block automerging@dependabot reopenwill reopen this PR if it is closed@dependabot closewill close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually@dependabot ignore this major versionwill close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this minor versionwill close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this dependencywill close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)@dependabot use these labelswill set the current labels as the default for future PRs for this repo and language@dependabot use these reviewerswill set the current reviewers as the default for future PRs for this repo and language@dependabot use these assigneeswill set the current assignees as the default for future PRs for this repo and language@dependabot use this milestonewill set the current milestone as the default for future PRs for this repo and languageYou can disable automated security fix PRs for this repo from the Security Alerts page.
Bump json5 and tsconfig-paths
Bumps json5 and tsconfig-paths. These dependencies needed to be updated together. Updates
json5from 1.0.1 to 2.2.3Release notes
Sourced from json5's releases.
... (truncated)
Changelog
Sourced from json5's changelog.
... (truncated)
Commits
c3a75242.2.394fd06ddocs: update CHANGELOG for v2.2.33b8cebfdocs(security): use GitHub security advisoriesf0fd9e1docs: publish a security policy6a91a05docs(template): bug -> bug report14f8cb12.2.210cc7cadocs: update CHANGELOG for v2.2.27774c10fix: add proto to objects and arraysedde30aReadme: slight tweak to intro97286f8Improve example in readmeUpdates
tsconfig-pathsfrom 3.9.0 to 3.10.1Changelog
Sourced from tsconfig-paths's changelog.
Commits
80bc810v3.10.1beb9a47Add changelog for 3.10.1893b76dAdd register.js to published files9327fa1v3.10.0766a0e8Update changelog for 3.10.02cf8b21Categorize changelogfb67ba2Update changelog with unreleased PRs079285aAdd file extenstion to typings property value (#151)c49386cfeat(tsconfig-loader): extends config from node_modules without './node_modul...f289c99fix typo (#165)Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting
@dependabot rebase.Dependabot commands and options
You can trigger Dependabot actions by commenting on this PR:
@dependabot rebasewill rebase this PR@dependabot recreatewill recreate this PR, overwriting any edits that have been made to it@dependabot mergewill merge this PR after your CI passes on it@dependabot squash and mergewill squash and merge this PR after your CI passes on it@dependabot cancel mergewill cancel a previously requested merge and block automerging@dependabot reopenwill reopen this PR if it is closed@dependabot closewill close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually@dependabot ignore this major versionwill close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this minor versionwill close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this dependencywill close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)@dependabot use these labelswill set the current labels as the default for future PRs for this repo and language@dependabot use these reviewerswill set the current reviewers as the default for future PRs for this repo and language@dependabot use these assigneeswill set the current assignees as the default for future PRs for this repo and language@dependabot use this milestonewill set the current milestone as the default for future PRs for this repo and languageYou can disable automated security fix PRs for this repo from the Security Alerts page.
Status of the project?
Hey, I looked at Meshki a while ago and it looked quite interesting, but now development seems to have stalled. Are you still using it or would you suggest using something else today?