joshosbrn / jekyons Goto Github PK
View Code? Open in Web Editor NEWOpen source prototyping kit powered by Jekyll & Tachyons.
Home Page: http://joshosbrn.github.io/jekyons
Open source prototyping kit powered by Jekyll & Tachyons.
Home Page: http://joshosbrn.github.io/jekyons
you may want to put the tachyons "cf" after the list of features vs. after the blurb at the bottom as the cf sticks an ::after on whatever block element it's applied to so the clearfix is coming after the blurb at the bottom instead of after the feature blocks...
Ps. this is cool so I ported it over to Hugo... which I'm sorta using instead of Jekyll now for prototyping and a few customer live sites due to how fast it is (messing with large sites in jekyll is not at all fun when refactoring/messing with design and waiting for the browser refresh (also deploys CRAZY fast on netlfy etc)
Any idea why the front page feature blocks fail to line up in order if you list more than six features in features.yml
? The blocks arrange themselves with gaps. See for instance: https://gwijthoff.github.io/jekyons-test/
This may have something to do with the tachyons clearfix in index.html
but I'm not sure.
This only seems to be an issue when starting with a fresh Jekyons clone, but browser-sync seems to serve the site a few seconds before it's actually done building resulting in a 'Cannot GET /' error at localhost. A few seconds later, it finishes building but you then have to manually reload the browser to preview changes. If you kill gulp and re-run, it works as expected.
You should be able to reproduce by cloning a new Jekyons project, installing dependencies and running 'gulp'.
hey, thanks @joshosbrn for making this and sharing with the whole wide world!!
it's pretty super great.
just curious, why'd you opt to include Tachyons via cdn and not npm?
thanks!
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.