Author Archives: Harshal Shah

About Harshal Shah

Harshal Shah is CEO & Founder of Xhtmljunkies, Located in Gujarat, India, XHTML Junkies is one of the best companies that offer unique eCommerce solutions by the virtue of its dedicated professionals. Our professionals are extremely proficient in offering development services pertaining to eCommerce. You can find Harshal on and Twitter.

MAGENTO Security Announcement

Install New Security Patch Immediately
Dear Magento Provider,

Today, we are releasing a patch (SUPEE-6482) that addresses 4 security issues identified through our comprehensive security program. This patch resolves two issues related to APIs and two cross-site scripting risks. There are no confirmed reports of attacks related to these issues to-date, but it is important that you work immediately with your clients to deploy the patch in order to protect their stores. More information about these issues is provided in the Appendix of the Magento Enterprise Edition and Magento Community Edition user guides. You can also sign up for future security alerts at the Magento Security Center.

We have created patches for both Magento Enterprise and Magento Community Editions. For Magento Enterprise Edition, a patch is available for Enterprise Edition 1.7 and later releases and will be part of the core code of Enterprise Edition 1.14.2.1, which is set to launch on August 6. For Magento Community Edition, a patch is available for Community Edition 1.4 and later releases and is part of the core code of Community Edition 1.9.2.1, which is now available for download. Please work with your clients to deploy the patch or upgrade to the latest Enterprise Edition or Community Edition release.

DOWNLOADING THE SECURITY PATCH
Before implementing this new security patch (SUPEE-6482), your clients must first implement all previous security patches. This will ensure that the patch works properly.

To download the patch, choose from the following options:
Enterprise Edition Merchants: Go to My Account, select the Downloads tab, and then navigate to Magento Enterprise Edition > Support Patches. Look for the folder titled “Security Patches – August 2015.” Merchants can also upgrade to Enterprise Edition 1.14.2.1 and receive the security fixes as part of the core code.
Community Edition Merchants: Patches for earlier versions of Community Edition can be found on the Community Edition download page (look for SUPEE-6482). Merchants can also upgrade today to Community Edition 1.9.2.1 and receive the security fixes as part of the core code.
Be sure to implement and test the patch in a development environment first to confirm that it works as expected before deploying it to a production site. Information about installing patches for Magento Enterprise Edition and Magento Community Edition is available online.

Thank you for your attention and continued support.

Best regards,
The Magento Team

Vikas Gruh – Second Visit (18th July 2015)

Vikas Gruh is the orphanage of little girls. We visited them again and celebrated birthday of one of our colleague. We spent such a beautiful quality time with them by distributing cake and fruits. There was such a great bonding between us which is being built by continual visits. We promised to visit them again and strengthen the bond.

Difference Between Freelancers & Web Development Companies

In today’s thriving internet market, many reputable corporates have invested a considerable amount of money into website designing in hopes to create a good online presence.There are so many website designers & freelance designers in the market to provide you the best solution for your online business so it becomes hard for any business to decide whom to hire. Here, there are some guidelines to help you in selecting and recognizing the differences between hiring a freelance designer & a reputable website designing company.

Freelancers :

1. It is less expensive than a website developing company as there is a one person in freelancing and so that they don’t have worries about overhead costs.

2. Freelancers are not bound to any customer satisfaction guarantee & any specific guidelines.

3. In compare to website developers, freelancers have less experience & knowledge.

4. As there is a single person, there are limited imaginations of designing.

5. Solutions are often outdated forcing the company to redo their website within the next year or two costing the client more in the long run.

6. There is no guarantee that the person will be loyal to you after getting paid. (It’s often heard when any company hires freelancers that they leaves projects in between after getting money.)

7. Freelancers do not offer Search Engine Optimization (SEO). It means your site will never be ranked in Search engines so that your potential clients will never reach you.

Website development companies

1. A reputable corporate provides you some sort of customer satisfaction guarantee.

2. Here, you’ll be benefitted by expertise knowledge of developers & designers.

3. Web development companies tend to have more knowledge of current web trends & programming languages and therefore they’re experts in providing you with an up to date web solutions.

4. Web development companies Can offer you complete solutions web consulting, hosting packages, search engine optimization, special ecommerce solutions and any other specific needs you may have for your website preventing you from having to search for multiple independent individuals in order to complete one project.

5. A firm has the advantage of being able to propose you a complete web solutions package including all the project management.

6. Web development companies have their office location where you can meet & discuss your project.

7. Web development companies have specialized staff in search engine optimization enabling them to rank your site well on the internet and bring more customers to your website,therefore fulfilling your goal in marketing your business online.

25 jQuery Plugins to help with Responsive Layouts

The most important topic of discussion is some importants jquery plugins which will hep in responsive layout allow you to offer optimized screen size based on device as well as desktop version.

You can make basic responsive by Media Queries but what’s for some different features like Navigation, forms, images, sliders etc.

We are highlighting some popular jquery plugins which will help in responsive optimization.

1) Response.js
It’s an experimental jquery plugin to create a website with responsive by swap content based on screen size and data attributes.
http://responsejs.com/

resp_jquery_01

2) Responsly
It’s a responsive widget jquery plugins written using CSS3 transformations. Currently it’s provide a slideshow and accordion funtionality only.
http://dmmalam.github.io/Responsly.js/

resp_jquery_02

3) Menu to DropDown
With help of this jquery plugin, you can recreate dropdown menu for small screens responsive design.
https://css-tricks.com/examples/ConvertMenuToDropdown/

resp_jquery_03

4) Responsive Menu
It’s a simple jquery plugin which convert your menus to select element for mobiie resolution.
http://mattkersley.com/demos/responsive_menu/

5) Doubletake
This plugin is mainly used for reponsive images. Based on breakpoints of screen, it will update images src when required.
https://github.com/filamentgroup/Responsive-Images

resp_jquery_04

6) FitText
It makes font size flexible. You can achieve scalable headlines in responsive layout that fill the width of a parent element.
http://fittextjs.com/

7) Breakpoints.js
It defines breakpoints for any responsive design. It wil fire custom event when browser enters or exit that breakpoint.
http://xoxco.com/projects/code/breakpoints/

8) Elastislide
It’s a responsive image carousel which is work in any screen size. It will make container smaller which will solve problem for smaller screen.
http://tympanus.net/Development/Elastislide/

9) Blueberry
Blueberry is best open source jquery image slider plugin which will fit in responsive web layouts.
http://marktyrrell.com/labs/blueberry/

10) Wmuslider
You can make responsive slider by Wmuslider. You can manage navigation, pagination, animation with touch support.
http://brice.lechatellier.com/code-design/wmuslider/

11) PhotoSwipe
It’s Javascript gallery specially for mobile and touch devices as well as for desktop version.
http://photoswipe.com/

12) Flexslider
It’s a fully responsive slider plugin with slide and flade animation, is supported by major browser.
http://www.woothemes.com/flexslider/

13) Responsive jQuery Slideshow
Fluid jQuery slideshow which scales responsively.
http://blog.kiskolabs.com/post/5602656614/responsive-jquery-slideshow

14) Seamless Responsive Photo Grid
https://css-tricks.com/examples/SeamlessResponsivePhotoGrid/

15) Responsive Image gallery with Thumbnail Carousel
It will create a responsive image gallery with thumbnail carousel using elastislide. You can navigate by keyboard also.
http://tympanus.net/Tutorials/ResponsiveImageGallery/

16) rlightbox
rlightbox is a jquery UI mediabox by which you can display many types of contents like images, video. It ‘s provide a features like Panorama and Live Re-size.
http://ryrych.github.io/rlightbox2/

17) AdaptiveMedia
You can create multiple images as per different scren sizes because desktop version images will takes time in mobile version.
http://www.yusufakyol.com/adaptivemedia/bordered.html

18) Dynamic Carousel
It’s carousel plugin for responsive layouts.
https://github.com/Wilto/Dynamic-Carousel/

19) FitVids.js
It’s easy to use jquery plugin for responsive width video embed.
http://fitvidsjs.com/

20) Isotope
It’s good plugin for dynamic layout which you can’t achieve with only css. You can hide and show item elements easily with jquery selector and re-order elements with sorting.
http://isotope.metafizzy.co/index.html

21) Heads-Up Grid
It’s an overlay grid for in-browser website development.
http://bohemianalps.com/tools/grid/

22) TinyNav.js
It’s a small plugin which will convert UL and OL navigations to a dropdown box for small screen layouts. It will select the current page and add selected tag for that item.
http://tinynav.viljamis.com/

23) Scrolldeck.js
With help of this plugin, you can create responsive slideslow, any attactive presentation and landing page for your website.
http://johnpolacek.github.io/scrolldeck.js/

24) TouchCarousel
it’s a mobile friendly content scroller with touch navigation. We can also use it as carousel, banner rotator and gallery.
http://dimsemenov.com/plugins/touchcarousel/

25) SwipeJS
It’s a most preferable touch slider with resistant bounds, scroll preventation, resize adjustment.
https://github.com/thebird/swipe

CakePHP vs CodeIgniter

CakePHP and Codeigniter are two of the most popular PHP frameworks (based on MVC architecture) around. I’ve personally used both and liked both of them. They both have some decent features and strength and weaknesses. I’m going to compare both of these frameworks here and give you the differences between without sounding biased to a particular framework. Here we go then, CakePHP vs CodgeIgniter:

1. Simplicity

Codeigniter: CodeIgniter is simple and not too strict to work with. For e.g. you can load a model in a view (even though it is not a good practice). You can even created a whole project without models (it can lead to messy and insecure code though). Controllers are the focal point of operations and most of the operations are performed in the controllers. Fetching data from the models and pulling in the views, everything is simple and clear.
CakePHP: CakePHP is not so simple as CodeIgniter. It is also a bit strict and most of its simplicity comes via automation. The automation makes coding process quicker but also harder to figure out the flow of execution.

2. Library Support

CodeIgniter: CodeIgniter lacks some essential libraries such as ‘Authentication’ and ‘ACL’ . These libraries are needed in most applications so you will need to rely on 3rd party libraries in many of your applications.
CakePHP: CakePHP has integrated Auth and ACL, but both frameworks integrate with 3rd party libraries easily.

3. Ajax

CodeIgniter: CodeIgniter doesn’t have any Ajax helper.
CakePHP: CakePHP comes with Ajax helper.

4. PHP Version

CodeIgniter: CodeIgniter although runs on PHP 4 and PHP 5, doesn’t take advantage of PHP 5 object oriented features.
CakePHP: CakePHP version 2.0 runs only on PHP 5.2 which definitely takes advantage of PHP 5’s Object Oriented features.

5. Code Generation

CodeIgniter: CodeIgniter doesn’t have any code generation or console features.
CakePHP: CakePHP’s ‘Bake Console’ can create any of CakePHP’s basic ingredients: Models, Controllers, Views. It can basically create a fully functional application in minutes.

6. Plugins

CodeIgniter: There aren’t many plugins available for CodeIgniter as compared to CakePHP.
CakePHP: Good amount of plugins are available for CakePHP as compared to CodeIgniter.

7. Communities

CodeIgniter: CodeIgniter has their own official forum and an IRC channel.
CakePHP: CakePHP has a Google group and an IRC channel.

8. Advantages

CodeIgniter:
1. Hassle-free Migration:
Easy and hassle-free migration from server hosting to server hosting.
2. Easygoing:
It is easy to adopt and distribute systematically or strategically and in hand of the user while customizing.
3. Application of new functionality:
One can apply a new functionality without affecting the customization at all.
4. Tractability:
It offers flexibility and easy management With MVC based framework.
5. Gives the benefit of easier configuration:
Provides easier configuration and customization of configuration files.
6. Alleviate with a variety of developers:
Alleviates easy working with a variety of developers.

CakePHP:

1.Helps reduce web application development cost & time considerably.
2.Cakephp is remarkable when it comes to scaffolding code generation.
3. While classes can be challenging to work with in standard PHP, they are much easier to work with in Cakephp.
4.Its automated configuration process auto-detects preferred settings. What does this imply? This means one need not invest considerable time in configuring Linux-Apache-MySQL-PHP (LAMP) setup.

10 Best Javascript Minifying Tools

We are using javascript minification in many of the production level website. The enhanced javascript minifying tools help to developer in development tasks as well as in improving coding. It will make your code to shorter by removing unwanted space, unnecessary comments, white space comments and new line comments from source code.
So let’s see most popuar javascript minification tools as under.

1) JSMin

By JSMin, you can remove unnecessary comments and whitespace quickly. It will descrese file size to half size, paving way to rapid downloads.

2) YUI Compressor

It will analyzing your javascript for understanding structure and then print out token stream while ignoring white space characters and also replacing the local symbols by a letter like 1,2,3 and so on. You will gain easy access to a flawless css comprression algorithmas by efficient regular expression for compressing css file.

3) UglifyJS

It’s a brilliant javascript compressor that’s written in javascript. It’s developed in Node.js but it will work on any javascript platform supporting the CommonJS module system.

4) Koala

It’s a GUI application for compilation of SASS, LESS, Compass, and CoffeeScript. It can run on Linux, Windows, and Mac. It has a some main features like multi-lingual support, several complie options, real-time complilation, error notification etc.

5) Prepos

It’s excellent tool for compiling Sass, LESS, Stylus, Compass, Jade etc. using automatic css prefixing. It’s a cross browser compatible and can run on Mac and windows. You can easily minify js files for reducing banthwidth and load time of your site.

6) Ajax Minifier

It’s window application which will minify all javascript files even in nested folder or a single folder. You can minify individual javascript files and enable/disable mutliple analysis options.

7) Smaller

Smaller is a powerful HTML, CSS and Javascript compressor on OS X and ability to merge mutliple files to single one. It will make your website faster.

8) JSCompress

JSCompress is online javascript compressor which compress and minify your javascript by reducing size up to 30-90%. These reduction is achieved by removing comments and unncessary white character from file which are not required in development.

9) Minifier

Minifier is a simple tool for JS/CSS comression without any set up. It reworks URLS from original to output location for CSS and resolves @import statements in CSS.

10) Ultra Minifier

It’s a simple YUI compressor GUI to minify jS and CSS code without using the terminal.

10 Steps To Improve Your Joomla eCommerce Store

Who has a e-commernce store is always looking for ways by which they can increase the turnover of their eCommerce store and online sales from site. Everyday online shopping option wil increase so you have to consider some points which will help to growth and growth.

You should understand up selling points. You have to do something different like offering something to customer which they can’t find out from other places easily.

Site should be proper and pretty with good color combination because it has a huge effect to customer when visit your site. Customer will spend more time on your site the more likely they are to purchase something.

Navigation of site is very important factor, lots of people simply do not understand flow. Check other reference site and make every thing easy to find. If someone is looking for some product then should be able to find easily.

Social media is a superb place to spread your site. If you get your social media correct you will get lots of traffic to your site.

Keep possible payment options open so people simply purchase from site. Lacking of payment option will lost your customer.

Advertising is most important, don’t create a long blog or putting lots of information. You should highlight your product with some key features.

Every time you should analyze site, create a analytic report, what works and what doesn’t. Collect a correct data and take a correct decision what you should do for your site and how to.

Make sure your site has good speed and customer can view required products easily and speedly.

Update your site regularly with new and attractive products which will keep users in touch to your side.

You should use proper shopping cart which must be bugs and crashes iusses free. You should create a user friendly store. Lots of shopping cart extension available like Eshop, J2Store, JooCommerce, MyMuse, VirtueMart etc.

Elsnerites’ Visit to Kasbara Municipality School

Kasbara Municipality School is located in Tarapur Taluka at Aanand District. It’s a municipality school having 240 students starting from Std 1 to Std 8.Their requirements for having a proper educational experience which were fulfilled by us included stationery items, school bags, raincoats, school uniforms, etc. It was fond experience for Elsnerites to be able to contribute in fulfillment of a tiny eyes’ dreams.

Simple 10 Tips To Tighten Security on your WordPress Website

One of the great things about WordPress is it’s easiness to get started. Along with is easiness it has to be arranged eith some important things to tighten up security and access of website. Let me take you through some of the basic things one can easily do to tighten security on ones website and it won’t take very long at all.

1. Update site with latest themes and plugins

Every new release of WordPress contains some updated patches and fixes that address real or potential vulnerabilities. If one who don’t keep ones website updated with the latest version of WordPress could be leaving oneself open to attacks. Many hackers intentionally target older versions of WordPress with known security issues, so keep an eye on Dashboard notification area and don’t ignore those ‘Please update now’ messages.

2. Create a secured password

According to a survey around 8% of hacked WordPress websites are down because of weak passwords. If WordPress administrator password is like ‘admin’, ‘admin123’, or ‘password’ (all way more common than you might think!), one need to change it with a more secured one.
As security experts advice passwords has to meet the following criteria:

  • Have 8+ characters in length
  • Contain a mix of numbers, uppercase/lowercase letters and special characters like @ , $ and %
  • Never use One password for all accounts

One can use tools for remembering passwords if they are facing any problem with passwords.

3. Admin should be admin not a user name

During the year of 2013, there was a spate of brute-force attacks launched at WordPress websites across the web, making repeated login attempts using the username ‘admin’, combined with common passwords.
If one use “admin” as ones username, and password isn’t strong enough , then site is very vulnerable to a malicious attack.

4. Limit failed login attempts

One should limit the number of failed login attempt to site to avoid Brute-Force attack (an approach of password guessing).Some typical WordPress plugins can come in handy as Better WP Security or Limit Login Attempts, Login Security Solutions, Login Lockdown

5. Change admin URL path

The default URL path for WordPress admin panel is /wp-admin. Everyone knows that.Changing this URL is also a way to secure login site and avoid attack.
One can change the admin URL manually, which is a bit complicated and risky. The fast and safe way is to do it using a plugin.
Here are the methods to improve security using plugins:

  • Install the plugin
  • Navigate to Security -> Hide Backend
  • Change URL in Login slug, Register slug and Admin slug.

6. Change access permissions

By default, CHMOD is set as 664 for files and 775 for folders. However, there are important files that need special permission and wp-config.php file, The file stores login information of site database. One rarely edit this file so set its CHMOD to 444 so that all user groups can read the file but can not edit it, including the owner. One can also set CHMOD for wp-config.phpfile to 400 and .htaccess file to 404 for more restriction. If one want to modify wp-config.php, change CHMOD to 664 and remember to return its original value when you are done. Modifying .htaccess file is similar.

7. Back up your data regularly

Regular backup helps to limit attack risks and reduce damage to some extent. In case of data loss, One can make a quick site recovery using backup files. There are many free and premium WordPress plugins for backing up data regularly and automatically.

These free plugins include:

  • WordPress Backup To Dropbox – Much like its name, this plugin will helps to schedule automatic backups and send the backup files to Dropbox account.
  • UpdraftPlus – This plugin supports uploading backup files to S3, Dropbox, Google Drive, FTP, SFTP, Email and so on.
  • XCloner – Like UpdraftPlus, XCloner supports both backup and restore website.

8. Disable editing via dashboard

In default WordPress installation, one can navigate to Appearance > Editor and edit any theme files from the dashboard.
The trouble is, if a hacker managed to gain access to admin panel, they could also edit files that way, and execute whatever code they wanted to.
So it’s a good idea to disable this method of file editing, by adding the following to wp-config.php file: define( ‘DISALLOW_FILE_EDIT’, true );

9. Use themes from trusted developers.

The main reason for this is that free themes can often contain things like base64 encoding, which may be used to sneakily insert spam links in to site, or other malicious code that can cause all sorts of problems. 8 out of 10 sites reviewed offered free themes containing base64 code.
If one really want to use a free theme, one should only use those developed by trusted theme companies, or those available on the official WordPress.org theme repository.
Note: The same logic applies to plugins. Only use plugins that are listed on WordPress.org, or built by a well-established developer.

10. Use secure hosting

Not all web hosting providers are created equal and, in fact, hosting vulnerabilities account for a huge percentage of WordPress sites being hacked.
When choosing a web hosting provider, don’t simply go for the cheapest you can find. Do research, and make sure of selecting a well-established company with a good track-record having strong security measures.

Benefits of SVN

Subversion (SVN) is a versioning and revision control system under Apache license.

Its purpose is to maintain current and old versions of files such as your coding files, web pages and other documentation. It preserves modifications to files in a chronological manner with version tracking facility. It allows a user to revert files to a previous version. You can merge your updated documents from one file to another file. You can check for alterations among file revisions and also see details log about how files have evolved.

You can add your old files and folders to current SVN version. SVN provides the ‘Checkout’ command to check the working copy of your repository. It will create a new directory in your current directory with same ‘Repo’ name.

Any developer can manage SVN with simple commands. You can merge or update files with locally modified code. It will also show places where there is a document conflict. If you want to revert back any update then you can easily go back to previous file version with the ‘Revert’ command.
After completing your work in any file, you can commit your updates with a proper message so it will help tracking in the future. You can track all file related information such as modified files, deleted files and recent files.

You can get any command line help with “Help” command. You can get lists of updates in files by ‘Annotate’ command. It will give all changes with numbers in each line. You can set log messages for your updates so in future you can track easily.

SVN allows only sub tree structures and GIT provides the entire repository. Modular code wise you can compare SVN to GIT sub modules. By SVN you can track empty directory but in GIT you can track file content, not a directory.

SVN is better in case of central repository in which you may want to have distributed ‘repo’ for better speed and multiple copies. SVN manages one repository and if user knows the URL then the user can manage all files and materials from that location. In case of GIT, not all files are stored in same location.

With help of SVN, you can track and / or download a subdirectory of repository but in case of GIT, you have to download complete repository which means if you have low internet connection then it will take a very long time. For large projects, SVN is better than GIT for the same. SVN supports transaction by the principle “All or Nothing” so it is better when compared to CVS.

Overall SVN is best tools for large project with multiple resources involved in your project.