jasondavis + ux   44

Custom AHK GUI Image Tabs creating button images for Tabs
Custom AHK GUI Image Tabs creating button images for Tabs all from a single file. From the AHK forum post Examples of Non-Standard GUIs (ActiveX, GDI, etc.)

Filepath - "H:\dev_software\AutoHotkey_1.1.27.03\scripts\ahk_functions\dev_app\My_AHK_Library\scriptmanager-app-1\GUI\Custom_Tab_Button_Images_GUI_2.ahk"
Image - https://www.apollowebstudio.com/screenshots/2018/03/AutoHotkey_2018-03-11_10-28-44.png
Forum URL - https://autohotkey.com/boards/viewtopic.php?p=75034#p75034
AHK  AutoHotKey  GUI  Tabs  Theme  Custom_GU  Dev-Tools  Web-Dev-Tools  Inspiration  UX  UI 
march 2018 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
GoodUI - 75 GoodUI ideas to improve user interface and user experience in your Apps
A Good User Interface has high conversion rates and is easy to use. In other words, it's nice to both the business side as well as the people using it. Here is a running idea list which we're actively testing and writing exclusive stories about.

Project - http://www.goodui.org/
Image - https://www.apollowebstudio.com/screenshots/2017/04/chrome_2017-04-17_03-03-19.png
UI  UX  Freelance-Tools  Web-Development  Web-Dev  Web-Dev-Tools  Web-Agency-Studio-Tools  Dev-Tools  DesignPatterns  Design  Design-Ideas-Inspiration  Marketing  ApolloWebStudio 
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
Eagel - Organizing Ideas Has Never Been Easier Software App
Eagle helps you manage pictures, screenshots, user interfaces and designs that make your lightbulb shine. If you are a designer, you will definitely love this!
Software/Windows  Software/Web-Based  JavaScript  JavaScript/Electron  Web-Development  Web-Dev  Web-Dev-Tools  Web-Agency-Studio-Tools  Freelance-Tools  Dev-Tools  Bookmarks  Collections  UI  UX  Inspiration  WebDevAppTools 
march 2017 by jasondavis
nProgress - Slim progress bars like on YouTube, Medium
nProgress - Slim progress bars for Ajax'y applications. Inspired by Google, YouTube, and Medium.

GitHub - https://github.com/rstacruz/nprogress/
Project - http://ricostacruz.com/nprogress
JavaScript  jQuery  Loader  AJAX  Progress  Loading  Web-Development  Web-Dev  UI  UX 
february 2017 by jasondavis
Bootcards - App UI Framework with panels and mobile app designs can build CRM UI/UX
Bootcards is a cards-based UI framework. It is built on top of Bootstrap and uses it's responsive features. Unlike most other UI frameworks, it includes a dual-pane interface for tablet users.

We think Cards are the design pattern for mobile of the future. Cards are used already on sites and apps like Twitter, Google (Plus, Now), Spotify, Pinterest and Amazon. To kickstart your (and our) projects we decided to create Bootcards.

Main features
- Native look & feel for iOS and Android.
- Independent scrolling columns to support master/detail views.
- Single-pane mode for tablets in portrait: in a master/detail view, the list is hidden to leave more room for the content.
- All markup based on Bootstrap v3.
- Optimized for smartphones AND tablets.

GitHub - https://github.com/bootcards/bootcards
Project - http://bootcards.org/
Docs - http://bootcards.org/site/docs.html
Demo -
Image - https://www.apollowebstudio.com/screenshots/2017/chrome_2017-01-19_09-09-17.png
Image - https://www.apollowebstudio.com/screenshots/2017/chrome_2017-01-19_09-10-16.png
Image - https://www.apollowebstudio.com/screenshots/2017/screencapture-localhost-labs-js-bootcards-ui-framework-samples-double-navbar-html-1484835033686.png
Image - https://www.apollowebstudio.com/screenshots/2017/chrome_2017-01-19_09-12-11.png
Image - https://www.apollowebstudio.com/screenshots/2017/chrome_2017-01-19_09-16-04.png
Image - https://www.apollowebstudio.com/screenshots/2017/chrome_2017-01-19_09-16-38.png
Image - https://www.apollowebstudio.com/screenshots/2017/chrome_2017-01-19_09-17-39.png
Image - https://www.apollowebstudio.com/screenshots/2017/chrome_2017-01-19_09-18-23.png
Image - https://www.apollowebstudio.com/screenshots/2017/chrome_2017-01-19_09-18-54.png
JavaScript  jQuery  Mobile  iOS  Android  iPad  iPhone  CRM  Modals  Popovers  CSS3  Web-Development  Web-Dev  Web-Dev-Tools  Web-Agency-Studio-Tools  Freelance-Tools  Dev-Tools  Design  Charts  Framework  UI  UX  Dashboard 
january 2017 by jasondavis
Sliding Panel Sidebar with Content Panel that AJAX loads Example Inspiration
Sliding Panel Sidebar with Content Panel that AJAX loads Example Inspiration.

This websites help section has a sliding panel sidebar just like my library except my library can use AJAX to load each sidebar panel. It has a nice simple UI/UX!
UI  UX  Inspiration  Slider  Sliders  Panels  Sidebar  Animation  CSS/Animations  Menu  Web-Development  Web-Dev  ApolloWebStudio  ApolloLibrary  Multi-Panel 
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
Free Icons by First-Class Designers
A library of free vector icons for personal and commercial projects, designed by first-class designers.
Icons  Graphics/Resources  Images  Web-Development  Web-Dev  UI  UX 
october 2016 by jasondavis
Collect UI - Daily inspiration collected from daily ui archive and beyond
Daily inspiration collected from daily ui archive and beyond. Based on Dribbble shots, hand picked, updating daily.
UI  UX  Design-Ideas-Inspiration  Design  Web-Development  Web-Dev  CSS  CSS3 
october 2016 by jasondavis
CSS OSX Titlebar - Emulate OS X window title bar for a web based desktop app
CSS OSX Titlebar - Emulate OS X window title bar for a web based desktop app like an Electron app. Button click events for close, maximize window, and minimize window.
Demo - http://kapetan.github.io/titlebar/demo/index.html
CSS  Electron-JS-App  Web-Development  Web-Dev  UI  UX  Menu  JavaScript  Software/Web-Based  Software/Mac 
september 2016 by jasondavis
Photon - CSS framework for Electron desktop apps using CSS components
Photon : CSS framework for building desktop apps with Electron and simple HTML and CSS components. Like the Bootstrap for Electron desktop apps
CSS  CSS3  HTML  Framework  Electron-JS-App  Software/Web-Based  Software/Windows  Web-Development  Web-Dev  Web-Dev-Tools  Dev-Tools  JavaScript  UI  UX 
september 2016 by jasondavis
Ladda - Buttons with built-in loading indicators UI/UX
Ladda - A UI concept with Buttons that have built-in loading indicators and merges loading indicators into the action that invoked them. Primarily intended for use with forms where it gives users immediate feedback upon submit rather than leaving them wondering while the browser does its thing. For a real-world example, check out any of the forms on slides.com.
Buttons with built-in loading indicators. http://lab.hakim.se/ladda/
JavaScript  jQuery  CSS  CSS3  Buttons  HTML  Loader  Forms  ApolloWebStudio  ApolloLibrary  Animation  Web-Development  Web-Dev  UI  UX 
july 2016 by jasondavis
The Guide to Wireframing
A complete companion to wireframing, guiding you through theory and practice of creating good designs across every stage in the product development process.
Wire-Framing  Mockup  Design  Web-Development  Web-Dev  Freelance-Tools  Web-Agency-Studio-Tools  UI  UX 
july 2016 by jasondavis
Website Deck – UX Kits Hold your website architecture in your hands
Website Deck – UX Kits Hold your website architecture in your hands. Face Time Give your eyes a rest and quickly map out website information architecture with your team or client, awa
Wantlist  Web-Development  Web-Dev  Web-Agency-Studio-Tools  Freelance-Tools  Web-Design  UI  UX 
july 2016 by jasondavis
Inspire - Collection of popular UX flows. Take it as your Dribbble For Prototypes
Inspire - Collection of popular UX flows. Take it as your “Dribbble For Prototypes”. A Dribbble for prototypes by CanvasFlip; A rich collection of UX flows such as onboarding flow, payment, searching etc, helping designers..
Design-Ideas-Inspiration  Design  UI  UX  Web-Development  Web-Dev  Web-Dev-Tools  Web-Design  Dev-Tools  Mockup 
may 2016 by jasondavis
User Interface Design patterns
User Interface Design patterns are recurring solutions that solve common design problems. Design patterns are standard reference points for the experienced user interface designer.
Inspiration  DesignPatterns  Design-Ideas-Inspiration  Design  UI  UX  Web-Development  Web-Dev 
august 2015 by jasondavis
AlloyUI - Robust UI tools framework built on top of YUI3 JavaScript and Bootstrap for building high scalable applications
Robust UI tools at your fingertips.
AlloyUI is a framework built on top of YUI3 (JavaScript) that uses Bootstrap (HTML/CSS) to provide a simple API for building high scalable applications.
JavaScript  jQuery  UI  UX  Framework  CSS  CSS3  Web-Development  Web-Dev 
july 2015 by jasondavis
PrimerCSS - The CSS toolkit and guidelines that power GitHub.
PrimerCSS - Primer is the CSS toolkit that powers GitHub's front-end design. It's purposefully limited to common components to provide our developers with the most flexibility, and to keep GitHub uniquely *GitHubby*. It's built with SCSS and available via Bower, so it's easy to include all or part of it within your own project.

GitHub - https://github.com/primer/primer-css
Project - http://primercss.io/
CSS  CSS3  Web-Development  Web-Dev-Tools  GitHub  Web-Dev  UI  UX  Buttons  Forms  ApolloWebStudio  ApolloLibrary 
june 2015 by jasondavis
Mobiscroll - Customizable HTML5 UI components for touch devices like smartphones and tablets
Mobiscroll - Customizable HTML5 UI components for touch devices like smartphones and tablets. The missing UI controls from your mobile toolset are finally here
JavaScript  jQuery  Mobile-Apps  Mobile  Web-Development  Web-Dev  UI  UX  Web-Dev-Mobile 
june 2015 by jasondavis

related tags

AHK  AJAX  Android  Animation  ApolloLibrary  ApolloWebStudio  Application  AutoHotKey  Bookmarks  Build-Tools  Buttons  Charts  Collections  Component-Library  CRM  CSS  CSS/Animations  CSS/FlatUI  CSS3  Curated-Resources  Custom_GU  Dashboard  DatePicker  Design  Design-Ideas-Inspiration  DesignPatterns  Dev-Tools  Documentation  DragDrop  Electron-JS-App  Filter  Forms  Frames  Framework  Freelance-Tools  GitHub  Graphics/Inspiration  Graphics/Resources  Grid  Grids  GUI  History  HTML  HTML5  Icons  Images  Inspiration  Inspiration/Graphics  Inspiration/WebPage  iOS  iPad  iPhone  JavaScript  JavaScript/Electron  JavaScript/React  jQuery  Layouts  Lists  Loader  Loading  Marketing  Menu  Menus  Mobile  Mobile-Apps  Mock  Mockup  Modal  Modals  Multi-Panel  Navigation  Open-Source  Panels  Pattern-Library  Popover  Popovers  Progress  Prototyping  Search  Selector  Sidebar  Sidebars  Slider  Sliders  Software/Mac  Software/Web-Based  Software/Windows  Style  Style-Guide  Tables  Tabs  Templates  Theme  Tooltips  UI  UX  Video  Wantlist  Web-Agency-Studio-Tools  Web-Design  Web-Dev  Web-Dev-Mobile  Web-Dev-Tools  Web-Development  Web-Service  WebDevAppModule  WebDevAppTools  WinJS  Wire-Framing 

Copy this bookmark: