Technology Archives - UI39

Category Archives for Technology

sublime-text

Launch Sublime Text From The Command Line

OS X Command Line

Sublime Text includes a command line tool, subl, to work with files on the command line. This can be used to open files and projects in Sublime Text, as well working as an EDITOR for unix tools, such as git and subversion.

Setup

The first task is to make a symlink to subl. Assuming you’ve placed Sublime Text in the Applications folder, and that you have a ~/bin directory in your path, you can run:

ln -s "/Applications/Sublime Text.app/Contents/SharedSupport/bin/subl" ~/bin/subl

Usage

Run subl --help,

Usage: subl [arguments] [files]         edit the given files
   or: subl [arguments] [directories]   open the given directories
   or: subl [arguments] -               edit stdin

Arguments:
  --project <project>: Load the given project
  --command <command>: Run the given command
  -n or --new-window:  Open a new window
  -a or --add:         Add folders to the current window
  -w or --wait:        Wait for the files to be closed before returning
  -b or --background:  Don't activate the application
  -s or --stay:        Keep the application activated after closing the file
  -h or --help:        Show help (this message) and exit
  -v or --version:     Show version and exit

--wait is implied if reading from stdin. Use --stay to not switch back
to the terminal when a file is closed (only relevant if waiting for a file).

Filenames may be given a :line or :line:column suffix to open at a specific
location.

EDITOR

To use Sublime Text as the editor for many commands that prompt for input, set your EDITOR environment variable:

export EDITOR='subl -w'

Specifying -w will cause the subl command to not exit until the file is closed.

Ubuntu Command Line

sudo ln -s /opt/sublime_text/sublime_text /usr/local/bin/subl

Windows Command Line

I added this to my PowerShell profile:

Set-Alias subl 'C:\Program Files\Sublime Text 3\sublime_text.exe'
Or

To include the Sublime installation folder in windows path,

  1. Open command prompt and type sysdm.cpl
  2. In Advanced tab, select Environment variables
  3. Under system variables, select variable named “Path” and click Edit.
  4. Add “C:\Program Files\Sublime Text 3;” to the end of the existing string.
  5. Save the changes and restart command prompt
sublime-git

Git Client with Sublime

Meet a new Git Client, from the makers of Sublime Text

A snappy UI, three-way merge tool,
side-by-side diffs, syntax highlighting, and more.
Evaluate for free – no account, tracking, or time limits.
Interested? Read the release announcement.

Feature Highlights

INTEGRATED MERGE TOOL

The Integrated Merge Tool allows you to resolve any merge conflicts directly in Sublime Merge, rather than having to open up your editor of choice.

Conflicts are presented with a 3-pane view. On the left are your changes and on the right are theirs. In the center pane is the resolved text, with buttons to choose between your changes or theirs. The same text editing functionality as Sublime Text is also available for more complicated merges.

Clicking on the header in the middle pane will switch between the editable merge results and the base file.

Use +S or the Save button to save your merged file.

POWERFUL SEARCH

Use find-as-you-type search to dig up the exact commit you’re looking for.

Search for commit messages, commit authors, file names, and wildcard patterns. Complex search queries can be constructed using andor and () symbols.

For example min-parents:2 author:jskinner path:tests/* (bug fix or test) will search for a merge commit from jskinner inside the tests directory that contain the words “bug” and “fix” or the word “test”.

You can open search with +F or through the menu: Navigate ▶Search.

UNMATCHED PERFORMANCE

Sublime Merge is built on the same custom platform as Sublime Text, providing unmatched responsiveness. With a powerful, cross-platform UI toolkit, an unmatched syntax highlighting engine, and a custom high-performance Git reading library, Sublime Merge sets the bar for performance.

BLAME

Open the Blame of a file through the Command Palette or when viewing a commit to see exactly which lines of the file were added by which commits.

Easily view the age, author, and commit hash of every line of code and see which lines come from the same commit with our commit color coding. Click a line in the gutter to highlight all other lines from the same commit.

The blame tool will also detect when a piece of code was moved from another place in your repository, so you can truly follow the history of your code.

ADVANCED DIFFS

Where it makes sense we will show you exactly which individual characters have been changed for a commit.

This includes when you rename or move a file, when you’re resolving conflicts or just viewing commit history.

Select any two commits in Sublime Merge with +Left Mouse to show the diff between them.

FILE AND HUNK HISTORY

From any file or hunk in the history use … ▶ File History or the Hunk History button to view the full history of that source code. This will also follow any file moves or renames throughout the repository.

COMMAND PALETTE AND KEY BINDINGS

Keyboard usage is important to us. Use Tab to navigate through parts of the application, Space to toggle expansion, and Return to stage/unstage hunks. When writing a commit message, use +Return to commit.

The Command Palette is triggered by +P and allows quick access to a large set of Git commands as well as other Sublime Merge functionality.

LIGHT AND DARK THEMES

Choose between a light and a dark theme to suit your tastes. You can preview these themes above.

Open the Preferences ▶ Preferences… menu to change theme.

The dark theme is only available with a valid license key.

EXTENSIBILITY

Just like Sublime Text, just about everything in Sublime Merge is extensible. Key bindings, menus, theming, and the command palette are all customizable with simple JSON files.

SYNTAX HIGHLIGHTING

Sublime Merge performs full syntax highlighting identically to Sublime Text for every line of code you see.

We’ll even use any extra syntax definitions that we find in your Sublime Text installation for syntax highlighting!

COMMAND LINE INTEGRATION

Sublime Merge is designed to work hand in hand with the command line. All changes to the repository are updated live and everything works the same way whether it’s triggered from the command line or the UI. Use the terminal where it makes sense and use the GUI where it works best.

Use the smerge tool that comes with Sublime Merge to interact with it from the command line: open repositories, blame files or search for commits

REAL GIT

Sublime Merge uses the same terminology as Git, and doesn’t make use of any state beyond Git itself. When you’re working with Sublime Merge, you’re working with Real Git, not a simplified version

You can also hover over most buttons to see which git command it will run.

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