jasondavis + css   354

Xel - Native-like look and feel. For Electron, NW.js and Chrome apps
Xel
HTML 5 widget toolkit.
Native-like look and feel.
For Electron, NW.js and Chrome apps.
JavaScript/Electron  JavaScript  Electron-JS-App  GUI  CSS  Dev-Server 
december 2017 by jasondavis
WebFlow - CSS/HTML Website Design Editor/Generator Tool Software
WebFlow - CSS/HTML Website Design Editor/Generator Tool Software to build amazing websites quick and easily in a nice GUI which generates the HTML and CSS for the page behind the scenes. You can even load existing templates to build upon or start from nothing. Build responsive websites in your browser, then host with us or export your code to host wherever. Discover the professional website builder made for designers.

Project - https://webflow.com/
Image - https://www.apollowebstudio.com/screenshots/2017/05/chrome_2017-05-07_16-53-47.png
Image - https://www.apollowebstudio.com/screenshots/2017/05/chrome_2017-05-07_16-54-41.png
Image - https://www.apollowebstudio.com/screenshots/2017/05/chrome_2017-05-07_16-55-29.png
Image - https://www.apollowebstudio.com/screenshots/2017/05/chrome_2017-05-07_16-55-57.png
Image - https://www.apollowebstudio.com/screenshots/2017/05/584a07eee4a414db55e60880_export-screenshot.jpg
Dev-Tools  Design  Software/Web-Based  Editor  Generator  CSS  CSS3  HTML  Templates  CMS  Web-Development  Web-Dev  Web-Dev-Tools  WebDevAppModule 
may 2017 by jasondavis
nanoScrollerJS - A jQuery plugin that offers a simplistic way of implementing Lion OS scrollbars
nanoScrollerJS - A jQuery plugin that offers a simplistic way of implementing Lion OS scrollbars.
JavaScript  CSS  Scrollbar  Web-Development  Web-Dev  WebDevAppModule 
may 2017 by jasondavis
Ratchet - Build mobile apps with simple HTML, CSS, and JavaScript components
Ratchet - Build mobile apps with simple HTML, CSS, and JavaScript components. Components to make Mobile app that looks and behaves like a native iOS or Android app as well as the frameworks own theme.

GitHub - https://github.com/twbs/ratchet/
Project - http://goratchet.com
Demo Apps - http://goratchet.com/examples/
Mobile  UI  UX  CSS  CSS3  HTML  Framework  JavaScript  Buttons  Modals  Lists  Icons  Popovers  Tables  Forms  iOS  Android  History  AJAX  Web-Development  Web-Dev  Web-Dev-Tools  WebDevAppModule 
april 2017 by jasondavis
StyleGuides.io - Website Style Guide Resources - collaborative collection of style guide resources
A collaborative collection of resources for creating Front-End Style Guides and Pattern Libraries.

450 Website Style Guide Resources. Real life pattern libraries, code standards documents and content style guides.
CSS  CSS3  Style-Guide  Style  Inspiration  Inspiration/WebPage  WebDevAppTools  Web-Development  Web-Dev  Web-Dev-Tools  Web-Agency-Studio-Tools  Freelance-Tools  Dev-Tools  Collaboration  Collections  JavaScript 
april 2017 by jasondavis
Coatroom is an easy way to create a front end component library
Coatroom Component Library
Coatroom is an easy way to create a front end component library. A tool that helps you create, organize and get an overview of all your components.

Components are made of HTML and CSS, generated by a template and LESS and documented by creating style guides written in Markdown to help other developers understand how and when to use these components.

