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.git
Note: 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 install
yarn
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 compile
yarn run compile
To compile and watch for file changes:
npm run watch
yarn 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-sass
yarn 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
jQuery
or 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.css
andmeshki.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
,npm
andyarn
- 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 button
selector, 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
eb2c439
chore: update changelog12bcb6c
chore: release 5.1.2f923116
fix: eliminate ReDoS (#36)0b014a7
chore: add JSDoc returns information (#33)2b24ebd
chore: 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 rebase
will rebase this PR@dependabot recreate
will recreate this PR, overwriting any edits that have been made to it@dependabot merge
will merge this PR after your CI passes on it@dependabot squash and merge
will squash and merge this PR after your CI passes on it@dependabot cancel merge
will cancel a previously requested merge and block automerging@dependabot reopen
will reopen this PR if it is closed@dependabot close
will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually@dependabot ignore this major version
will 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 version
will 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 dependency
will 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 labels
will set the current labels as the default for future PRs for this repo and language@dependabot use these reviewers
will set the current reviewers as the default for future PRs for this repo and language@dependabot use these assignees
will set the current assignees as the default for future PRs for this repo and language@dependabot use this milestone
will 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
a9babce
5.0.14657833
fix incorrect formatc3c0b3f
Fix potential ReDoS (#37)178363b
Move to GitHub Actions (#35)0755e66
Add@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 rebase
will rebase this PR@dependabot recreate
will recreate this PR, overwriting any edits that have been made to it@dependabot merge
will merge this PR after your CI passes on it@dependabot squash and merge
will squash and merge this PR after your CI passes on it@dependabot cancel merge
will cancel a previously requested merge and block automerging@dependabot reopen
will reopen this PR if it is closed@dependabot close
will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually@dependabot ignore this major version
will 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 version
will 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 dependency
will 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 labels
will set the current labels as the default for future PRs for this repo and language@dependabot use these reviewers
will set the current reviewers as the default for future PRs for this repo and language@dependabot use these assignees
will set the current assignees as the default for future PRs for this repo and language@dependabot use this milestone
will 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
json5
from 1.0.1 to 2.2.3Release notes
Sourced from json5's releases.
... (truncated)
Changelog
Sourced from json5's changelog.
... (truncated)
Commits
c3a7524
2.2.394fd06d
docs: update CHANGELOG for v2.2.33b8cebf
docs(security): use GitHub security advisoriesf0fd9e1
docs: publish a security policy6a91a05
docs(template): bug -> bug report14f8cb1
2.2.210cc7ca
docs: update CHANGELOG for v2.2.27774c10
fix: add proto to objects and arraysedde30a
Readme: slight tweak to intro97286f8
Improve example in readmeUpdates
tsconfig-paths
from 3.9.0 to 3.10.1Changelog
Sourced from tsconfig-paths's changelog.
Commits
80bc810
v3.10.1beb9a47
Add changelog for 3.10.1893b76d
Add register.js to published files9327fa1
v3.10.0766a0e8
Update changelog for 3.10.02cf8b21
Categorize changelogfb67ba2
Update changelog with unreleased PRs079285a
Add file extenstion to typings property value (#151)c49386c
feat(tsconfig-loader): extends config from node_modules without './node_modul...f289c99
fix 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 rebase
will rebase this PR@dependabot recreate
will recreate this PR, overwriting any edits that have been made to it@dependabot merge
will merge this PR after your CI passes on it@dependabot squash and merge
will squash and merge this PR after your CI passes on it@dependabot cancel merge
will cancel a previously requested merge and block automerging@dependabot reopen
will reopen this PR if it is closed@dependabot close
will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually@dependabot ignore this major version
will 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 version
will 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 dependency
will 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 labels
will set the current labels as the default for future PRs for this repo and language@dependabot use these reviewers
will set the current reviewers as the default for future PRs for this repo and language@dependabot use these assignees
will set the current assignees as the default for future PRs for this repo and language@dependabot use this milestone
will 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?