CaptionWebsite - Website for Caption app.

  •        9

Find the right subtitles. Easy.Every folder within assets/sprites will be converted into a sprite package. This will result in an SCSS and image file. The SCSS file will end up in the project folder with the same location as the images. So assets/sprites/mainpage/*.png will generate an SCSS file at assets/sprites/mainpage.scss. That way you can include it in your main SCSS file and everything will work.

http://getcaption.co/
https://github.com/gielcobben/CaptionWebsite

Tags
Implementation
License
Platform

   




Related Projects

Crumpet - Crumpet is a deliciously simple SASS/SCSS responsive framework that keeps your HTML clean & stays out of your way

  •    CSS

Crumpet is a deliciously simple SASS/SCSS responsive framework that keeps your HTML clean & stays out of your way. Tidy HTML - Uses placeholder selectors to reduce the size of your HTML. No one likes messy.

motherplate - A bare bones responsive SCSS boilerplate for web designers

  •    CSS

This is a bare bones HTML/CSS framework. This is what I'll typically start off most web projects with. It includes a CSS reset and a bunch of minimal boilerplate styles that should come in useful for any project, including a responsive grid, typography, buttons, icons and forms.

svg-sprite - SVG sprites & stacks galore — A low-level Node

  •    Javascript

It comes with a set of Mustache templates for creating stylesheets in good ol' CSS or one of the major pre-processor formats (Sass, Less and Stylus). Tweaking the templates or even adding your own custom output format is really easy, just as switching on the generation of an HTML example document along with your sprite. For an up-to-date list of browsers supporting SVG in general respectively SVG fragment identifiers in particular (required for <defs> and <symbol> sprites as well as SVG stacks) please refer to caniuse.com.

Codelobster - Free Portable IDE for PHP/HTML/CSS/JavaScript Development

  •    PHP

Codelobster PHP Edition streamlines and simplifies php development process. It provides HTML editor, HTML code inspector, CSS editor, JavaScript editor, PHP editor, PHP debugger and lot more.


ReLaXed - Create PDF documents using web technologies

  •    Javascript

ReLaXed creates PDF documents interactively using HTML or Pug (a shorthand for HTML). It allows complex layouts to be defined with CSS and JavaScript, while writing the content in a friendly, minimal syntax close to Markdown or LaTeX. ReLaXed has support for Markdown, LaTeX-style mathematical equations (via MathJax), CSV conversion to HTML tables, plot generation (via Vega-Lite or Chart.js), and diagram generation (via mermaid). Many more features can be added simply by importing an existing JavaScript or CSS framework.

User-Interface

  •    HTML

Being able to create a user interface from scratch based on a design file is considered a basic necessity for front end developers. We will be building a single page website using HTML and CSS. Given this design file, use HTML and CSS to build the web page layout. Remember, you can only use display:inline-block and box model CSS properties for this project. Note: you are NOT permitted to use Flexbox or CSS Grid. This is an exercise in basic layout techniques.

startbootstrap-business-casual - A Bootstrap HTML theme for business websites - created by Start Bootstrap

  •    HTML

Business Casual is a multipurpose website theme for Bootstrap created by Start Bootstrap. This theme features a landing page, about page, blog page, and a contact page along with various custom styles and components.After downloading, simply edit the HTML and CSS files included with the template in your favorite text editor to make changes. These are the only files you need to worry about, you can ignore everything else! To preview the changes you make to the code, you can open the index.html file in your web browser.

css-sprite - css sprite generator

  •    Javascript

A css sprite generator. Generates sprites and proper css files out of a directory of images.

marx - The classless CSS reset (perfect for Communists).

  •    CSS

The classless CSS reset (perfect for Communists). Marx is a CSS stylesheet to be used in any projects (namely small ones). If you don't need the weight of heavy frameworks or you would just like to make an edible website quickly, Marx is perfect for you. It can be used out of the minified box but it can also be customised and styled through the use of HTML classes.

wenk - :wink: Lightweight pure CSS tooltip for the greater good

  •    CSS

Wenk is a Lightweight tooltip available in pure CSS, cssnext using PostCSS, Less or SCSS. Simply add the data-wenk attribute to your HTML with the text you want to display.

usus - Webpage pre-rendering service. ⚡️

  •    Javascript

Static HTML pages with inline CSS load faster and are better indexed than single page applications (SPA). ūsus pre-renders single page applications into static HTML with the critical CSS inlined. Removing the blocking CSS and inlining the CSS required to render the page increases the perceived page loading speed. Presumably, improves SEO by reducing the page loading time.

grunt-email-design - A Grunt workflow for designing and testing HTML email templates with SCSS.

  •    CSS

A Grunt workflow for designing and testing HTML email templates with SCSS.

carbon-components - The component library behind Carbon Design System

  •    Javascript

The Carbon Design System is a series of individual styles and components, that when combined make beautiful, intuitive designs. These designs are systemic and logical, as they all follow the same universal principles. The component library gives developers a collection of re-usable HTML and SCSS partials for building their products.

skyline - Basic Skyline Starter HTML and SCSS

  •    CSS

Skyline is a starting point for building custom CSS frameworks. The starter kit provides a solid CSS architecture that acts as a scaffolding to support your unique design system. It promotes object-oriented CSS, written in SCSS using BEM notation. Feel free to contact Jeff on twitter @jeffschram with questions, comments, etc. And issues and pull requests are always welcome.

shards-ui - 🎨Shards is a beautiful & modern Bootstrap 4 UI kit packed with extra templates and components

  •    CSS

A modern UI kit packed with 2 custom page templates and 11 extra custom components built on top of Bootstrap 4 (final). The distributed Shards assets are also available via CDN through unpkg and jsDelivr.

startbootstrap-landing-page - A responsive, Bootstrap landing page template created by Start Bootstrap

  •    HTML

Landing Page is a multipurpose landing page template for Bootstrap created by Start Bootstrap.After downloading, simply edit the HTML and CSS files included with the template in your favorite text editor to make changes. These are the only files you need to worry about, you can ignore everything else! To preview the changes you make to the code, you can open the index.html file in your web browser.

ZenCodingNetBeansPlugin - Zen Coding plugin for NetBeans

  •    Javascript

Provides support to HTML/CSS Zen Coding in NetBeans. CSS abbreviations are expanded also in SCSS, LessCSS and SASS files. Download the plugin here: org-lorenzos-zencoding-1.1.nbm.