GitHub - https://github.com/corgrath/coatroom
Demo - http://corgrath.github.io/coatroom/example/output/components.generated.html
Image - https://www.apollowebstudio.com/screenshots/2017/04/example-overview.png
Image - https://www.apollowebstudio.com/screenshots/2017/04/screencapture-corgrath-github-io-coatroom-example-output-components-generated-html-1491309047683.png
Mockup  Style-Guide  Components  Component-Library  Pattern-Library  CSS  CSS3  Web-Development  Web-Dev  Web-Dev-Tools  Web-Agency-Studio-Tools  Freelance-Tools  Dev-Tools  WebDevAppModule 
april 2017 by jasondavis
Propeller is a front-end responsive CSS and JavaScript component framework
Propeller is a front-end responsive CSS and JavaScript component framework based on Material design & Bootstrap.
CSS3  JavaScript  UI  UX  Framework  CSS  Web-Development  Web-Dev  DatePicker  Modals  Popover  Tooltips  Buttons  Tables  Forms 
march 2017 by jasondavis
PHP-CSS-Parser - Parser for CSS Files written in PHP. Allows extraction of CSS files into a data structure
PHP-CSS-Parser - A Parser for CSS Files written in PHP. Allows extraction of CSS files into a data structure, manipulation of said structure and output as (optimized) CSS

GitHub - https://github.com/sabberworm/PHP-CSS-Parser
PHP  CSS  CSS3  DOM  Parser  Parsing  Scraping  Optimize  Web-Development  Web-Dev  Web-Dev-Tools  Dev-Tools 
february 2017 by jasondavis
Pure CSS Radio Button Icon Tiles
A visual card-based alternative to traditional radio inputs - no JS required. Accessible, cross-browser compatible, and mobile-friendly. Flat design Form Radizo fields shown as nice square icons that you can click on to select a radio option

CodePen Demo - http://codepen.io/jasondavis/pen/yawwYY?editors=0100
Image - https://www.apollowebstudio.com/screenshots/2017/02/chrome_2017-02-08_17-38-59.png
CSS  CSS3  CSS/FlatUI  Forms  Checkbox  Radio  Selector  Web-Development  Web-Dev  ApolloWebStudio  ApolloLibrary  CodePen/JSFiddles/Dabblets 
february 2017 by jasondavis
Best-Served-Local - Google Web Fonts Bash Script Downloader and CSS Generator
Best-Served-Local - Google Web Fonts Bash Script Downloader and CSS Generator - Luxurious yet clean bash script to download google fonts and generate high quality css `@font-face` rules for each font
Bash  CSS  CSS3  Fonts  Google  Web-Development  Web-Dev  Web-Dev-Tools  Dev-Tools  Generator 
february 2017 by jasondavis
LocalFont Google Web Font Download Tool
LocalFont Google Web Font Download Tool - Download fonts and CSS from Google Web Fonts
CSS  CSS3  Fonts  Google  Web-Development  Web-Dev  Web-Dev-Tools  Dev-Tools  Generator 
february 2017 by jasondavis
PHP-Offline-Fonts - Cache Google Web Fonts on your server and serve them in your app
PHP Offline Fonts

Release Apache 2.0 License Gitter chat

This is under development and will soon be a composer package

Why can't I download the fonts from Google myself? Well, you'll be stuck with either the hinted/unhinted format, which will cause some machines to butcher your font. Also, Google corretly updates and assigns the correct files automatically for you. This library is special because it downloads the fonts from Google to your server based on User Agent, ensuring perfect compatibility.
CSS  CSS3  Fonts  API  Cache  PHP  ApolloWebStudio  ApolloLibrary  Google  Web-Development  Web-Dev  Web-Dev-Tools  Dev-Tools  Generator 
february 2017 by jasondavis
Semantic-UI - Amazing CSS framework with amazing components like the search
Semantic-UI - Amazing CSS framework with amazing components like the search - Semantic is a UI component framework based around useful principles from natural language.

