66 Tools & Techniques for Productive TYPO3 Agency

https://inbox.google.com/

During initialization of our TYPO3 agency, We have tried to use local email clients (eg., Outlook for Windows with self hosting emails), But immediately we realized it's not that effective and long-term solution as your old emails may get lost with new device, accessing to cross-platforms etc., We choose Google Professional Gsuite with Google Inbox for the Emails. https://gsuite.google.com/

https://www.lastpass.com/

To store and retrieve sensitive information like passwords, pins and private info. on the fly is very time consuming process. By inspiring TYPO3 GmbH approach, We use LastPass and that's a really cool tool for managing and accessing the password from anywhere.

https://drive.google.com/

It’s 2018, Your documents should be accessible from anywhere like Laptop, Tablet, Mobile.
That’s why we choose Google Docs to manage all our internal documents.
There are many advantages like Accessibility, Share with People, Easy to pass from one to another division, Work together in one document etc.

https://calendar.google.com/

For any kind of internal or client’s meeting, we always use Google Calendar for the invitation and clear the agenda. One more thing, We always maintain MOM (Minute of Meeting) for each meetings.

https://activecollab.com/

For smooth execution of projects, we use Activecollab which help to manage projects, arrange resources, detailed report, etc.,
Further it also helps us to implement smooth agile scrum and kanban methodology.

Custom Developed by NITSAN Technologies

Also, We have developed one custom intranet application according to organization’s crucial needs for eg., Maintain daily to-do, reports for projects and resources, etc.,
Basically, we have extended Activecollab for advanced project management.

https://slack.com/

Slack is one of the most popular tool, We use it for our internal communication. Among its features are included on-desktop notifications, drag-and-drop files, video calls, group projects, integrations with Box, Google Docs, and Dropbox.
If you have still not used, then you must try with Free version.

https://www.skype.com/

Mostly for the client’s communication, we use Slack for chat and calls.

Skype is an IP telephony service provider that offers free calling between subscribers and low-cost calling to people who don't use the service.

In addition to standard telephone calls, Skype enables file transfers, texting, video chat and videoconferencing.

https://www.scrum.org/

Agile Scrum
Scrum technique is one of the most popular technique of Agile methodologies. There are more advantages compared to traditional Waterfall model with three specific roles: product owner, scrum master and the development team. It’s increase productivity of the project like avoid more change request, better quality and ultimate client is happy with such approach.

Agile Kanban
Kanban is agile process framework. It’s concept related to lean and jus-in-time (JIT) production with scheduling system and define, what / when / how to produce.
Fortunately, Activecollab which we used as project management tool is provide perfect Kanban agile framework.

https://git-scm.com/

For our each small to very large TYPO3 projects, we always use GIT version control system for better productivity.

https://en.wikipedia.org/wiki/ LAMP

As Open source web agency, We use one of the most popular LAMP (Linux, Apache, MySQL and PHP) software bundle. All the machines of Server and TYPO3 Developers has been configured with this environment.

We have invested high-level configuration for the hardware of developers and testers for better quality like 8 GB Ram, Large size monitor etc.,

To provide speedy and secure work to the customer, NITSAN have settled high-level internal infrastructure like Server-client setup, Configured linux server, Firewall, etc.,

https://get.typo3.org/

Although, it does not require to mention that we always use TYPO3 LTS for new projects. But of course, some time depends on project’s needs we also setup with future LTS version eg., Few projects we have already started to develop with TYPO3 9 LTS.

https://www.jetbrains.com/ phpstorm/

PHPStorm is highly recommend IDE for TYPO3 project’s development.

Useful Plugins and Settings:

• https://plugins.jetbrains.com/plugin/9496-typo3-cms-plugin

• https://plugins.jetbrains.com/plugin/6965-typo3-typoscript-support

• https://wiki.typo3.org/Development/PHPStorm_Settings

https://www.mysql.com/products/ workbench

Forget old-school phpMyAdmin, TYPO3 Developer should use MySQL Workbench which is a unified visual tool for database architects, developers, and DBAs.

https://docs.typo3.org/

The most important is, Our TYPO3 team always develop and maintain project only with officially provided TYPO3 Documentation.

Quick Highlights

• Extbase/Fluid

• Maximum use of TYPO3 Core

• Code Review and Standards

• Security Checkup

• Doctrine ORM

• PSR Standards

• Follow Coding Guidelines

• so on.,

Debugging is one of the crucial stuff for the technical team, so we always use different techniques lile;

• Xdebug

• FirePHP

• PHPStorm Inbuilt Debuger

• Webgrind

Custom Developed by NITSAN Technologies

TYPO3 template integration can be done in various ways, we have developed standard TYPO3 extension for the same. Good thing is that, We only use TYPO3 core for the backend layout, frontend templates, content elements etc.,

Accordingly research more then 55% are mobile users for the website access. To achieve best result for the mobile, we are doing website development with current industry standard mobile-first responsive design.

https://getbootstrap.com/

Bootstrap is one of the most popular CSS Framework which is use in frontend development for the better quality and standard work.

https://jquery.com/

jQuery is widely used JavaScript framework, One of the biggest advantages of jQuery is number of available Plugins.

https://sass-lang.com/

A CSS preprocessor is a scripting language that extends CSS by allowing developers to write code in one language and then compile it into CSS. Sass is perhaps the most popular preprocessor around the globe.

https://nodejs.org/ https://gulpjs.com/

Gulpjs automate and enhance your workflow, It’s very quick and powerful framework to compile, merge and compress CSS and JS files.

http://www.welldonecode.com/

Pixel perfect website is one of our expertise for each TYPO3 project, Of course that’s why the customers of NITSAN are so happy. To make sure about it, We have added this tool in our checklist.

https://goo.gl/2AD1Wx

This plugin extracts CSS information of any element on the page. It provides important details like font-family, font-size, font-weight, color, etc with just one click on element. It also provides other element details like type, id, class, etc.

https://goo.gl/Xwclyc

An eye-dropper & color-picker tool that allows you to select color values from webpages.

https://goo.gl/U6H5ec

MeasureIt can measure the width and height of any element on web page using the ruler in pixels.

https://getfirebug.com/

Firebug is favourite tool for the web developers to quickly inspect and debug.

https://www.sketchapp.com/

Nowadays, Sketch is popular design tool to make the design because design agencies feel more useful tool from ideas to the final design. You should have hands on knowledge to make your customer’s project from Sketch to HTML/CSS template integration.

https://zeplin.io/

It’s all about the details. Handoff designs and style guides with accurate specs, assets, code snippets—automatically.

https://www.adobe.com/in/ products/photoshop.html

Adobe’s different tools are widely used as graphics design at initial stage of website development.

Our team have good enough knowledge to work with any format, as we can not say to client that, ‘we only know the PSD to HTML, so please provide us only PSD file’ ;)

https://www.adobe.com/in/ products/indesign.html

Adobe InDesign CS6 is a page-layout software that takes print publishing and page design beyond current boundaries. InDesign is a desktop publishing program that incorporates illustration capabilities into its interface. It also allows for cross platform interaction with Illustrator, Photoshop, and Acrobat.

https://www.adobe.com/in/ products/illustrator.html

Adobe Illustrator is graphic-driven software used primarily for creating vector graphics. Developed alongside with Adobe Photoshop as a companion product, Adobe illustrator is used for creating logos, graphics, cartoons and fonts for the photo-realistic layouts of Adobe Photoshop.

https://www.adobe.com/in/ products/xd.html

Adobe has put its legendary graphic design know-how into the UX space with the all-new Adobe Experience Design – better known as Adobe XD.Many Creative Cloud users have probably done UX design in other applications like Illustrator or even Photoshop. Well, Adobe XD is here as a purpose-built tool for UX design.

• Windows

• Mac

• Linux

Latest and second last browsers compatibilities.

• Chrome

• Safari

• Firefox

• Microsoft Edge

• Internet Explorer

• Wide-Screen

• Desktop

• Tablet

• Mobile

https://goo.gl/2AD1Wx

This plugin extracts CSS information of any element on the page. It provides important details like font-family, font-size, font-weight, color, etc with just one click on element. It also provides other element details like type, id, class, etc.

https://goo.gl/Gc7Ij

This plugin is also used to verify CSS details of any element on page. Main advantage of this plugin is that you can compare CSS of multiple elements. Additionally, it shows font-family of text just by hovering mouse over the text.

https://goo.gl/y98pCw

Page Ruler lets your draw out a ruler to any page and displays the width, height and position of it. It helps to identify relative positions of elements in web page.

https://goo.gl/UiVaH

PerfectPixel allows developers to put a semi-transparent image overlay over the top of the developed HTML and perform pixel perfect comparison between them.

https://goo.gl/kH6z9z

The AMP Validator will check the current page to see if it is an AMP page and then run it through the AMP validator and report if the page passes (green) or fails (red) via the extension icon. It will also list Warnings/errors of AMP page when you click on Extension icon.

https://goo.gl/NfrWDl

This plugin is very useful to pick color from any point in your browser. It can be done by just clicking on point and color code will be displayed on the screen. Color code gets updated as mouse pointer roams the browser window. Additionally, color code gets copied as well.

https://goo.gl/6K48bc

Emmet Re:View displays your responsive web-page in a number of views side-by-side so you can quickly test how web-page looks at different resolutions and devices. All views are fully synchronized: scroll, fill-in form fields, click, hover and drag elements in one view and get instant feedback in all others.

https://www.google.com/sheets/ about/

For the small and quick project, we prefer to use Google sheet for the quick communication. QA team can report bugs/issues to design and development with quick actions of status and comments.

For bigger project, we have developed special tool call BTS - Bug Tracking System with collaboration with ActiveCollab.

https://validator.w3.org/

This validator checks the markup validity of Web documents in HTML, XHTML, SMIL, MathML, etc.

https://blisk.io/

Blisk is a developer-oriented browser which allows developers to test webpage in Desktop & responsive view quickly.

http://recordit.co/

RecordIt is very useful tool to record screen. User can define the screen area to record and it quickly uploads video to its server. Additionally it provides link to share that video. This is very helpful while testing to record specific scenario or steps.

https://app.prntscr.com/en/ index.html

This tool is used to capture screenshots. It allows to annotate the screenshot to highlight important portion of the screen. It allows to save image in your computer. Additionally, you can upload the image to its server and can get link to share the screenshot.

Many time, Our QA testing team write “selenium script” for automation. Eg., Imagine your customer’s site have thousands of pages, you want to make dynamic design testing or trying to find-out 404 pages. In such cases, selenium script will help us to make our life easier.

https://developers.google.com/ speed/pagespeed/insights/

PageSpeed Insights reports on the real-world performance of a page for mobile and desktop devices and provides suggestions on how that page may be improved.

https://gtmetrix.com/

GTmetrix gives you insight on how well your site loads and provides actionable recommendations on how to optimize it.

https://tools.pingdom.com/

Pingdom is very helpful in testing the load time of the page, analyzing it and finding bottlenecks.

https://www.screamingfrog.co.uk/ seo-spider/

The Screaming Frog SEO Spider is a website crawler, that allows you to crawl websites’ URLs and fetch key onsite elements to analyze onsite SEO.

https://headmasterseo.com/

HEADMasterSEO is a bulk URL checker tool that allows you to check URL Response code, Response time, 301 & 302 redirects and many other SEO related tasks.

https://seositecheckup.com/

It is a SEO tool which provides results about Common SEO issues, Speed Optimization, Server & Security, Mobile Usability & Advanced SEO Checks.

For the fixed cost project, we always prepare RFP document for our customers which includes scope of the project, milestones and tasks, queries and confirmations, estimation, timeline etc.,

Website development is not one time shot, support and maintenance is essential after Go-live. We offer SLA to our customers to make sure their website is running well so they can sleep well eg., Urgent support, monitoring, security checkup, TYPO3 health report, Monthly activity report etc., NITSAN team have completed 98% successful SLA contract.

We provide dedicated developers as well as team. For the long-term projects, we always recommend to hire our resources to make it smoothly execute the projects.

NITSAN provide hourly based time and material package, so our customer have flexibility to assign any change request, bug fixing, new features, etc., to their any sites.

Note:
With 7+ years of experience, We have made professional documents and templates for each business model. If you are interested, then please feel free to directly connect with us at info(at)nitsan.in

Custom Developed by NITSAN Technologies www.nitsan.in

We have custom developed our own Intranet software with rich features like :

• Employment management

• Recruitment management

• Report management

• Employee  activity management

• Attendance management

• Leave management

• Overtime management

Our HRM tool keeps all work related information in one place. Anchoring insights about your workforce gives your business favorable position to realize what necessities to change in light of inside and outside conditions.NITSAN Intranet  is basic and simple to learn and guarantees almost no downtime is taken from workers being profitable. You have recorded data about your workers readily available to settle on key choices.

If you're looking for such HRM please feel free to directly connect with us at info(at)nitsan.in

Custom Developed by NITSAN Technologies www.nitsan.in

Performance management is not just employee appraisals anymore. We will help you modernize Employee Performance Management

Key features of our KRA software are :

• Goal management

• Periodic check-ins

• Continuous feedbacks

• Employee development

• Automated analysis

• 360 degree feedback

If you're looking for such HRM please feel free to directly connect with us at info(at)nitsan.in

www.zoho.com

Zoho Invoice is ideal accounting software for sole proprietorships and small to large businesses. It contains many features such like Invoicing, estimates , contacts, payments, expenses, projects and timesheets, templates , automation,client portal, reports, user and roles items.Each feature listed above contains further sub-features.