A quick and easy flip view through which you can create views with two sides like credit cards, poker cards etc. Changes exist in the releases tab.
android-library views custom-view xml layouts credit-cards poker-cards android animationIn the project folder, you can find an example of a typical login view laid out in both native and Stevia for you to understand and compare the two approaches.
autolayout layout stevia constraints view interface freshos dsl ios visual-format-language xcode cocoapods ui auto layouts carthage storyboard xib nslayoutconstraintsSuccessor of awesome-vain, this module provides alternative layouts, asynchronous widgets and utility functions for Awesome. Read the wiki for all the info. Constructive criticism and suggestions are welcome.
awesomewm layouts widgets utilitiesdriveway is an explorative project for developing pure CSS masonry layouts. It is developed using stylus. You may have come here from the blog post I wrote about pure CSS masonry layouts. If that's the case and you want the exact code I used in that post(with vendor prefixing), you'll be best served looking in the dist folder for driveway.blog.css and driveway.blog.min.css. Alternatively, use bower to pull in the repo.
masonry panel segment cluster layout layout-engine layouts ui html html5 css3 css-masonry-layouts css pure flexboxHandlebars helpers which implement layout blocks similar to Jade, Jinja, Nunjucks, Swig, and Twig.Helpers are generated by passing in your instance of Handlebars. This allows you to selectively register the helpers on various instances of Handlebars.
handlebars layouts templating partials nodejs layout embed blocks dust express hbs jade mote mustache nunjucks swig twigEta is a lightweight and blazing fast embedded JS templating engine that works inside Node, Deno, and the browser. Created by the developers of Squirrelly, it's written in TypeScript and emphasizes phenomenal performance, configurability, and low bundle size. Simply put, Eta is super: super lightweight, super fast, super powerful, and super simple. Like with EJS, you don't have to worry about learning an entire new templating syntax. Just write JavaScript inside your templates.
nodejs typescript template-engine expressjs-templating-engine template-engine-html deno deno-module ejs-alternative handlebars ejs eta embedded-template-engine layouts partials typescript-typesAdd additional layouts to your documents by adding 'additionalLayouts' to a document's metadata.Install this DocPad plugin by entering docpad install multiplelayouts into your terminal.
docpad-plugin docpad layouts multiple-layoutsHogan for Express 3.x (should work with Express 2.x too but I haven't tested it yet), with intelligent support for partials and layouts.You can also add it to your package.json, the latest version is 0.3.0. Here is the npm page.
hogan express partials layouts mustacheCollection of CSS Layouts of popular sites, implemented at basic level using modern CSS layouts such as flexbox or grid.
css css-grid css-flexbox layoutsAn easier-to-use and more extensible build system for pattern-lab. This project uses Assemble to build projects with pattern lab conventions.
atoms components handlebars-helper-rel layouts molecules organisms pages pattern-lab patterns templates uiIn short: The intent of Building Blocks are to solve common patterns, scaffold faster, and integrate with your existing styles right out of the box. Building Blocks are easy to use in your projects whether you’re using a CSS version or the powerful ZURB Stack. Below, we’ve outlined how to get a Building Block into your project in a snap and build faster.
snippets snippets-library snippet-pack code component components html html5 css css3 sass scss library component-library layouts layout responsive responsive-design ui ui-componentsA 'Google Image Search style' image alignment jQuery plugin. If you have a image gallery with different width and height for each image, your page may look messy. Use this plugin to align your gallery with a 'Google Image Search' style result.
google-image-search image-align alignment image-alignment layout layoutsA jQuery plugin that centralizes DOM element. This simple plugin helps you centralize your DOM element against their parent element or the window. You can also specify the top of the DOM element by passing customized settings. This plugin only works for absolute elements.
center centralize alignment layout layoutsLearn how to create responsive single-page websites with PostCSS, the CSS post-processor engine that extends the power of CSS through JavaScript. These step-by-step instructions take existing HTML markup and add style, animation, and responsive navigation. This combination allows for dynamic one-page sites—a popular design that's now even faster and easier to create with PostCSS. Along the way, Ray Villalobos introduces some handy plugins, tips for integrating PostCSS into a Gulp-based workflow, and techniques for making layouts more responsive with Flexbox. This repository has branches for each of the videos in the course. You can use the branch pop up menu in github to switch to a specific branch and take a look at the course at that stage. Or you can simply add /tree/BRANCH_NAME to the URL to go to the branch you want to peek at.
postcss precss css responsive layouts tutorial training linkedinlearning lynda lynda-com rayvillalobosA Handlebars view engine for Express 4.x/3.x, with Node.js and io.js support
express handlebars hbs layouts partialsWraps templates with layouts. Layouts can use other layouts and be nested to any depth. This can be used 100% standalone to wrap any kind of file with banners, headers or footer content. Use for markdown, HTML, handlebars views, lo-dash templates, etc. Layouts can also be vinyl files. Please consider following this project's author, Brian Woodward, and consider starring the project to show your ❤️ and support.
layout layouts nested-layouts vinyl vinyl-files templates handlebars express consolidate ejs jade liquid atpl coffee dot dust eco ect engine engines haml haml-coffee hamljs handlebars-layouts hbs hogan hogan-js jazz jqtpl liquor lodash mote mustache nest nested nunjucks page qejs ractive stack stacked swig template templayed tmpl toffee transformers underscore walrus whiskers wrapCiro is a MVC PHP Framework to kickstart projects rapidly, it's designed to be simple, configurable, modular, decoupled, extensible and lightweight to make it easier to build better and easily maintained PHP code. Ciro comes with a template project with a simple authentication system to kickstart developing for you project or prototype.
php-framework mvc-framework layouts pretty-urls custom-routing mongodb mysql psql php7 php5For a detailed explanation on how things work, check out the guide and docs for vue-loader.
vue vuex spa layouts example vue-router vuetify vuetifyjsPostCSS Gap Properties lets you use the gap, column-gap, and row-gap shorthand properties in CSS, following the CSS Grid Layout specification.
postcss css postcss-plugin grids layouts columns rows gaps shorthands prefixesMake beautiful, animated grid-layouts. Check out the example for advanced usage. This is an early release, so expect more documentation, examples, and tests, soon. View a demo here.
react reactjs grid animated layouts masonry
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.