GitHub -https://github.com/semantic-org/semantic-ui/
Project - http://semantic-ui.com/
CSS  CSS3  JavaScript  Framework  Web-Development  Web-Dev  UI  ApolloWebStudio  ApolloLibrary 
february 2017 by jasondavis
BoardzCSS - Create Pinterest-like boards with pure CSS
BoardzCSS - Create Pinterest-like boards with pure CSS, in less than 1kB.
CSS  CSS3  Images  Grid  Web-Development  Web-Dev 
february 2017 by jasondavis
How Flexbox works — explained with big, colorful, animated gifs
To accomplish this, it lets containers decide for themselves how to evenly distribute their children — including their size and the space between them. In this article, we’ll dive into the 5 most…
CSS  CSS3  CSS/Flexbox  Web-Development  Web-Dev 
february 2017 by jasondavis
Minimap - Minimap scroller for webpage similar to Sublimetext
Minimap - Minimap scroller for webpage similar to Sublimetext. A preview of full webpage or its DOM element with flexible positioning and navigation support
JavaScript  jQuery  CSS  CSS3  Scrollbar  Scroll  Minimap  Menu  Navigation  Web-Development  Web-Dev  ApolloWebStudio  ApolloLibrary 
january 2017 by jasondavis
CoreCSS - lightweight 1.7kb CSS reset with Responsive Grids
CoreCSS - is a lightweight foundation for building responsive websites. It weighs in at only about 1.3kb, minified and gzipped. There are no pre-styled elements or animations built-in – just a reset and a grid system. This is a framework for people who don't need all the features of larger frameworks and just want to build systematically from the ground up.

GitHub http://corecss.io/
Project - http://corecss.io
CSS  CSS3  Grid  Web-Development  Web-Dev  Responsive 
january 2017 by jasondavis
Fractal - A tool to help you build & document web component libraries into Pattern Library and Style Guides
Fractal - A tool to help you build & document web component libraries, and then integrate them into your web projects.

Component (or pattern) libraries are a way of designing and building websites in a modular fashion, breaking up the UI into small, reusable chunks that can then later be assembled in a variety of ways to build anything from larger components right up to whole pages.

Fractal helps you assemble, preview and document website component libraries, and then integrate them into your web sites, apps and build processes to create joined up, ‘living’ projects.

Fractal can be run from the command line or integrated into your project via its API.

GitHub - https://github.com/frctl/fractal
Project - http://fractal.build/
Demo - http://bits.24ways.org/
Demo GitHub - https://github.com/24ways/frontend
Demo 2 - http://patterns.severnbronies.co.uk/index.html
Image - https://www.apollowebstudio.com/screenshots/2017/04/screenshot-demo-cl-large.png
Image - https://www.apollowebstudio.com/screenshots/2017/04/chrome_2017-04-04_07-56-36.png
Image - https://www.apollowebstudio.com/screenshots/2017/04/chrome_2017-04-04_07-54-34.png
Image - https://www.apollowebstudio.com/screenshots/2017/04/chrome_2017-04-04_07-55-11.png


GitHub - https://github.com/frctl/fractal
Project - http://fractal.build/
Docs - http://fractal.build/guide
Theme - The default web UI theme https://github.com/frctl/mandelbrot
Demo Project - https://github.com/frctl/demo
Severn Bronies Pattern Library - http://patterns.severnbronies.co.uk/index.html
Image - https://www.apollowebstudio.com/screenshots/2017/screenshot-demo-cl-large.png
CSS  CSS3  HTML  Documentation  Mockup  UI  UX  Inspiration  Dev-Tools  Design  Web-Development  Web-Dev  Web-Dev-Tools  ApolloWebStudio  ApolloLibrary  Pattern-Library  JavaScript  Style-Guide  Build-Tools  Component-Library  WebDevAppModule 
january 2017 by jasondavis
Visual CSS flexbox builder | Webflow
Our CSS flexbox builder today lets you easily build websites with flexbox layouts—without actually writing the CSS. Try the Webflow flexbox generator now.
CSS  CSS3  CSS/Flexbox  HTML  Web-Development  Web-Dev  Web-Dev-Tools  Dev-Tools  Generator  Builder  Flexbox 
january 2017 by jasondavis
jQuery-Pixel-Perfect - Overlay image on top of design and control for perfect CSS
jQuery pixel perfect tool
A simple tool for convenient work with design mockups in a browser
jQuery-Pixel-Perfect is a small plugin that conveniently allows you to transpose a design layout over a developed site. With jQuery-Pixel-Perfect, you do not need to make measurements and you can write CSS code that pixel-matches to the design layout.

