GoodSelects

Features frictionless native browser scrolling native scrollbars for mobile devices fully customizable auto hide auto height universal (runs on client & server) requestAnimationFrame for 60fps no extra stylesheets well tested, 100% code coverage React JS Scrollbars Usage Details You can view documentation and examples through the following link .

The integration of a high number of cocoapods in your iOS application leads to a relatively slow application. I was searching over the internet when suddenly I found this plugin. It is a Cocoapods plugin to merge dependencies (or pods) used by your Xcode project, to reduce the number of dynamic frameworks your app has to load on app startup. Pod-merge introduces a new file to your project; the MergeFile, and hooks into the pre-install phase of pod install to merge your dependencies. Installation Steps It is highly recommended to use bundler for using this plugin. So, open your terminal and type the following $ sudo gem install bundler Now, open your Xcode project in the terminal and type the following $ bundler init This command will create a file named Gemfile, open this file and add the following gem 'cocoapods', ‘1.8.4’ # change cocoapods version to the version you are usinggem 'cocoapods-pod-merge', :path => '../' Now, run the following command $ b...

Version Control software helps us keep tracking of every modification to the source code in a special kind of database. Today, most of the development teams use git and GitHub for version control of their software. It happens very often that we need to know who edited a single line of code. But, what if we need to see who edited that line at a glance?? GitLens GitLens is an extension that can be installed in VSCode. It supercharges the Git capabilities built into Visual Studio Code. It helps you to visualize code authorship at a glance via Git blame annotations and code lens, seamlessly navigate and explore Git repositories, gain valuable insights via powerful comparison commands, and so much more. The animated image above shows some of the GitLens features. The most wanted feature which we are looking for is called “Current Line Blame”. It adds an unobtrusive, customizable, and themable, blame annotation at the end of the current line. Current Line Blame For detailed information...

Each programming language has online documentation needed during applications development. The documentation is important to all levels of developers. The online presence means that you have to be online in order to search for a specific language detail. So, what if you were offline or the network disconnected?? In this article, I will list the two most important offline docsets applications for MS Windows and macOS so you will not lose documentation access when you are offline. Zeal Zeal is an opensource offline documentation browser powered by Digital Ocean for MS Windows and Linux. After installing Zeal, go to Tools -> Docsets to download the needed docsets for your favorite programming languages. Zeal Zeal has plugins for code editors, so you can integrate it with your favorite code editor. Adding Zeal plugin makes it easy for you to search for a specific detail while coding. For more details, you can go to  https://zealdocs.org/usage.html . Dash Dash is an API Doc...

What is Flutter? Flutter is an app SDK (Software Development Kit) developed by Google for building native cross-platform apps for iOS, Android, and web with one programming language and codebase. The goal is to enable developers to deliver high-performance apps that feel natural on different platforms. It embraces differences in scrolling behaviors, typography, icons, and more. Dart Programming Language Dart is a client-optimized language (focused on UI) for fast apps on any platform. It was unveiled in 2011. The Dart project was founded by Lars Bak and Kasper Lund. Dart 1.0 was released on November 14th, 2013. The Dart language is object-oriented and strongly typed. It is like a mixture of JavaScript, Java, C#. Everything’s a widget This is the main core principle of flutter. Widgets are the basic building blocks of a Flutter app’s user interface. Each widget is an immutable declaration of part of the user interface. Unlike other frameworks that separate view...

WordPress today is supported by thousands of plugins which add value to the website you are creating according to your business. In this article, I will list the Must Have WordPress plugins for business websites. WordPress plugins have various purposes including extending functionality, securing, backing up a website, SEO optimization,…, etc. So, I will list the top must-have plugins for business websites Why add plugins? WordPress is an online, open-source website creation tool written in PHP. It is made for all kinds of websites including Business websites, eCommerce stores, Blogs, Portfolios, Resumes, Forums, Social networks, Membership sites, …, and pretty much more. In order to turn the WordPress site to the kind you want, you have to use plugins to extend its functionality. Additionally, you have to add plugins which allow you to customize the admin area and add more security with backup and restore functionality. What are the plugins? The plugins below are the ones wh...

Browserify has to be able to statically analyze all of the require statements at build time so it can know what files it needs to include in the bundle. That requires that  require  can only be used with a string literal in the source code. To organize loading js modules, there are many ways to do that. By the way,  Browserify   is a development tool that allows us to write node.js-style modules that compile for use in the browser. Just like node, we write our modules in separate files, exporting external methods and properties using the module.exports and exports variables. Organize Loading JS Modules in Browserify Apps My way is to make a lazy module loader which returns one object of modules that are needed to be instantiated one time only (Singleton Objects). This loader can be accessed in the global scope and it is very easy to use. Modules Loader Let’s assume that you have written two separated modules named LightComposer.js and TextTranslator.js. These two modules are need...

The Alternative PHP Cache (APC) is a free and open opcode cache for PHP. Its goal is to provide a free, open, and robust framework for caching and optimizing PHP intermediate code. This extension is considered unmaintained and dead. The new alternative is called APCu. APCu is APC stripped of opcode caching. The first APCu codebase was versioned 4.0.0, it was forked from the head of the APC master branch at the time. PHP 7 support is available as of APCu 5.0.0. APCu is used to keep copies of data in memory, then reducing the time required to make queries, data filtering, data processing, etc. Many frameworks like WordPress supports APCu caching by adding caching plugins such as W3 Total Cache, or you can make your own custom code to use it the way you want. Installation On Linux systems such as Centos, you can install it via the Yum package manager according to php version yum install php56w-pecl-apcu On Microsoft Windows with XAMPP installed, you can enable it by adding the dll extensi...

Zend OPcache Bytecode caches are not new to PHP. We’ve had optional standalone extensions like Alternative PHP Cache (APC), eAccelerator, ionCube, and XCache. But none of these was built into the PHP code distribution until now. As of PHP 5.5.0, PHP has its own built-in bytecode cache called Zend OPCache. First, let me explain what a bytecode cache is and why it is important. PHP is an interpreted language. When the PHP interpreter executes a PHP script, the interpreter parses the PHP script code, compiles the PHP code into a set of existing Zend Opcodes (machine-code instructions), and executes the bytecode. This happens for each PHP file during every request. This is a lot of overhead, especially if PHP must parse, compile, and execute PHP scripts over and over again for every HTTP request. If only there were a way to cache precompiled bytecode to reduce application response times and reduce stress on our system resources. You’re in luck. A bytecode cache stores precompile...

Web development today has many various resources to use. Each developer has the choice to choose his suite of development tools. One of the first tools to choose is what code editors he will use to develop web applications. It depends on many features the developer is searching for. Code editors have been developed very fast in the past 5 years. Today, the code editors include many features and eye-catching colors, which have become as flavors that depend on the developer tasting. So, the developer has to taste and choose :). Best Code Editors List Sublime Text Sublime Text is a sophisticated text editor for code, markup, and prose. You’ll love the slick user interface, extraordinary features, and amazing performance. Brackets Brackets is a lightweight, yet powerful, modern text editor. We blend visual tools into the editor so you get the right amount of help when you want it without getting in the way of your creative process. You’ll enjoy writing code in Brackets. Atom Ato...

Selecting colors palette of your website depends on the website main color. Colors are derived from the main color. Colors control how your website looks like and emotions that are put on the website. Though, it is an important factor for controlling the audience of your website and how long is the average visitor session on your website. There are many tools for choosing the right colors palette of your website. Some of them are useful and some are not. Choosing the tool depends on your needs and your emotions. Emotions control your website colors. In this article I chose PALETTON. It is a wonderful online tool that creates color combinations and palettes which will work together. PALETTON History PALETTON origins as pretty simple online utility in 2002. Later it was named Color Schemes . It existed for several years and only a couple of people knew about it, though they liked it and used it frequently, mostly for web design. In 2009 there was a major improvement, brand new UI and new...

WordPress is an online, open source web creation tool written in PHP. WordPress community has become very large since it is open source. WordPress can be integrated with plugins that make it fast to start your website in a couple of days or hours. WordPress plugins have a wide range of variety including SEO. SEO plugins are very helpful to ensure the content to be reached by more audience so that your website rank faster in search engines. They measure the strength of your content SEO and integration into global search engines including Google, Bing, and Yahoo. Yoast SEO plugin is the best plugin for optimizing your WordPress website easily. Yoast SEO Plugin Installation You can easily install Yoast SEO plugin by going to Plugins -> Add New . Search for the following name Yoast SEO and when you find it, click Install  and wait to finish. Click Activate when the installation is finished. Yoast SEO Plugin Versions Premium Free Keyword optimization Up to 5 keywords for each page. On...

Web front end is one of the most important parts to attract audience. It is very important to have a nice and attractable front end; web interfaces; which describe the target of your website, web application or mobile app. Web front end has many new different ways to make it attractable. Animation is one of today’s best front end technologies. When you have your web front end animated, your website can be highly attractive. Web Front End GSAP Animation with code may seem hard at first, but after taking a look at this library you will have the encourage to start a new very needed trend in web design. GreenSock Animation Platform was made to make it simple and intuitive. This platform is highly optimized for performance and unprecedented flexibility. GSAP is a suite of tools for scripted animation. It has TweenLite.js; which is the core engine that handles animating just about any object. It is relatively lightweight yet full-featured and can be expanded using optional plugins. GSAP...

Fast web development tools are very valuable. especially when they are well written and bundled with valuable plugins. Every web developer owns a list of tools which makes web development faster. Every web page has a front end and back end. Front end depends on designs and animations using HTML, JavaScript, Jquery, CSS. In this article, we refer to a very nice tool. It decreases the time required to make websites and it has additional features such as mail sending and meta data. It has become a part of today’s web developer tools. It is called HTML Builder. What is HTML Builder? HTML Builder is a fast page building tool. It is a drag & drop page builder in which you can drag and drop elements from the elements panel to a new page. Each page builder is bundled with many unique sections, font icons, shapes, seo integration, .., etc. Drag & Drop Sample Elements are customizable through many ways including code editing. In addition, HTML Builder is bundled with valuable plugin...

Today, most websites are becoming responsive. Responsiveness is the most requested option when coming to websites front end development. This option makes websites mobile friendly with most modern web browsers. Bootstrap is one of the most popular frameworks for developing responsive, mobile first projects  on the web. It’s made for folks of all skills, levels, devices of all shapes and projects of all sizes. Bootstrap is open source. It utilizes the two most popular CSS preprocessors, Less and Saas. Wide Range of Responsive Components Bootstrap has a wide range of components. Bootstrap components are for all types of usage including button dropdowns, panels, buttons, input groups, labels, pagination, …, etc. Bootstrap Components Sample It is also bundled with Glyphicons iconic font library to make components easier to understand and maintain. Developers also integrates the Bootstrap Library with FontAwesome library to make professional websites. Modern Themes Support Boots...

Every day, the front end development is becoming faster and faster. Many web technologies have been developed through the past ten years. The iconic font has taken a wide range of web technologies. It is designed and developed by artists, designers, copywriters, developers .. etc. Every one of them has his unique touch to the web content. The iconic font is not just about the font. It is becoming the art of well designed and drawn icons in a simple creative step. Iconic font Libraries have been built to shorten the time required for designing icons used to describe the web content. They are well suited for all types of web content. FontAwesome  Library Of Iconic Font Font Awesome is one of the most popular web iconic font libraries. Font Awesome is a full suite of 675 pictographic icons for easily scalable vector graphics on websites, created and maintained by Dave Gandy. Font Awesome icons are well categorized into several categories regarding every need including web application icon...

Blisk is that all-new browser that every developer has been waiting for so long. Mozilla has already taken quite a decent stab, by building the finest development tools for the aspiring developers. During such instances, it is the duty of every developer to look for the best browser, with Blisk being the most top-rated one among the lot. Defined as a chromium based browser, this platform is solely developed for the developers and currently available in the Windows. It has given a golden opportunity for the aspiring developers, willing to create something big. Learning about Blisk browser Also defined as an auto-refresh browser , Blisk is available with pre-installed devices in some emulated modes. It makes it quite easy for the developers to currently test the ways, in which codes render across various browsers and devices. It is perfectly important for comparing designs, and ways in those differ in various pixel ratios and screen resolutions. This development friendly browser further ...

If you want your website to load as fast as possible, you will have to reduce JPEG size as quickly as possible. No matter what size of the image you want to use, you want to minify images quickly and easy, as otherwise, you will end up with quite a bit of trouble. Customers won’t wait for more than 2-3 seconds if your website is not loading then you will most likely lose a lot of business. So, you should consider the idea to reduce image size for your pictures as fast as possible. Even if it might be time-consuming and a bit challenging at first, the results can be very well worth it for the longer term. The Beamr company is here to offer you the very best tool to achieve this type of results, and its name is JPEG Mini. Why reduce JPEG size using JPEGmini? What makes JPEG Mini the best image optimizer on the market is that it can help you shrink the size of image files. The amazing thing here is that you get to lower the image size without compromising quality. So, you have a much smal...