June 2019 - UI39

Archive Monthly Archives: June 2019

reactjs awesome

Reactjs Awesome Resources

Awesome React

A collection of awesome things regarding React ecosystem.


React

JavaScript Library for building User Interfaces

React General Resources

React Community

React Online Playgrounds

React Tutorials

React General Tutorials
React Hooks
React and TypeScript
React Performance
React Internals
React Interview Questions

React Tools

React Development Tools
React Frameworks
  • Next.js – The React Framework
  • Gatsby.js – Free and open source framework based on React
React Styling
  • Styled Components – Visual primitives for the component age
  • Emotion – Library designed for writing CSS styles with JavaScript
  • Radium – A toolchain for React component styling
  • JSS – Authoring tool for CSS
  • Styletron – An universal toolkit for component-oriented styling
React Routing
  • React Router – Declarative routing for React
  • Navi – Declarative, asynchronous routing for React
  • Curi – JavaScript router for single-page applications
React Component Libraries
  • Material UI – React components for faster and easier web development
  • Ant Design – A design system with values of Nature and Determinacy
  • Blueprint – A React-based UI toolkit for the webs
  • Fabric React – React components for building Microsoft web experiences
  • React Bootstrap – The most popular front-end framework Rebuilt for React
  • Semantic UI React – The official Semantic-UI-React integration
React Awesome Components
React for Command Line
  • ink – React for interactive command-line apps
  • react-blessed – A React renderer for blessed terminal interface library

React Testing Libraries

Animation Components
Libraries
React Integration
Forms
Autocomplete
Graphics
Model Libraries
Data Managing
Maps
Charts

React Native

Framework for building native apps using React

React Native General Resources

React Native Tutorials

React Native Developer Experience

React Native Sample Apps

React Native Boilerplates

React Native Awesome Components


React AR/VR

Usage of React for Augmented and Virtual Reality

  • React 360 – Create exciting 360 and VR experiences using React
  • Viro React – Platform for rapidly building AR/VR applications using React Native

ReasonReact

Reason bindings for ReactJS

Flux

Application Architecture for Building User Interfaces

Flux General Resources

Flux Implementations

Flux Tutorials


Redux

Predictable State Container for JavaScript Apps

Redux General Resources

Redux Tools

Redux Tutorials


MobX

Simple, scalable state management for JavaScript Apps

MobX General Resources

MobX Tools

MobX Tutorials


GraphQL

Query Language

GraphQL Spec

GraphQL Tools

GraphQL Tutorials

GraphQL Implementations

Server Integration

Database Integration


Relay

Data-Driven React Applications

Relay General Resources

Relay Tutorials

Relay Tools


Apollo

Data stack based on GraphQL

Apollo General Resources

Apollo Tools


Videos

reactjsvideos.com

Important Talks

React.js Conf 2015 Playlist

ReactEurope Conf 2015 Day 1 Playlist

ReactEurope Conf 2015 Day 2 Playlist

ReactRally Conf 2015 Playlist

React.js Conf 2016 Playlist

React Amsterdam 2016 Playlist

ReactEurope Conf 2016 Day 1 Playlist

ReactEurope Conf 2016 Day 2 Playlist

ReactRally Conf 2016 Playlist

React.js Amsterdam 2018 Playlist

Video Tutorials


Demos


Example Apps


Real apps

resource: https://github.com/enaqx/awesome-react

jquery-ui-is-a-collection-of-gui-widgets

jQuery UI is a collection of GUI widgets

jQuery UI is a collection of GUI widgets, animated visual effects, and themes implemented with jQuery (a JavaScript library), Cascading Style Sheets, and HTML. According to JavaScript analytics service, Libscore, jQuery UI is used on over 197,000 of the top one million websites, making it the second most popular JavaScript library. Notable users include Pinterest, PayPal, IMDb, The Huffington Post, and Netflix.

Both jQuery and jQuery UI are free and open-source software distributed by the jQuery Foundation under the MIT License; jQuery UI was first published in September 2007

 

Interactions

Draggable, Droppable, Resizable, Selectable, Sortable

Widgets

All of jQuery UI’s widgets are fully themeable using a consolidated, coordinated theme mechanism.

Accordion – Accordion containers
Autocomplete – Auto-complete boxes based on what the user types
Button – Enhanced button appearance, turn radio buttons and checkboxes into pushbuttons
Datepicker – Advanced date-picker
Dialog – Show dialog boxes on top of other content, easily and robustly
Menu – Show a Menu
Progressbar – Progress bars, both animated and not
Selectmenu – Duplicates and extends the functionality of a native HTML select element to overcome the limitations of the native control
Slider – Fully customizable sliders
Spinner – Show a Number Spinner
Tabs – Tabbed user interface handling, with both inline and demand-loaded content
Tooltip – Show a Tooltip
Effects
Color Animation – Animate the transition from one color to another
Toggle Class, Add Class, Remove Class, Switch Class – Animate the transition from one set of styles to another
Effect – A variety of effects (appear, slide-down, explode, fade-in, etc.)
Toggle – Toggle an effect on and off
Hide, Show – Using the effects above
Utilities
Position – Set an element’s position relative to another element’s position (alignment)
Widget Factory – Create stateful jQuery plugins using the same abstraction as all jQuery UI widgets

Release history

 

Release date Version number jQueryDependency Additional notes
Sep 17, 2007 1.2.1+ Initial release
Jun 8, 2008 1.5
Apr 16, 2009 1.6 1.2.6+ Compatibility release for jQuery 1.2.6.
Mar 3, 2009 1.7 1.3.2+
Mar 18, 2010 1.8 1.3.2+
Jan 19, 2011 1.8.9 1.3.2+
Feb 22, 2011 1.8.10 1.3.2+
Mar 15, 2011 1.8.11 1.3.2+
Apr 13, 2011 1.8.12 1.3.2+
May 12, 2011 1.8.13 1.3.2+
Jun 17, 2011 1.8.14 1.3.2+
Aug 1, 2011 1.8.15 1.3.2+
Aug 15, 2011 1.8.16 1.3.2+
Jan 10, 2012 1.8.17 1.3.2+
Feb 20, 2012 1.8.18 1.3.2+
Apr 16, 2012 1.8.19 1.3.2+
Apr 30, 2012 1.8.20 1.3.2+
Jun 5, 2012 1.8.21 1.3.2+
Jul 24, 2012 1.8.22 1.3.2+
Aug 15, 2012 1.8.23 1.3.2+
Sep 28, 2012 1.8.24 1.3.2+
Oct 8, 2012 1.9.0 1.6+
Oct 25, 2012 1.9.1 1.6+
Nov 23, 2012 1.9.2 1.6+
Jan 17, 2013 1.10.0 1.6+ Dropped support for IE6
Feb 15, 2013 1.10.1 1.6+
Mar 14, 2013 1.10.2 1.6+
May 3, 2013 1.10.3 1.6+
Jan 17, 2014 1.10.4 1.6+
Apr 25, 2014 1.11.0-beta.1 1.6+ Dropped support for IE7
May 23, 2014 1.11.0-beta.2 1.6+
Jun 26, 2014 1.11.0 1.6+
Aug 13, 2014 1.11.1 1.6+
Oct 16, 2014 1.11.2 1.6+
Feb 12, 2015 1.11.3 1.6+
Mar 11, 2015 1.11.4 1.6+
Jan 26, 2016 1.12.0-beta.1 1.7+ Dropped support for IE8, IE9, IE10
Mar 17, 2016 1.12.0-rc.1 1.7+
Apr 21, 2016 1.12.0-rc.2 1.7+
Jul 8, 2016 1.12.0 (unannounced) 1.7+
Sep 14, 2016 1.12.1 1.7+

Audience

This tutorial has been prepared for anyone who has a basic knowledge of HTML and CSS and has an urge to develop websites. After completing this tutorial you will find yourself at a moderate level of expertise in developing web projects using Twitter JqueryUI.

Useful Resources

  • JqueryUI Official Site − Create state-of-the-art graphical user interfaces for your web applications using jQuery UI. Your main resource for jQueryUI latest versions, plug-ins, tutorials, news, and blogs etc.
  • JqueryUI API Documentation − This link would land you up the jQueryUI API Documentation page which includes complete reference for jQuery UI.
akaunting

Web Technologies Accounting

ONLINE ACCOUNTING SOFTWARE FOR BUSINESSES

From invoicing to expense tracking to accounting, Akaunting has all the tools you need to manage your money online, for free.

Online, open source and free accounting software for small businesses. Manage your money. Get invoices paid. Track expenses. With ease!

GitHub is home to over 36 million developers working together to host and review code, manage projects, and build software together. … php laravel accounting invoices payments expenses laravel-application laravel-framework laravel5 invoicing billing budget money balance bookkeeping

Akaunting is a free, open source and online accounting software designed for small businesses and freelancers. It is built with modern technologies such as Laravel, Bootstrap, jQuery, RESTful API etc. Thanks to its modular structure, Akaunting provides an awesome App Store for users and developers.

Requirements

  • PHP 5.6.4 or higher
  • Database (eg: MySQL, PostgreSQL, SQLite)
  • Web Server (eg: Apache, Nginx, IIS)
  • Other libraries

Framework

Akaunting uses Laravel, the best existing PHP framework, as the foundation framework and Modules package for Apps.

Installation

  • Install Composer
  • Download the repository and unzip into your server
  • Open and point your command line to the directory you unzipped Akaunting
  • Run the following command: composer install
  • Finally, launch the installer

Docker

It is possible to containerise Akaunting using the docker-compose file. Here are a few commands:

# Build the app
docker build -t akaunting .

# Run the app
docker-compose up -d

# Make sure you the dependencies are installed
docker-compose exec web composer install

# Stream logs
docker-compose logs -f web

# Access the container
docker-compose exec web /bin/sh

# Stop & Delete everything
docker-compose down -v

Contributing

Fork the repository, make the code changes then submit a pull request.

Please, be very clear on your commit messages and pull requests, empty pull request messages may be rejected without reason.

When contributing code to Akaunting, you must follow the PSR coding standards. The golden rule is: Imitate the existing Akaunting code.

Please note that this project is released with a Contributor Code of Conduct. By participating in this project you agree to abide by its terms.

Download here 

Web technology usage trend

Web Technology Usage Trends 2019

Web and Internet Technology Usage Statistics

Internet usage growth statistics, since 1995 till today, the history of the Internet, the global village, links to web technology history.

If you’ve ever wanted to know what websites in the Alexa top 10k use WordPress, or which Magento sites are using Google Analytics, or how many Drupal websites are using a CDN – Builtwith provides that information. The website (and plugin) allows you to see different web usage statistics like CMSes, analytics platforms used, frameworks for websites, and much more.

Magento
460,404 live websites
Shopify
1,139,853 live websites
WordPress
27,254,788 live websites
WooCommerce
3,549,243 live websites
Magento Enterprise
38,878 live websites
Drupal
1,562,255 live websites
Hybris
106,991 live websites
PrestaShop
318,670 live websites
BigCommerce
84,790 live websites
Demandware
31,110 live websites
Sitecore CMS
103,537 live websites
Hubspot
443,624 live websites
OpenCart
374,254 live websites
Marketo
214,498 live websites
Optimizely
607,835 live websites
PHP
41,800,522 live websites
Adobe CQ
206,067 live websites
IBM Websphere Commerce
21,818 live websites
Joomla!
2,079,688 live websites
Google Analytics
35,250,968 live websites
Volusion
26,906 live websites
MailChimp
1,775,678 live websites
Ruby on Rails
1,193,495 live websites
Salesforce
121,334 live websites
Cart Functionality
5,386,264 live websites
Angular JS
1,982,842 live websites
Amazon
8,585,283 live websites
Google Adsense
11,600,429 live websites
Omniture SiteCatalyst
858,543 live websites
Eloqua
224,582 live websites
Laravel
502,269 live websites
ASP.NET
32,452,898 live websites
Magento 2
124,008 live websites
osCommerce
99,347 live websites
Zen Cart
216,198 live websites
Stripe
356,670 live websites
Adobe Experience Manager
125,476 live websites
Oracle Commerce
29,027 live websites
RevContent
60,485 live websites
Zendesk
598,869 live websites
Infusionsoft
195,213 live websites
Google Apps for Business
11,786,703 live websites
Magento 1.7
17,384 live websites
Magento 1.9
122,504 live websites
Taboola
818,113 live websites
Umbraco
51,411 live websites
Pardot
188,856 live websites
Liferay
50,386 live websites
Wix
3,486,353 live websites
Rackspace
1,093,485 live websites
AdRoll
368,071 live websites
New Relic
2,281,986 live websites
Apache
64,228,080 live websites
J2EE
6,110,398 live websites
Shopify Plus
32,426 live websites
nopCommerce
39,361 live websites
Kentico
46,970 live websites
ASP.NET MVC
1,111,069 live websites
ClickFunnels
231,272 live websites
CodeIgniter
354,331 live websites