GitHub - https://github.com/maratfakhreev/jquery-pixel-perfect
Demo -http://localhost/labs/js/jquery-pixel-perfect-master/examples/examples.html
jQuery  JavaScript  CSS  CSS3  Mockup  Web-Development  Web-Dev  Web-Dev-Tools  Dev-Tools 
january 2017 by jasondavis
Uncloak - A live theme editor for Reveal.js colors font and sizes
Uncloak - A live theme editor for Reveal.js Presentation Slider colors font and sizes
JavaScript  Editor  RevealJS  Web-Development  Web-Dev  Web-Dev-Tools  Generator  CSS 
january 2017 by jasondavis
CSS-List-Selectors - JavaScript Node Library to List the selectors used in your CSS
CSS-List-Selectors- JavaScript Node library to List the selectors used in your CSS. Use as a standalone function, CLI, or PostCSS plugin.
JavaScript/NodeJS  JavaScript  CSS  Dev-Tools  Debugging  Web-Development  Web-Dev  Web-Dev-Tools  Build-Tools 
january 2017 by jasondavis
Hover - A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG
Hover - A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS, Sass, and LESS.
GitHub - https://github.com/IanLunn/Hover
Project - http://ianlunn.github.io/Hover/
Demo - http://localhost/labs/css/HoverCSS/index.html
Image - https://www.apollowebstudio.com/screenshots/2016/HoverCSS.gif
CSS  CSS3  Buttons  HTML  CSS/Animations  Animation  Web-Development  Web-Dev 
january 2017 by jasondavis
Fontello - icon fonts generator
Tool to build custom fonts with icons. Add your own font icons or choose from thousands of included font icons to build a custom font. Save project in export.json file and import to add additional icons to the same project font files.
Fonts  FontIcons  Icons  Graphics/Resources  Graphics/Tools  Generator  Build-Tools  Build  Builder  Dev-Tools  Web-Development  Web-Dev  Web-Dev-Tools  CSS  CSS3  ApolloWebStudio  ApolloLibrary 
december 2016 by jasondavis
Framework7 - Mobile Web App Framework - THE BEST
Framework7 - Full Featured HTML UI/UX Framework For Building iOS iPhone, iOS iPad, iOS iWatch, Android OS, and Any Mobile Device Web Apps that look and behave like Native OS Apps.
This Framework has the most features for UI and UX of any mobile app framework and also the best UI/UX. It also haas many Plugins to add even more features and a nice library of samle demo apps and templates along with a growing ap showcase of app built with the framework.

URLs:
- GItHUb - https://github.com/nolimits4web/Framework7
- Project - http://framework7.io
- Docs - http://framework7.io/docs/
- Forums - http://forum.framework7.io/
- Layouts - http://framework7.io/examples/
- Demo Apps - http://framework7.io/apps/
- Showcase Apps - http://framework7.io/showcase/

Image and Video
- https://www.apollowebstudio.com/screenshots/2016/ui.jpg
- https://www.apollowebstudio.com/screenshots/2016/swipeback.mp4
- https://www.apollowebstudio.com/screenshots/2016/swipeout.mp4
- https://www.apollowebstudio.com/screenshots/2016/messages.mp4

Core Components:
- Split-View Left and Right Panel for iPad and Tablet apps
- Forms
- List Views
- Pull to refresh list
- List with Icons
- Link Lists with icons
- Link Lists, no iocns
- List Dividers
- Grouped Lists with sticky title headers (example alphabetical letter groups on a contacts list)
- List with mixed types and Nested lists
- Inset LIsts
- Tablet Inset Lists, wide on mobile and inset on tablets
- Media Lists
- List with Image, Title, Description, OPen Arrow, and price text
- List with Title and Description text and swipe left action buttons
- Inset media lists
- Modals
- Navbars and Toolsbars
- Deep dynamic navbar ( navbar shows multiple pages and you can swipe back on each page)
- Page with navbar or bottom toolbar hidden
- Bottom Icon Tab Bar
- Bottom Icon Tab Bar with text labels
- Hide top and bottom bars on paghe scroll then show on scroll-up
- Sub Navbar adds a 2nd row of items in top Navbar
- Popovers
- Sliding Side Panels
- Panels can have lists or views or anything on them like a content page does
- Left panel - open with a button and close with button or clicking outside of the panel.
- Right panel
- Swipe to Delete (swip item reveals Delete or other button)
- Swiper Content Sliders
- Horizontal Swiper
- Vertical Swiper
- Multiple swipers on a page
- Nested Swipers (example; horizontal swiper with a vertical swiper on panel 2
- 3D-Cube Swiper
- 3D Coverflow Swiper
- 3D Flip Swiper
- Fade Swiper
- Swiper with scrollbar
- Swiper with thumbnail swiper below it
- Swiper with Custom Controls
- Parallax Swiper
- Lazy Loading Swiper
- Swiper with Progress Pagination
- Fraction Paging Swiper
- Swiper with Zoom Feature
- Tabs
- Plugins
- welcome/intro multi-screen app tour plugin
- Toast - Framework7 plugin to show little black iOS-like toasts
- WatchUI for Framework7 - makes framework show as iOS Watch App
- Keypad plugin extends Framework7 with additional custom keyboards
- Indexed Lists plugin -This plugin is for indexed scroll list like in iOS (and Android), currently works only with Contacts List
- Feeds Plugin -RSS feeds integration into Framework7 app
- 3D Panels plugin converts "reveal"-effect panels to great looking 3D panels which are also available as a swipe-panels
-
iOS  Mobile  Mobile-Apps  Framework  CSS  CSS3  HTML  JavaScript  Web-Development  Web-Dev  Web-Dev-Tools  ApolloWebStudio  ApolloLibrary 
december 2016 by jasondavis
classList.js - cross-browser JavaScript shim that fully implements element.classList
classList.js is a cross-browser JavaScript shim that fully implements element.classList. Refer to the MDN page on element.classList for more information.
This works in every browser except IE 7 or earlier.
GitHub - https://github.com/eligrey/classList.js
Docs - https://developer.mozilla.org/en/DOM/element.classList
JavaScript  CSS  Shim  Web-Development  Web-Dev 
december 2016 by jasondavis
Multi-Sliding-Panel Sidebar Library - under construction - CodePen
Multi-Sliding-Panel Sidebar Library - under construction
Create a siudebar which has multiple panels which interlink with each other to slide forward and backwards to show the selected sidebar panel.
- Option to AJAX load each panels HTML list of items and have each item trigger a new panel to slide into view and load content related to the clicked on item.
- Option to have clicked item load content into a right side content panel.
JavaScript  jQuery  CSS  CSS3  Animation  CSS/Animations  HTML  SIdebar  AJAX  JSON  Web-Development  Web-Dev  ApolloWebStudio  ApolloLibrary 
december 2016 by jasondavis
Bootstrap Templates and Snippets
Gallery of free bootstrap snippets, design elements, resources and templates created using html css js. Codes for web developers and web designers
JavaScript  Bootstrap  CSS  CSS/Bootstrap  CSS3  Admin  Settings  Users  Profile  Templates  HTML  Snippets  Web-Development  Web-Dev 
december 2016 by jasondavis
Creating drop caps using CSS
How to creating typographically correct drop caps in a range of typefaces
CSS  CSS3  HTML  DropCap  Typography  Web-Development  Web-Dev 
december 2016 by jasondavis
Outline-Mail - Email CSS Framework
Outline-Mail - Outline Mail is HTML email framework with a bunch of fully tested responsive components to provide you a solid foundation for your HTML email project.
CSS  CSS3  HTML  Templates  Themes  Email  Web-Development  Web-Dev  Marketing/Tools  Marketing/Email 
december 2016 by jasondavis
Browserfrog - CSS/HTML Browser Window
Stand out from the crowd with Browserfrog Browserfrog is a completely CSS/HTML browser window frame. Put away your generic iMac, MacBook Pro and MacBook Air frames. Take the spotlight back and point i
CSS  CSS3  HTML  Templates  Portfolio  Web-Development  Web-Dev  Freelance-Tools 
december 2016 by jasondavis
Controlfrog - Meaningful Metrics Light and Dark Admin THeme
Meaningful metrics Controlfrog helps you focus on your key metrics by taking them and displaying them in a meaningful, easily digestible way. Equally at home on your phone, tablet, laptop, desktop, TV
Themes  Templates  Admin  CSS  HTML  Web-Development  Web-Dev  ApolloWebStudio  ApolloLibrary  Dashboard 
december 2016 by jasondavis
HOMER - Responsive Admin Theme
HOMER Admin Theme is a premium admin dashboard theme with flat design concept. It is fully responsive admin dashboard template built with Bootstrap 3+ Framework, HTML5 and CSS3, LESS, Med
Themes  Templates  Admin  CSS  HTML  Web-Development  Web-Dev  ApolloWebStudio  ApolloLibrary 
december 2016 by jasondavis
« earlier      
per page:    204080120160

related tags

3D  Admin  AJAX  Alert  Android  Animation  Apache  API  ApolloLibrary  ApolloWebStudio  Application  Assets  AutoHotKey  Base64  Bash  Beautify  Blog  Boilerplate  Bookmarklet  Bootstrap  Build  Build-Tools  Builder  Buttons  Cache  Calendar  Canvas  CDN  CheatSheet  Checkbox  Chrome  CMS  Code  CodePen/JSFiddles/Dabblets  CodePlayground  Collaboration  Collections  ColorPicker  Colors  Columns  Component-Library  Components  Compress  css  CSS/Animations  CSS/Bootstrap  CSS/FlatUI  CSS/Flexbox  CSS/LESS  CSS/Material  CSS/Social-Share  CSS3  Curated-Resources  Dashboard  Database/MongoDB  Database/MySQL  Date  DatePicker  Debugging  Design  Design-Ideas-Inspiration  DesignPatterns  Dev-Server  Dev-Software  Dev-Tools  Dialog  DIFF  Docs  Documentation  DOM  DragDrop  DropCap  Dropdown  eCommerce  Edit-in-place  Editor  Electron-JS-App  Email  Encode  Extension  Filter  Flexbox  FontIcons  Fonts  Footnotes  Formater  Forms  Frames  Framework  Freelance-Tools  Gallery  Generator  GIT  GitHub  Google  Graphics/Gallery  Graphics/Inspiration  Graphics/Resources  Graphics/Tools  Graphs/Charts  Grid  Grids  GUI  History  HTML  HTML5  Icons  Ideas  Iframe  Image-Optimizer  Images  in  Inplace  Inspiration  Inspiration/Graphics  Inspiration/LandingPages  Inspiration/WebPage  Invoice  iOS  javascript  JavaScript/BackboneJS  JavaScript/Electron  JavaScript/Grunt  JavaScript/Gulp  JavaScript/NodeJS  JavaScript/StickyElement  JavaScript/VelocityJS  jQuery  jQUery  jQueryUI  JSFiddle  JSON  Keyboard  Labs  Layouts  Learning  LESS  Lists  Loader  LorumIpsum  Markdown  Marketing  Marketing/Email  Marketing/LandingPages  Marketing/Tools  Mega-Menu  Menu  Menus  Milestones  Mini  Minify  Minimap  Mobile  Mobile-Apps  Mock  Mockup  Modal  Modals  Money  Mouse  MySQL  Navigation  Newsletter  Newspaper  Notifications  NPM  Open-Source  Optimize  Options  Panel  Panels  Paper  Parallax  Parser  Parsing  Pattern-Library  Payments  PDF  Performance  PhantomJS  PHP  Picker  Popover  Popovers  Portfolio  Position  Presentation  Print  Profile  Progress  Radio  Responsive  RevealJS  Scraping  Screenshots  Scroll  Scrollbar  SCSS  Search  Selector  Settings  Shim  Sidebar  SIdebar  Sidebars  Slider  Slideshow  Snippets  Social-Network  Software/ChromeExtensions  Software/Mac  Software/Web-Based  Software/Windows  Sprites  SQL  Stats  Style  Style-Guide  SVG  Switch  Tables  Tabs  Tagging  Tags  Templates  Test  Themes  Time  Timeline  Tooltips  Tour  Typeahead  Typography  UI  Uploader  User  Users  UX  Vector  Web-Agency-Studio-Tools  Web-Design  Web-Dev  Web-Dev-Tools  Web-Development  Web-Service  WebDevAppModule  WebDevAppTools  Widgets  Wizard  WordPress  WordPress/plugins  WordPress/Themes  XML  Zoom 

Copy this bookmark:



description:


tags: