Nitsan News http://www.nitsan.in/blog/ Nitsan Blog en-gb NITSAN Technologies Pvt. Ltd. All Rights Reserved. Wed, 20 Jun 2018 14:25:04 +0000 Wed, 20 Jun 2018 14:25:04 +0000 TYPO3 EXT:news news-106 Tue, 19 Jun 2018 09:14:23 +0000 [T3EXT DAY] TYPO3 Extensions Compatibility Report /blog/post/t3ext-day-typo3-extensions-compatibility-report/ One of the only TYPO3 extension which provides all the features like TYPO3 Extensions Compatibility Report, Notification of new update via Email, System overview report, Compatible with all major version of TYPO3 from 4.x to 8.x. This extension will help you to check TYPO3 upgrade feasibility and complexity to analyze upgrade estimation and define a perfect upgrade workflow. What does it do?

TYPO3 community continuously releases major LTS (Long-term support) version of TYPO3 eg., 7.x, 8.x, 9.x. In this case, TYPO3 Agencies, Integrators, Developers and Owners face the challenge of upgrading their existing LTS versions to the new LTS versions. This extension supports to check feasibility and complexity to define a perfect workflow to upgrade next TYPO3 version. Just install and select your target TYPO3 version and use following good features to analyze estimation and define project flow:

  • TYPO3 System overview report
  • Extensions Statistics
  • Server Compatibility for your target TYPO3 version
  • TYPO3 Extensions Compatibility Report
  • Automatic email notification of new update of TYPO3 core and extensions
  • Compatibiltiy from TYPO3 4.x to 8.x

Note:It is important to understand that this extension does not modify, update or replace any existing extensions or fix any PHP code. The purpose of this extension is to generate a report about installed extension compatibility with newly released TYPO3 LTS version.

 

Screen-shots

TYPO3_ns_ext_compatibility_Screenshot_1.png

 

TYPO3_ns_ext_compatibility_Screenshot_1.png

 

TYPO3_ns_ext_compatibility_Screenshot_1.png

1. Overview:

Extension Key: ns_ext_compatibility
Extension URL: https://extensions.typo3.org/extension/ns_ext_compatibility/
Documentation: https://docs.typo3.org/typo3cms/extensions/ns_ext_compatibility/
Support: https://github.com/nitsan-technologies/ns_ext_compatibility/issues
Version: 1.1.0
Category: Backend Module
TYPO3 version: (4.0.0 - 8.9.99)

 

2. Installation:

The extension needs to be installed as any other extension of TYPO3 CMS:

2.1. Install Extension from EM:

  • Switch to the module “Extension Manager”
  • Get the extension
  • Get it from the Extension Manager: Press the “Retrieve/Update” button and search for the extension key ns_ext_compatibility and import the extension from the repository.
  • Get it from typo3.org: You can always get current version from https://extensions.typo3.org/extension/ns_ext_compatibility/ by downloading either the t3x or zip version. Upload the file afterward in the Extension Manager.

 

TYPO3_ns_ext_compatibility_Extension_NITSAN_Backend_Install_Extensions

 

2.2. Preparation: Include static TypoScript:

The extension ships some TypoScript code which needs to be included.

  • Switch to the root page of your site.
  • Switch to the Template module and select Info/Modify.
  • Click the link Edit the whole template record and switch to the tab Includes.
  • Select [NITSAN] ns_ext_compatibility at the field Include static (from extensions):

 

TYPO3_ns_ext_compatibility_Extension_NITSAN_Backend_Install2_Extensions

 

3. Configuration

Step 1: Compulsory: Update Extension Repository

To make works perfect this extension, It's very important to-do perform this task. By d way, you can also setup schedular to make it automatically update ;) You can easily update extension repository with following simple steps:

  • Go to Extension Manager.
  • Select Get Extensions from Dropdown
  • Click on Update Now button

1-ns_ext_compatibility_config-3

 

Step 2: Optional: Set default target TYPO3 version

1-ns_ext_compatibility_config-1

1-ns_ext_compatibility_config-2

 

Step 3:Optional: Configure Scheduler

Go to SYSTEM > Scheduler > Create new scheduler with Update extension list (extensionmanager).

1-ns_ext_compatibility_scheduler_1

 

Go to SYSTEM > Scheduler > Create new scheduler with TYPO3 Extensions Compatibility Report via Email Notification, It will automatically send you an email whenever new TYPO3 version or extensions will available, Please configure all the fields.

1-ns_ext_compatibility_scheduler_2

1-ns_ext_compatibility_scheduler_3

 

That's it, Now you can enjoy all the benifits of this extension :)

 

4. User Manual:

4.1. Select TYPO3 Target version and Export Feature

Now you may able to access backend module at ADMIN TOOLS > Extensions Report

  • You can select your target TYPO3 version to generate report.
  • By clicking on *"Export Report"* button, Extension will export whole report in Excel sheet format

1-ns_ext_compatibility_action

 

4.2. System Information, Extensions Statistics, Server compatibility report

  • The System Information section shows general overview report.
  • Extensions Statistics section shows statistics of extensions eg., How many extensions are installed?
  • Server compatibility report section shows the comparison of "server compatibility" between installed and target TYPO3 version.

2-ns_ext_compatibility_action

 

4.3. TYPO3 Extensions Report

Here, you can see list of all the TYPO3 extensions with checking compatibility, available new version, variance actions eg., history of extension, versions etc.,

4-ns_ext_compatibility_action

 

4.4. Actions And Results

This part shows which icon contains what kind of effect in it.

Icon Action Description
righ-icon.png Compatible OR Installed The currently installed extension version is already compatible with LTS version of
crose-icon Non-Compatible OR Not-Installed TYPO3 CMS or Installed in to system. The currently installed extension version is not compatible with LTS version of or not installed in to system.
view Extension Details It will show all the details of the extension which you have clicked like Extension Key, Description, Last Updated Comment, Last Updated Date, etc.
version Extension Version Details It will show all the details of the extension as well as all extension's versions which uploaded at TER.
documentation Documentation It will redirect you to the TER Doccumentation page which you have clicked.
typo TER Extension It will redirect you to the **https://extensions.typo3.org** of respective extension.

 

5. Support:

 

Feedback & Suggestions:

Just download & try the EXT:ns_ext_compatibility extension. You can write down your feedback/suggestion/comments to below comment box. So, we will adapt it for next version of EXT:ns_ext_compatibility.

 

Have a Happy TYPO3 Upgrade :)

]]>
TYPO3 Community TYPO3 CMS T3EXT DAY TYPO3 Extension
news-105 Wed, 13 Jun 2018 07:30:23 +0000 NITSAN is celebrating 13th TYPO3 Developer Days at Düsseldorf, Germany /blog/post/nitsan-is-celebrating-13th-typo3-developer-days-at-duesseldorf-germany/ We are super excited to attend the TYPO3 Developer Days (T3DD18) Event as a sponsor as well as a speaker. Continuing the tradition of meeting new people, sparking inspiration, and having a good time while exploring TYPO3. Three fantastic days in Düsseldorf, Germany. Meet TYPO3 developers from around the world. A great experience, not to be missed! We are super excited to attend the TYPO3 Developer Days (T3DD18) Event as a sponsor as well as a speaker. Continuing the tradition of meeting new people, sparking inspiration, and having a good time while exploring TYPO3. Four fantastic days in Düsseldorf, Germany. Meet TYPO3 developers from around the world. A great experience, not to be missed!

About T3DD

T3DD18 Event is organized by TYPO3 Association itself. It’s the event where you get to explore with the developers of TYPO3 from all over the globe. The four days of event where all the TYPO3 Developer celebrates the different events like coding, sessions, and explore more and more about TYPO3. The TYPO3 community helps and supports in every event; they organize it very beautifully that a coder enjoys exploring with the other programmers.

Glimpse of the Event

Let’s know how NITSAN is going to celebrate the TYPO3 Developer Days:

NITSAN as Sponsor

We are proud to become ‘Coding Night Sponsor’ of T3DD18 Event. It has always been awaiting moment for T3DD Event. How can we miss such a golden opportunity? We are glad too, to get a chance to contribute to the TYPO3 Community.

Our CTO as Speaker

Another pride moment, that our CTO Mr. Sanjay Chauhan will share the talks about “10 Tips & Tricks For TYPO3 Upgrade Projects” on 21st June, that is on the very 1st day of the event. How exciting it is.

Certification

We believe learning is never a limit. One of our member, Mr. Keval Pandya, The team leader of TYPO3 Team of NITSAN will appear for the TYPO3 certification exam. Getting new learnings and exploring about the TYPO3 is the main motto. We thanks TYPO3 community to provide such a great platform.

Code Sprint of TYPO3.org

Sprints are always super exciting, isn’t it? And this is code sprint. Every developer would want to be a part of it. We are proud to be a part of code sprint of TYPO3.org, Read more details at https://typo3.org/event/4th-typo3org-sprint-2018/

TYPO3 Talks

Inspiring People To Share - The slogan of TYPO3. So, “sharing the knowledge and experiencing” is one of the aim of the event, there are lots of TYPO3 sessions and workshops that will be held in this event.

Coding Night

On 22nd June, One of the most exciting event called “Coding Night” will be there, where all the TYPO3 Fans will work together on different code sprint and open source projects. A room full of coders, programmers, working together whole night, sounds so exciting, isn’t it?

Social Events

Does the event sound so boring? Just coding and session and TYPO3 Talk? Then you are missing something. Of course, one of the motive of the event will be social gathering too, so there will be lots of fun, delicious foods and enjoyment!


Want to know more about T3DD18?

Schedules

So, these were just the glimpse but if you want to know every detail about the event. Here is the complete schedule of T3DD18 https://t3dd18.typo3.org/schedule/

Location

The super place for event celebration is Europe | Germany | Dusseldorf https://t3dd18.typo3.org/location/

Join and Become part of the TYPO3 community

We would love to meet you at T3DD18 event; You may register at https://t3dd18.typo3.org/registration/


It’s for sure that the one, who is going to join the celebration of TYPO3 Developer Days 2018 (T3DD18) Event, will have tremendous fun and of course level up their knowledge as from every corner of the world – TYPO3 Develops will meet each other.



PS: Other latest update - NITSAN will also attend one of the biggest TYPO3 conference at https://t3con18.typo3.org/

 


 

]]>
TYPO3 Community Social
news-102 Mon, 07 May 2018 05:04:07 +0000 What is GDPR? Prepare yourself for GDPR Compliance /blog/post/what-is-gdpr-prepare-yourself-for-gdpr-compliance/ This article does not constitute legal advice, nor is this information intended to create or rise to the level of an attorney-client relationship. You should seek professional legal advice where appropriate This article does not constitute legal advice, nor is this information intended to create or rise to the level of an attorney-client relationship. You should seek professional legal advice where appropriate.

The implementation of General Data Protection Regulation (GDPR) will be in all local privacy laws in all nations within the EU and EEA region. The regulation will be applicable to all companies that store or sell personal information of the citizens of European countries including companies that are based in other continents. Through this, citizens of the EU and EEA area will be offered more control over their personal information and can rest assured that there is enough security for their personal data across Europe.

As directed by the GDPR, a name, an email address, a picture ID, social networking updates, medical data, bank details, IP address of a computer, geographical data, and other information about a person are referred to as the personal data.

According to the GDPR, the rights of individuals include:

  1. Right to access

    It is within the right of individuals to ask for access to their personal data and demand for information on what their data are being used for by the company after the information has been collected. If an individual makes a request, a copy of the personal data must be provided by the company in electronic format without charging any fee.

  2. Right to be forgotten

    If consumers withdraw their consent from the use of their personal information by a company or stop doing business with the company, it is within their right that the information collected be deleted.

  3. Right to data portability

    It is within the right of individuals to transfer their personal information for a company providing any service to another. The transfer of the data must be done in a machine-readable format that is commonly used.

  4. Right to be informed

    Individuals have the right to be informed by companies before any personal information about them is collected. Consumers have to choose for their personal data to be collected. The consent for the gathering of the data must be given willingly and freely by the consumers rather than being implied by the companies.

  5. Right to correction of information

    If the data gathered is incomplete, out of date or incorrect, individuals have the right to have their personal data corrected or updated.

  6. Right to restrict processing

    It is within the right of individuals to restrict the processing of their personal data. The record of individuals can remain with the company, but must not be used.

  7. Right to object

    Individuals have the right to stop the processing of the personal data collected for direct marketing. This rule has no exceptions, and once the request is received from the consumer, any processing must be stopped. Also, individuals must understand this right from the beginning of any communication.

  8. Right to notifications

    In case there is a breach of data that leads to the compromise of the personal information of any consumer, it is within the right of such consumer to get information about the breach within 72 hours.


Non-compliance with the GDPR amounts to a fine of 10 million Euros or 2% of the global annual turnover of the company, whichever of the two fines is greater.

 


What are the privacy data under the protection of the GDPR?

 

  • Name, ID numbers, address and other basic identity information of a consumer
  • Location, cookie data, IP address, RFID tags and other web data
  • Biometric information
  • Health and genetic data
  • Political belief or opinion
  • Ethnic or racial information
  • Sexual orientation


When does compliance with the GDPR begin for any company?

By May 25, 2018, each company must comply with the GDPR.

Does the compliance to the GDPR affect your company?

If your company does not currently have a GDPR compliance program, it is essential for you to understand whether the GDPR compliance affects you or not. The absence of your company in the EU region does not necessarily mean that you are not subject to the regulation. The personal information of the citizens of the EU is covered by the regulation of the GDPR, so if your company collects information from EU citizens, it must be in compliance with the GDPR.

As directed by GDPR Implementation Guide of the ISF, the application of the regulation affects any company that is established:

  • In the EU region
  • Outside the EU region, but aims at goods or services that involve the collection of data of individuals in the EU region
  • Outside the EU region, but is concerned with the tracking of the activities of consumers in the EU region

According to the GDPR, organizations are classified into two groups:

  • Data controller – an organization or individual that is in charge of determining the reason for the collection of data
  • Data processor –an organization or individual that utilizes the data collected on behalf of the data controller

Many times, one organization may serve as both the data controller and data processor.

Where is the stand of my company in the hierarchy of the regulation of the GDPR?

For a better understanding of the commitments of your company to the GDPR, it is important for you to know whether your company is a data processor or a data controller. Answer the three questions below to understand the stand of your company:

  • Does your company collect, store or process personal information collected from citizens of the EU?
  • What are the elements of the personal data that your company stores?
  • Does your company utilize the personal data collected and stored under its control?

According to GDPR, you are only a data processor if you only answer the first question with a “yes”. However, if your answer to the three questions is “yes”, you are committed to the GDPR.

Whether you are a data processor or controller, the storage and protection of the personal information collected from consumers must comply with the GDPR.


Possible failures to protect the data

Your ability to ensure that you are protected against loss of data, backup, and recovery failures as well as solving the problems associated with those failures is a proof of your ability to guarantee the integrity, security, deletion,and accessibility of the personal data of consumers. These possible failures are classified into three groups, namely:

  • Device errors

    These are the physical errors that affect storage hardware devices such as data centers, hard disks, and storage controllers. For instance, if hard disks are exposed to magnetic fields accidentally; hence, the data on the hard disks are erased.

  • Software or logical errors

    These refer to man-made errors. They usually include errors such as accidental overwriting or erasure of files (e.g. carrying out a backup procedure), unintended erasure of the master boot record of a hard disk, or unintended corruption of data (e.g. in case of presence of a bug in the business application or script).

  • Security breaches

    These include failures due to malicious attacks on the network, applications, servers, devices and other IT infrastructure, which may be carried out by cybercriminals, state hackers, or disgruntled insiders. For instance, there may be a malicious, ransomware attack that encrypts the data on a hard disk and demands for financial compensation before the decoding key is released.

How are Indian businesses affected by this?

Since it is possible for data to be transferred away from the EU region, GDPR seeks to ensure that the right of the EU citizens is protected irrespective of the place where the data goes. Therefore, GDPR makes sure that any company that has access to the personal information of EU citizens is under the subject of these rules. Whether a micro or multinational company, no business is exempted from the rules no matter its size.

To ensure compliance, Indian company can choose to either make sure EU usersare completely blocked (a multinational brand cannot do this) or institute processes that guarantee compliance.

What are the ways by which the consumers are protected by the regulations?

  • Broad jurisdiction

    Irrespective of where an EU citizen lives, the regulations are applicable to any companies that process the data of EU citizens.

  • Stringent penalties

    Any breaches of the rules can attract penalties of as much as 20 million Euros or 4% of the annual global turnover of a company. Although not all breaches are expensive, each has a stringent penalty.

  • Easy-to-understand and improved consent from data subjects

    Consent must be presented in a simplified and accessible form that the subjects can easily understand, and has a written purpose that the subject can sign off on. An easy way for the user to change their consent must also be provided.

  • Mandatory breach notification

    If there is any data breach that can infringe the right and freedoms of the consumers, notification must be made within 72 hours of the discovery of the breach. The individuals must be also notified by the data processors once they are aware of the data breach without unwarranted delay.

  • A reiteration of vital consumer rights

    These rights include the right of the data subjects to be provided copies of their personal information and data that show how it is being used as well as the right for the information to be forgotten which is otherwise referred to as the Data Erasure. Also, the rights allow the transfer of the personal information from one service provider to another by the data subjects.

  • Improved systems

    For compliance with the main foundation of privacy by design, it has been mandated by GDPR that processes should be built with a focus on data protection instead of being merely treated as an addition.

  • Specific protection for children

    Because of the vulnerability of children as well as their lack of awareness of risks, parental consent for children of age 16 or below has been included in the GDPR guidance.


What are the procedures a company can follow to prepare?

Below are a few fundamental points that should be considered when creating a plan:

  • Integration of the marketing and IT departments

    Your IT department will be your most dependable department when considering the need for specific monitoring and implementation of your plans and the risks of cybercrime. Companies utilizing Martech technology will now see the need for them to invest in and utilize more secure and personalized IT solutions that ensure that they are in line with the regulations as well as the trust of the consumers.

  • Get the services of a Data Protection Officer (DPO)

    According to the GDPR, the data controllers and processors are liable, and small operations are not required to hire any data officer. However, hiring the services of a data officer is a worthy investment that should be considered. The risk may be too colossal for your company. The only message the GDPR continues to reiterate is: the information of the consumers must be kept private. Therefore, whatever actions you can take to ensure you comply with this are worthwhile.

  • Thoroughly audit the current security system of your data

    The most prominent way to guarantee that you comply is that your current data system is accurately assessed. Through this, high-risk areas can be identified and any risky areas can be corrected before the regulations are being enforced.

  • Teach your staff the importance of privacy

    Most of the responsibilities attached to compliance with the regulation concerns your security staff; however, everyone who has access to personal data should be knowledgeable of the GDPR. Staff to be educated should include those interacting with new users or customers, those in charge of data entry as well as those maintaining the CRM systems.

  • Build tools that guarantee privacy

    From time to time, different companies are coming up with fictitious solutions and other methods that ensure they comply with the regulation. You should work with your IT department as well as your Data Protection Officer (DPO) to create a unique solution that suits your needs.

  • Worth with GDPR-compliant third-party providers

    Your CRM service provider, your email service provider, your marketing and PR agencies and other third-party providers should be involved. The breaches made by the third-party processors you work with can be held as your responsibility. Therefore, all aspects of your data processing must comply with the regulation

Conclusion

May 25, 2018, which has been stipulated as the GDPR introduction date, is fast approaching as well as the attached penalties if anyone fails to comply. Therefore, steps can and should be taken by all businesses, service providers and institutions serving the needs of EU citizens in preparation for the regulation. Foremost, there should be an understanding of the definition of how individual data protection rights are strengthened and extended by the GDPR in comparison to the previous regulations that protect data which include the 1995 Data Protection Directive. Get used to the new terminology in use by the new regulations of GDPR so as to have a deeper knowledge of your stand. The compliance challenges should be first implemented so that your privacy and data protection can be closely reviewed. Finally, your service, data protection,and storage must be in compliance with the new requirements of the GDPR.

]]>
TYPO3 Community Social
news-101 Fri, 04 May 2018 14:10:00 +0000 Simple Steps to Configure CKEditor in TYPO3 /blog/post/simple-steps-to-configure-ckeditor-typo3/ Gone are the days when the ever-increasing TYPO3 Community relied on the usage of Rich Text Editor (RTE) and its now-obsolete features. With the launch of TYPO3 8 LTS, TYPO3 developers and editors have been introduced to more effective backend editing solutions such as those presented by CKEditor. Here we help you take a quick look at the primary configuration levels of CKEditor in TYPO3 CMS. Gone are the days when the ever-increasing TYPO3 Community relied on the usage of Rich Text Editor (RTE) and its now-obsolete features. With the launch of TYPO3 8 LTS, TYPO3 developers and editors have been introduced to more effective backend editing solutions such as those presented by CKEditor. Here we help you take a quick look at the primary configuration levels of CKEditor in TYPO3 CMS.

What is CKEditor?

CKEditor is a WYSIWYG RTE that permits the direct addition of JavaScript based codes within online applications or web pages. It can be procured under commercial and open source licenses.

What is CKEditor?

Source: https://www.myhubintranet.com/cms-intranets-make-right-choice/

CKEditor Versus TYPO3’s htmlArea RTE

In most cases, RTEs offer text areas wherein you can manipulate and format content, apply styles and create files as per your needs. With TYPO3 Version 8.6, you can configure RTE via YAML files in the simplest of ways.

AtoZ about TYPO3 v8 CMS

Source: https://docs.typo3.org/typo3cms/extensions/jh_magnificpopup/UsersManual/IframeForRte/Index.html

Why use CKEditor in TYPO3?

  • Smartly-designed inline editing features
  • Compatibility with cross browsers and cross devices
  • Compliance with upgraded web accessibility features and standards
  • Advance levels of content filtering are possible, etc.

YAML - The Configuration File Format

As CKEditor comprises of YAML configuration, it is essential to gain preliminary knowledge about YAML files. These files are basically text files with easy-to-comprehend syntax. The structuring of these files is dependent on the placement of indentations and spaces; e.g. sequence items are denoted by dashes while key-value pairs are disjointed by a colon.

YAML Sample Code

 

# Employee records

-  sanjay:

    name: Sanjay Chauhan

    job: Developer

    skills:

      - php 

      - python

      - c

-  keval:

    name: Keval Pandya

    job: Developer 

    skills:

      - php 

      - c++ 

      - python 

 

Default Presets in TYPO3’s CKEditor

1. Full preset

full preset

2. Minimal preset

Minimal preset

3. Default preset

default preset

What do these presets do?

The presets are responsible for defining the appearance of the editor, the styles and tags permissible therein, and the loading/ unloading of plugins. They also lay down the features and functionality of the database processing system ‘RTE.proc’.

Can you Configure CKEditor Preset in TYPO3?

Yes, the presets in CKEditor can be configured to work with TYPO3 core and TYPO3 extensions alike.

configure CKEditor Preset in TYPO3

Source: https://docs.ckeditor.com/ckeditor4/latest/guide/dev_installation.html

1. Overridden of default preset configuration

 

RTE.default.preset = default
# or
RTE.default.preset = full
# or
RTE.default.preset = minimal

 

2. Textmedia Element

 

RTE.tt_content.types.textmedia.bodytext.preset = minimal 

 

3. News Extension Field

 

RTE.config.tx_news_domain_model_news.bodytext.preset = default

 

Custom Configuration Preset for TYPO3 CKEditor

Your website is unique in itself. Here are some quick steps to create personalized presets for CKEditor.

custom configuration preset for TYPO3 CKEditor

Source: https://ckeditor.com/latest/samples/toolbarconfigurator/index.html#basic

Step 1: Define YAML

  • View the standard configurations of your YAML files by typing the designated path. typo3/sysext/rte_ckeditor/Configuration/RTE
  • Register a new configuration at ext localconf.php of your own extension.
  • Assign your CKEditor configuration as per the requirements of the present selected for the configuration of CKEditor.

Step 2: YAML Setup for your Extension

  • Register you RTE configuration in ext_localconf.php

     

      $GLOBALS['TYPO3_CONF_VARS']['RTE']['Presets']['Custom_presets'] = 'EXT:site_default/Configuration/PageTSconfig/TceForm/Default.yaml';

Step 3: Assign your preset to default CKEditor

  • Assign your configuration in the designated preset.
     RTE.default.preset = Custom_presets

Structure of a RTE YAML preset file

The YAML configuration format for CKEditor in TYPO3 comprises of three sections.

  • Processing.yaml contains instructions for code processing for writing to the database.
  • Base.yaml refers to the basic default settings of the appearance / display of the RTE and ways to modify the same.
  • Plugins.yaml allows for new options to be added to the configuration.
# Load default processing options
imports:
- { resource: "EXT:site_default/Configuration/PageTSconfig/TceForm/Processing.yaml"}
- { resource: "EXT:site_default/Configuration/PageTSconfig/TceForm/Base.yaml" }
- { resource: "EXT:rte_ckeditor/Configuration/RTE/Editor/Plugins.yaml" }

 

Managing Various Options of CKEditor in TYPO3

manage different options of CKEditor in TYPO3

Source: https://ckeditor.com/blog/CKEditor-4-Skin-Contest-Winner/

1. Format the HTML Tags:

Format the HTML tags by selecting the desired option from a dropdown menu.

 

editor:
  config:
  	format_tags: "p;h1;h2;h3;h4;h5;pre;address;div"

 

CKEditor Format the HTML Tags

2. The Toolbar Groups

The Toolbar Groups option will help you define the layout and structure of toolbars on the top portion of the editor.

 

editor:
   config:
 	toolbarGroups:
     	- { name: clipboard, groups: [clipboard, undo] }
     	- "/"
     	- { name: styles }

 

The Toolbar Groups

3. Providing styles

Provide different styles to format and customize text in an appealing manner. You may want to use the “Styles” drop down menu to go about the task.

 

editor:
  config:
     stylesSet:
  	- { name: "quote-style", element: "p", attributes: { class: "quote-style"}}
  	- { name: "Load More Button", element: "a", attributes: { class: "load-more"}}
  	- { name: "More Content", element: "div", attributes: { class: "more-content"}}

 

CKEditor styles

4. Configuring Plugins

Enhance the extensibility of CKEditor with over 200 plugins that can be accessed via the plugin directory. A simple code can be included in CKEditor for incorporating non-default plugins via a designated layout extension.

 

editor:
  config:
    allowTags: 
      - address
      - label

    allowTagsOutside: 
      - address
      - label 

    justifyClasses:
      - text-left
      - text-center
      - text-right
      - text-justify
      - quote-style

    extraPlugins:
      - justify

    removePlugins:
      - image

    removeButtons:
      - Anchor
      - Underline
      - Strike

 

5. contentsCss

The ContentsCSS feature allows you to define various CSS styles for direct usage and viewing in CKEditor.

6. removeButtons

RemoveButtons helps in the removal of individual functions and buttons that result due to the importing of Base.yaml.

Default YAML by the TYPO3 Core

 

# Load default processing options
imports:	
    - { resource: "EXT:rte_ckeditor/Configuration/RTE/Processing.yaml" }
    - { resource: "EXT:rte_ckeditor/Configuration/RTE/Editor/Base.yaml" }
    - { resource: "EXT:rte_ckeditor/Configuration/RTE/Editor/Plugins.yaml" }
# Add configuration for the editor
# For complete documentation see http://docs.ckeditor.com/#!/api/CKEDITOR.config
editor:
  config:
    format_tags: "p;h1;h2;h3;h4;h5;pre"
    toolbarGroups:
      - { name: styles, groups: [ styles, format ] }
      - { name: basicstyles, groups: [ basicstyles ] }
      - { name: paragraph, groups: [ list, indent, blocks, align ] }
      - { name: links, groups: [ links ] }
      - { name: clipboard, groups: [ clipboard, cleanup, undo ] }
      - { name: editing, groups: [ spellchecker ] }
      - { name: insert, groups: [ insert ] }
      - { name: tools, groups: [ table, specialchar ] }
      - { name: document, groups: [ mode ] }
    justifyClasses:
      - text-left
      - text-center
      - text-right
      - text-justify
    extraPlugins:
      - justify
    removePlugins:
      - image
    removeButtons:
      - Anchor
      - Underline
      - Strike
      - Styles

 

Migration of your HTMLArea to CKEditor?

When you wish to convert the HTML code present in the HTMLArea of RTE to the database of CKEditor, the Upgrade Wizard of TYPO3 comes into play during the upgrading process. In order to save data loss, it is essential to configure the CKEditor as per the existing settings of your RTE’s HTMLArea. It is equally important to open and save the RTE-text in the backend with utmost care.

pageTS

 

RTE.default {
  showButtons(
    bold, italic, underline,
    left, center, right, justifyfull,
    orderedlist, unorderedlist, indent, outdent, 
         line, link, removeformat,
    copy, cut, paste, undo, redo     
  )
  toolbarOrder(
    bold, italic, underline, bar, 
    left, center, right, justifyfull,
    orderedlist, unorderedlist, bar, indent, outdent, linebreak,
         line, link, removeformat, bar,
    copy, cut, paste, bar, undo, redo      
  )
}

 

yaml

 

editor:
  config:
    toolbar:
      - [ 'Bold', 'Italic', 'Underline', '-' ] 
      - [ 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock' ] 
      - [ 'NumberdList', 'BulletedList', '-', 'Indent', 'Outdent' ] 
      - '/'
      - [ 'HorizontalRule', 'Link', 'RemoveFormat', '-' ] 
      - [ 'Copy', 'Cut', 'Paste', '-' , 'Undo', 'Redo'] 
    extraPlugins:  
      - justify
  

 

Advanced Content Filter

  • The configured tags, classes and styles are retained.
  • It is possible to filter content during the processes of edits and pastes.
  • The advanced features of the content filter are enabled by default.
editor:
  config:
     allowedContent: true

 

TYPO3 + CKEditor Video

Conclusion

The integration of CKEditor with TYPO3 has revolutionized the way in which backend content editing can be carried out by developers, editors and end users. Go ahead and enjoy the many benefits of configuring your TYPO3 RTE with CKEditor and notice the difference - right away.

We would love to receive your thoughts and feedback about this blog; do write to us!

]]>
TYPO3 Community TYPO3 CMS TYPO3 Extension TYPO3 Template TypoScript
news-99 Fri, 04 May 2018 14:00:01 +0000 A new era of TYPO3 Frontend Editing /blog/post/a-new-era-of-typo3-frontend-editing/ Are you looking for quicker ways of editing your TYPO3 website page content? Is your editing team desirous of implementing or initiating edits directly on the web page or via links placed closest to the content? If the answers are in the affirmative, then it’s indeed time to get acquainted with the concepts of ‘Frontend Editing’ to make your content administration tasks less complicated than before. Are you looking for quicker ways of editing your TYPO3 website page content? Is your editing team desirous of implementing or initiating edits directly on the web page or via links placed closest to the content? If the answers are in the affirmative, then it’s indeed time to get acquainted with the concepts of ‘Frontend Editing’ to make your content administration tasks less complicated than before.

What is TYPO3 Frontend Editing?

Frontend Editing, a popular feature of TYPO3, translates to less backend work for editors, extension developers or website developers. With this feature in place, you can streamline the TYPO3 Backend UI, use fluid-styled content (via templates), handle translations and implement the functionality of rich text editors for your TYPO3 sites.

Advantages of Frontend Editing TYPO3

Collaborative editing: The most wanted TYPO3 editing feature, this attribute of Frontend editors makes real time edits with an advanced TYPO3 Content Management System a possibility!

Rich UI features: Along with getting an independent view of your TYPO3 data models, you can attain better track changing and data annotation capabilities via latest, smartly-designed UI features

Stronger undo/redo systems: Frontend editors (e.g. CKEditor) help you gain firmer grounds with respect to defined data actions. So, quit sighing if you are prone to making mistakes, you can undo wrong edits and move on speedily with a smartly designed TYPO3 CKEditor.

Powerful API: Wouldn’t you love to gain access to a powerful API that decouples data and introduces advanced features into your frontend editing system? CKEditor provides rich UI widgets for the effective handling of your data, however big or small.

The Power of CKEditor

Content filtering, widgets, accessibility checker and a full range of innovative web editing features; here’s what you get when you unleash the power of CKEditor5 and TYPO3 development:

  • Seamless, highly customizable and lightweight editing experiences,
  • Intuitive insertion of images,
  • Simple linking without having to deal with complex dialogues,
  • Smart autoformatting features,
  • Easy-to-use ‘boxed’ editor and ‘always visible’ toolbar,
  • No misleading tools and thus better content.

No small wonder that CKEditor is creating paradigm shifts in the environment of digital strategy and design!

TYPO3 Extension Frontend Editing

The inline mode, an important feature of advanced frontend editing TYPO3, serves to be your friendly WYSIWYG editor. This feature is useful for enhancing the capabilities of the Frontend Editing extension brought to you by Pixelant.

How to Install & Configure Frontend Editing?

Enable EXT:frontend_editing

Go to Extension Manager & Enable the TYPO3 extension call “frontend_editing”

Enable EXT:frontend_editing

Configure EXT:frontend_editing

Step 1: At backend, Go Template Module > Click on your root page > Includes > Add TYPO3 Frontend Editing (frontend_editing), Check this screenshot.

Step 1 for Configure EXT:frontend_editing

Step-2: At Typoscript, You should add configuration with config.frontend_editing = 1

Step 2 for Configure EXT:frontend_editing

Step-3: To enable or disable Frontend Editing for particular user, You can use following settings User Setting > Edit and Advanced functions tab. Check below screenshot.

Step 3 for Configure EXT:frontend_editing

Step-4: Finally, At frontend you will able to see TYPO3 Frontend Editing screen as like below screenshot.

Step 4 for Configure EXT:frontend_editing

Conclusion

With TYPO3 CMS frontend editing, you can go about your regular TYPO3 edits without seeing the backend at all. Get ready to work with your content in the most intuitive of ways; contact a TYPO3 agency of your choice right away!

References

https://TYPO3.org/news/article/the-new-frontend-editing-for-TYPO3/
https://ckeditor.com/
Extension: https://extensions.TYPO3.org/extension/frontend_editing/
Documentation: https://www.pixelant.net/crowdfunding/

]]>
TYPO3 Community TYPO3 CMS T3BD DAY TYPO3 Extension TYPO3 Template
news-94 Tue, 16 Jan 2018 12:15:01 +0000 25 useful tools, libraries and resources for web developer /blog/post/25-useful-tools-libraries-and-resources-for-web-developer/ Now a day the look and feel of the website are more important than development. so it is important to provide a user-friendly and robust front end. In the market, there are various plugins and frameworks available which are very useful in our development. You can start using them very easily. Now a day the look and feel of the website are more important than development. so it is important to provide a user-friendly and robust front end. In the market, there are various plugins and frameworks available which are very useful in our development. You can start using them very easily. Main benefits using such tools and libraries are that you don’t need to worry about functionality and don’t need deep knowledge of specific technologies - that’ll save your time.

In this article i am going to share some useful tools and libraries for javascript and css.

You might know some of these and I’m glad if someone discovers new features or other useful information one didn't know till now.

Javascript libraries

Javascript Libraries

Source : https://superdevresources.com/free-javascript-libraries-web-apps/

 

Fullpage.js

This library allows you to create fullscreen scrolling websites as well as adding landscape sliders in multiple sections of your website. This is a very useful library for One-Pagers.

Download | Demo

 

Owl Carousel

This is personally my favorite slider plugin of all slider jQuery plugins. This library is useful to easily create simple sliders. It’s very easy to integrate and to use in your HTML Template.

Download | Demo

 

jQuery custom content scroller

A very useful tool when you need custom scrollbar in your template. This library is highly customizable custom scrollbar jQuery plugin. It provides vertical scrollbar as well as horizontal scroll bars. This library provides also a wide variety of built in option for scrollbars. Different Themes are available also!

Download | Demo

 

matchHeight.js

If you need to equalize heights of different columns or floating boxes, this library is useful for you.

Flexboxes and css grids are the latest trends so if you are using flexboxes then i think this plugin is helpful for you.

Main features of this plugin are :

  • match the heights for groups of elements automatically
  • anywhere on the page and anywhere in the DOM
  • responsive (updates on window resize)
  • row aware (handles floating elements and wrapping)
  • handles images and other media (updates after loading)
  • data attributes API
  • tested in IE8+, Chrome, Firefox, Safari, Android, iOS

Download | Demo

 

fancyBox

Most used library for image popup from all other image popup plugin.

Main features of this plugin are :

  • Mobile first: Supports most of the common touch gestures - double-tap, pinch-in and pinch-out for image viewing; horizontal swipe for navigations.
  • Responsive: Fully Responsive and all graphics, including loading icon, are created with CSS only.
  • Quick & Easy Setup : Just two files. Can be implemented without writing a single line of JavaScript.

Download | Demo

 

Highcharts

A library for charts.

Main features of this plugin are :

  • Highcharts : Create interactive charts easily for your web projects.
  • Highstock : Highstock lets you create stock or general timeline charts in pure JavaScript.
  • Highmaps : Interactive map charts with drill down and touch support.
  • Highcharts Cloud : Online charts for non-techies.

Download | Demo

 

Animsition

It’s a simple and easy jQuery plugin for CSS animated page transitions. It provides easing and css animations to page when you reload page.

Download | Demo

 

TwentyTwenty

The best jQuery plugin for two image comparison using draggable slider.

Main features of this plugin are :

  • Responsive and functional on all devices
  • Doesn't require images to work

Download | Demo

 

Wow.js 

Cool Animations for page scrolling.

Download | Demo

 

Dragdealer.js 

This library for 2d dragging and tapping, mouse and touch.

Download | Demo

 

Select2 

This library is too much helpful for developers. It will replace select box by jQuery. Select2 gives you a customizable select box with support for searching, tagging, remote data sets, infinite scrolling, and many other highly used options.

Download | Demo

 

CSS libraries / Design stuff

CSS Libraries Design Stuff

Source : https://medium.com/ux-power-tools/sketch-libraries-how-they-work-and-the-crazy-stuff-you-can-do-with-them-fc10f142ac80

 

Animate.css

It’s CSS Animation library.

Download | Demo

 

Flat UI Colors 

It provide list of cool colors.

Download | Demo

 

Material design lite

Latest trending Google’s material design Framework

Download | Demo

 

Materialui.co 

Provides resources for material design Framework

Download | Demo

 

Colorrrs

It generates random cool and decent colors.

Demo

 

CSSpin 

Provides wide range of CSS spinners.

Download | Demo

 

Font awesome

Provides wide range of CSS spinners.

Download | Demo

 

Bootstrap

Widely used Framework. Bootstrap is an open source toolkit for developing with HTML, CSS, and JS.

Download | Demo

 

Foundation

Foundation is a family of responsive front-end frameworks that make it easy to design beautiful responsive websites, apps and emails that look amazing on any device. Foundation is semantic, readable, flexible, and completely customizable.

Download | Demo

Useful online tools

CSS Libraries Design Stuff

 

Cleancss

This is provide many functionalities like CSS Formatter, CSS Minify, HTML Formatter, Javascript Formatter, Javascript Minify, JSON Editor, JSON Validator, JSON Formatter, JSON Minify and many more…

Visit Link

 

Fontie

Widely used online tool for converting web fonts.

Visit Link

 

Tinypng

Best tool for optimizing image without any image distortion.

Visit Link

 

RealFaviconGenerator

Provides favicons for all devices from one image file.

Visit Link

 

CSS Triangle

It’s not a any online tool but this one very useful to create different triangles using CSS only

Visit Link

]]>
Social TYPO3 CMS iTUG Usergroup Responsive
news-95 Mon, 15 Jan 2018 12:37:00 +0000 AtoZ about TYPO3 v8 CMS /blog/post/atoz-about-typo3-v8-cms/ TYPO3 v8 is one of the most important LTS version releases in the TYPO3 history. You may call it the Next Generation CMS (Content Management System). It gives TYPO3 the long awaited major boost in functionality and features. TYPO3 v8 is one of the most important LTS version releases in the TYPO3 history. You may call it the Next Generation CMS (Content Management System). It gives TYPO3 the long awaited major boost in functionality and features.

Here we would like to give you an A to Z insights to TYPO3 v8. We’ll tell you in detail about the new improvements & features. We hope, this will help TYPO3 developers/integrators, Editors & Administrators to understand TYPO3 8 in depth.

Here are some quick highlights which makes superb TYPO3 as follows:

For TYPO3 Users:

  • Best ever performance (with PHP 7)
  • Responsive backend for Mobiles & Tablets
  • Frontend Editing (just like Neos CMS)
  • Manipulate your image for Mobile, Desktop & Tablet
  • CKEditor - the better Rich Text Editor (RTE)
  • Brand new Form Framework
  • so on.,

For TYPO3 Developers:

  • PHP 7, Next generation code development
  • Doctrine DBAL (support more database)
  • Standalone Fluid
  • Compatibility Layer (EXT:compatibility7)
  • Code Cleanup & Bug fixing
  • so on.,

Cloud integration provided by plateform.sh

Cloud Integration

Read in detail about TYPO3 CMS cloud integration at here

Source : https://typo3.org/news/article/typo3-and-platformsh-announce-cloud-readiness-and-tech-preview-of-strategic-integration-ahead-of-t3/

TYPO3 CMS 8 requires PHP 7

TYPO3 v8 Support PHP7

Major change of TYPO3 v8 is to support latest PHP 7. So we can adopt all the features of PHP 7 in our latest TYPO3.

PHP 7 gives a great performance improvement to the whole TYPO3 system. The new all-time record for a full cached page call in the frontend is below 7 milliseconds now, which is approximately 40% faster compared to running the very same website with PHP 5.5.

PHP 7 gone crazy with the latest release changes like introducing data types, function’s return types and with new operators like spaceship (<=>).

About PHP 7 features

Source : https://www.hongkiat.com/blog/php7/

Here are mentioned main PHP 7 features which can help TYPO3 to work faster:

  • Improved performance: PHP 7 is up to twice as fast as PHP 5.6
  • Significantly reduced memory usage
  • Abstract Syntax Tree
  • Consistent 64-bit support
  • Improved Exception hierarchy
  • Many fatal errors converted to Exceptions
  • Secure random number generator
  • Removed old and unsupported SAPIs and extensions
  • The null coalescing operator (??)
  • Return and Scalar Type Declarations
  • Anonymous Classes
  • Zero cost asserts

This all are widely used in TYPO3 to make its performance better. There are many other reason to choose PHP 7 for TYPO3 v8.

Recover pages recursively to top of rootline

The Recycler now supports the recursive recovery of deleted pages to the top of the rootline. This feature is available for admin users only due to internal permission restrictions.

TYPO3 v8 Features Recover Pages

Security: Add support for PBKDF2 to saltedpasswords

PBKDF2:

PBKDF2 (Password-Based Key Derivation Function 2) is part of RSA Laboratories Public-Key Cryptography Standards (PKCS) series, specifically PKCS #5 v2.0, also published as Internet Engineering Task Force's RFC 2898. It replaces an earlier key derivation function, PBKDF1, which could only produce derived keys up to 160 bits long.

Salted Password:

Using salted password, you get rid of plain-text passwords or MD5 password hashes for user records in TYPO3. MD5 hashes are no longer safe to use for passwords. With salted hashes, an attacker needs to create separate rainbow tables for each salt. The salt itself is different for each stored password hash. So retrieving plain-text passwords for all user records in a TYPO3 installation is quite expensive in terms of complexity.

In TYPO3 v8 LTS, PBKDF2 is integrated with the salted password algorithm to make it more strong.

Form Extension - Directly load form wizard as inline wizard

The wizard of EXT:form is loaded directly as inline wizard. There is no need anymore to save and reload the newly created content element in order to be able to open the wizard. This is a huge usability improvement. Additionally there is no need to provide individual doc headers. Instead, the centralized doc headers of the module template API are used.

Use new standalone Fluid as composer dependency

The Fluid rendering engine of TYPO3 CMS is replaced by the standalone capable Fluid which is now included as composer dependency. The old Fluid extension is converted to a so-called Fluid adapter which allows TYPO3 CMS to use standalone Fluid with the many new features this facilitates. Standalone fluid is also can be used outside of the TYPO3, it can be used with any CMS, Framework or core PHP. It is very nice feature to release it as a standalone so anyone can take its benefit in any Non-TYPO3 instances.

Make new content element wizard tab sort order configurable

It is possible to influence the order of the tabs in the new content element wizard by setting before and after values in Page TSconfig:

mod.wizards.newContentElement.wizardItems.special.before = commonmod.wizards.newContentElement.wizardItems.forms.after = common, special

TYPO3 v8 New Content Element Wizard

Setup your beautiful Logo & Favicon for TYPO3 backend

The Backend Logo in the upper left corner can now be configured in the Extension Configuration of EXT:backend within the Extension Manager. A relative path to the TYPO3 installation ("PATH_site"), e.g. "fileadmin/myfile.jpg" or a path to an extension.

TYPO3 v8 Backend Logo

TYPO3 v8.1

Added PHP library "Guzzle" for HTTP Requests within TYPO3

TYPO3 v8 Support Guzzle

Source : https://mondaybynoon.com/guzzle-php-http-client-and-framework/

Guzzle is a PHP HTTP client that makes it easy to send HTTP requests and trivial to integrate with web services(http://docs.guzzlephp.org/en/latest/).

  • Simple interface for building query strings, POST requests, streaming large uploads, streaming large downloads, using HTTP cookies, uploading JSON data, etc...
  • Can send both synchronous and asynchronous requests using the same interface.
  • Uses PSR-7 interfaces for requests, responses, and streams. This allows you to utilize other PSR-7 compatible libraries with Guzzle.
  • Abstracts away the underlying HTTP transport, allowing you to write environment and transport agnostic code; i.e., no hard dependency on cURL, PHP streams, sockets, or non-blocking event loops.
  • Middleware system allows you to augment and compose client behavior.

The PHP library Guzzle has been added via composer dependency to work as a feature rich solution for creating HTTP requests based on the PSR-7 interfaces already used within TYPO3.

Doctrine DBAL

TYPO3 v8 Doctrine DBAL

Source : http://blog.joaotnlima.com/2014/06/25/symfony2-and-doctrine/

The Doctrine database abstraction & access layer (DBAL) offers a lightweight and thin runtime layer around a PDO-like API and a lot of additional, horizontal features like database schema introspection and manipulation through an OO API.

The following database vendors are currently supported:

  • MySQL
  • Oracle
  • Microsoft SQL Server
  • PostgreSQL
  • SAP Sybase SQL Anywhere
  • SQLite
  • Drizzle

Doctrine DBAL has been added via composer dependency to work as a powerful database abstraction layer with many features for database abstraction, schema introspection and schema management within TYPO3.

All connections configured below $GLOBALS['TYPO3_CONF_VARS']['DB']['Connections'] are accessible using this manager, enabling the parallel usage of multiple database systems.

By using the database abstraction options and the QueryBuilder provided SQL statements being built will be properly quoted and compatible with different DBMS out of the box as far as possible.

Simplify cache clearing

The cache clearing system has been simplified by removing options in cache clear menu and install tool. The cache clear menu in the backend contains now only two options:

  • Flush frontend caches Clear frontend and page-related caches, like before.
  • Flush all caches Clear all system-related caches, including the class loader, localization, extension configuration file caches and opcode caches. Rebuilding this cache may take some time.

TYPO3 v8 Cache Clearing

Within the install tool the "Clear all cache" button will now also clear the opcode caches if possible.

TYPO3 v8 Features Clear All Case

TYPO3 v8.2

Clear cache entry in context menu

A new entry has been added in the context menu of the page tree to be able to clear the cache of the selected page. The entry is located inside "Page Actions".

TYPO3 v8 Clear Page Cache

Property visibility to DebuggerUtility::var_dump

It is now possible to see the property visibility while debug object using the DebuggerUtility::var_dump() function. It is very helpful for developers because we can see the property accessibility directly from the debug output and the errors like ‘Property is not publically defined’ will be avoided directly.

Ogg, flac and opus support

.ogg, .flac, .opus formats are now supported by the TYPO3 FAL upload control in backend. We can use this open formats within TYPO3 now.

TYPO3 v8 New Image Ex

TYPO3 v8.3

Replace ExtJS category tree with D3 and SVG

TYPO3 v8 Suport D3JS

Source : http://www.jolicharts.com/blog/tag/d3-js/

The Backend ExtJS category tree (renderType selectTree) has been replaced with one based on D3.js and SVG. Tree implements a 'virtual scroll' pattern, meaning that it renders only as many nodes as fit in the viewport.

D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG, and CSS. D3’s emphasis on web standards gives you the full capabilities of modern browsers without tying yourself to a proprietary framework, combining powerful visualization components and a data-driven approach to DOM manipulation.

TYPO3 v8 Suport D3JS Category

Hook to register custom result browsers in AbstractPlugin

The hook allows registering custom result browser implementations. This approach allows to override the default implementation of AbstractPlugin::pi_list_browseresults() for either all extensions or only for specific ones.

The hook may be registered in ext_localconf.php:

$GLOBALS['TYPO3_CONF_VARS']['SC_OPTIONS'][\TYPO3\CMS\Frontend\Plugin\AbstractPlugin::class]['pi_list_browseresults'][1463475262] = \Vendor\ExtensionKey\Hook\ResultBrowserHook::class

TYPO3 v8.4

Access TYPO3 backend from your Mobile

TYPO3 v8 Access Mobile

Source : https://typo3.org/news/article/releasing-typo3-v84/

The fine line between "responsive" and a mobile-ready version has been resolved, as the navigation menu and the full backend functionality adapts not just for tablets, but adapts based on the screen resolution to have the best user experience depending on the device.

Access flexform value via TS

It is now possible to access flexform fields in the TypoScript. We can now explore flexforms to use in TypoScript and it impacts on some custom solutions of CEs.

TYPO3 v8 Access Flexform Via TS

Improve the TYPO3 Upgrade Procedure

TYPO3 v8 Improve Upgrade Procedure

Source : https://typo3.org/news/article/releasing-typo3-v84/

The install tool, which is also a heavily used feature during updates between TYPO3 versions, has received some more beauty, basically finding all documented changes with a cool filter to show what is relevant for an integrator, extension author or site owner. Although this is already pretty cool, stay tuned for even better features to make migrations even easier between TYPO3 versions!

Upgrade Analysis - Provide listing of documentation files

The install tool now shows all the documentation files that were delivered with the core in the section Upgrade analysis. All files can be read inline, but there is no parsing, plain .rst is shown to the user.

The install tool features a new main entry point that lists the documentation files shipped with the core. Filtering by tags provided in the documentation files helps to find interesting changes.

 

Display TCA migration messages in Install Tool

Display the TCA migration message(s) in the Install Tool. You are now able to show all TCA migration messages from within the Install Tool.

TYPO3 v8 Features TCA Migration

TYPO3 v8 Features TCA Migration MSG

Dump Class Loading Information UI in Install Tool

It is now possible to dump class loading information in the install tool. Its really needed, Otherwise developers needs to clear autoload folder from typo3temp folder or using a command line way, Its really very hard to autoload new classes if we don’t have folder access on the server or no command line access. Users who are not familiar with the command line can now trigger a dump of class loading information in install tool.

TYPO3 v8 Dump Install Tool

Introduce TypeScript for the core

TypeScript (not TypoScript ;) is a free and open source programming language developed and maintained by Microsoft. It is a strict superset of JavaScript, and adds optional static typing and class-based object-oriented programming to the language.

With TypeScript it is possible to compile JavaScript. TypeScript supports definition files which can contain type information of existing JavaScript libraries.

At the moment the core uses AMD modules for any JavaScript logic in the backend, but what is in 5 years? maybe we want switch to CommonJS, with TypeScript we can recompile all modules with a simple change in a configuration file.

But the main reason to switch to TypeScript is the strict typing and oop structure of the language. We can make use of Interfaces, which is still a missing feature in JavaScript.

Deprecation of TYPO3_DB occurrences

The TYPO3_DB shorthand functionality has been removed for most of the TYPO3 Core PHP classes.

Calling $GLOBALS[TYPO3_DB] is still possible but discouraged. Calling any of the methods above will trigger a deprecation log entry and any TYPO3 instances with references to TYPO3_DB or references to the occurrences mentioned above.

Developers can use the ConnectionPool and the QueryBuilder classes to achieve future-proof and proper database abstraction for future TYPO3 versions.

TYPO3 v8.5

The brand new form framework

The EXT:Form is now turned into the form framework with nice backend module and form wizard. It is now possible to create multiple forms at one place and use it in whole instance and every domain. When you create any form using the module, the settings will be saved into the fileadmin/user_upload/form-title.yaml So you can change settings from there directly without opening backend module. But it may be harmful. Have a look at the screenshots

TYPO3 v8 Features Form

TYPO3 v8 Features Simple Form

TYPO3 v8 Features Form Elements

Integrate Video https://www.youtube.com/watch?v=F9sTAOEcTI0&feature=share

Ready with first base version of CKEditor

It was very important to use lightweight RTE for the backend. The old one was good but sometime it was taking more time to load. CKEditor is very lightweight and javascript/jquery based RTE, it is fully customizable with many extra features which were not included in the old one.

TYPO3 8 Features CKEditor

TYPO3 v8 Features About CKEditor

Source : https://typo3.org/news/article/typo3-v85-released/

TYPO3 8.6

New image manipulation wizard

TYPO3 v8 Image  Manipulation Wizard

Source : https://typo3.org/news/article/typo3-v86-released/

This feature has been heavily extended in v8.6: Most importantly, the image manipulation wizard now allows multiple crop variants for a single image. This allows editors to show different image areas according to the display size in the frontend.

Flexible Menu-based content elements

TYPO3 v8 Features Menu Elements

Source : https://typo3.org/news/article/typo3-v86-released/

The menu are important for editors, so TYPO3 guys provide dedicated separate section for menus which covers everything like Pages, sitemap, related pages etc.,

Improved link element and validation

TYPO3 v8 Features Validation

Source : https://typo3.org/news/article/typo3-v86-released/

For the complex form, It is always hard to know where are the errors/validation so TYPO3 guys smartly setup this validation icon which will help to editors.

TYPO3 v8 Improved Link

Source : https://typo3.org/news/article/typo3-v86-released/

Link element is improved with showing the page path instead of cryptic internal link so it will be easier for editors.

Language synchronization feature

TYPO3 v8 Features Language Synchronization

Source : https://typo3.org/news/article/typo3-v86-released/

Multilingual translation get more improvements with Language synchronization, because a new wizard allow translators to select if field of localized record has a dedicated value or it should inherit the value of its language parent.

Improved scheduler module

TYPO3 v8 Improved scheduler module

Source : https://typo3.org/news/article/typo3-v86-released/

Fluid Styled Content & CSS Styled Content refactoring

Since a time, it was quite trouble to-do migration between CSS Styled Content (CSC) to Fluid Styled Content (FSC), Now it is easy to making migrations even easier and provide new possibilities for more cost-efficient integrations. CSC is now fully compatible with FSC and shares the same capabilities to make a transition as easy as possible. To focus even more on the development of FSC in the next major version of TYPO3, CSC is now deprecated and in maintenance mode.

TYPO3 8.7

Finally, the TYPO3 8.7 was launched as TYPO3 LTS (Long Term Support), Check the release notes at here typo3.org

TYPO3 v8 Latest

Source : https://www.andersundsehr.com/blog/typo3-v8-lts-das-kann-die-neue-version-von-typo3/

Note down some important TYPO3 extensions

General

Some features and components developed for TYPO3 by the Core Team are now available as extensions, as most projects do not require them.

EXT:compatibility7

https://www.andersundsehr.com/blog/typo3-v8-lts-das-kann-die-neue-version-von-typo3/Compatibility Mode for TYPO3, It will help during the upgrade procedure from TYPO3 7 to 8.

EXT:frontend_editing

https://typo3.org/extensions/repository/view/frontend_editing This extension is available for TYPO3 8.7

EXT:rtehtmlarea

https://extensions.typo3.org/extension/rtehtmlarea/Rich Text Editor "HtmlArea": The previous RTE solution is still available for systems with complex requirements or configurations, specifically targetted for HtmlArea, and can be installed in exchange for CKEditor with no problems from TER.

EXT:form

This extension implements the old form builder functionalities, which were replaced by the new Form Framework in TYPO3 v8 LTS.

TYPO3 8 Demo

You can take a quick look with TYPO3 v8 demo from TYPO3.org http://demo.typo3.org/or Launchr https://launchr.com/typo3-cms

Take a quick look for next TYPO3 v9 :)

Roadmap:

TYPO3 v9

Source : https://typo3.org/typo3-cms/roadmap/

Overall Goals

Implement optimized Deprecation strategy

Make upgrades even more easy

Implement Frontend Editing

Implement URL Routing

]]>
TYPO3 Community Social TYPO3 CMS TYPO3 Extension TYPO3 Template TypoScript
news-92 Wed, 18 Oct 2017 06:32:15 +0000 11 Tips for “How to be a Healthy Web Developer” /blog/post/11-tips-for-how-to-be-a-healthy-web-developer/ Being a web developer is not an easy thing when you have lot of stress at work, more and more deadlines to achieve, to satisfy all your client’s expectation, 12 to 14 hours of work and sometimes even more. All these things really can turn your personal life and your health into worst condition. Being a web developer is not an easy thing when you have lot of stress at work, more and more deadlines to achieve, to satisfy all your client’s expectation, 12 to 14 hours of work and sometimes even more. All these things really can turn your personal life and your health into worst condition.

Some common problems amongst web developers are back pain, mental stress and low eye sight. I am going to guide on this things which really helped me in my daily routine and improved me as a web developer.

Believe me you are at the right place if you have encountered any of the problem mentioned above as web developer (If you have not faced then also you will find this article helpful).

 

We all know, we have to follow some of the important factors related to our lifestyle and health but then also we ignore them and at the end we all get in big trouble in regards to our health.

Here I am going to list 11 factors that can help you to improve and maintain your healthy lifestyle as a webdeveloper.

1. Daily Schedule

Daily Schedule

Source : The One Place for All Your Thoughts

This should be the very first step if you want to move forward as a healthy Web developer. You should have daily plan for each of your single routine work same like our daily time of lunch and dinner.

1.1. Set a 24 hours daily schedule

Not sure what you are going to do whole day? Then, You should have a time table for your most of your daily life work. This will help you to organize yourself and set some goals and to achieve them too.

Your daily time table should be like, To Wake up at early morning 6 AM. 6:30 to 7:30 Exercise, Breakfast & Morning NEWS, Newspaper. Office time from 9 AM to 6 PM (This can be depend on your office daily routine :) ) spend time with family, reading of TYPO3 new techniques books, at 10 PM go to Bed. (A normal Web developer should have at least 8 hours of sleep)

1.2. Set a ToDo with required time for your daily work in office

s today your project’s deadline? Important issue to be solved? So, You should always start your office work day with a planing of your work for particular day. I am mentioning it here to minimize the mental stress. If you have very good planned day with your required time and priorities then you can easily focus on the main things rather than just wandering whole day and ruin your good day.

2. Eating Habits

Eating Habits

Source : Food Business Lunch Restaurant

A normal person should have a proper diet in order to maintain a healthy lifestyle. And we are Web developer s, so we should have a very much proper diet plan in our daily routine. Major cause of any disease mostly starts with eating habits This doesn’t mean you can’t have snack or food that is unhealthy. It’s all about making sure that you know the right things and try to follow it.

2.1. Enough cal/protein food

In your diet food you should have proper protein and calories that you need as per your BMI calculations. There are lots of foods, fruits are there which have proper protein and calories that you need for your daily routine.

2.2. Avoid junk food

As you know and you have found this all places related to health that you should avoid junk food which has a so much side effect to our health like Fat, Oil etc… This doesn’t mean you shouldn’t take it all the time. You can have a break/off day when you can enjoy the pleasure of such food.

2.3. Avoid sugar

ou should cut down sugar as much as you can from your daily routine. Sugar can create a lot of problems in regards to your health. Yes, that’s true that we all like sweet in our food. But this can have very much side effects in our body. Now a days lot of sweet food products available with sugar-free. So, we can enjoy the sweet taste without ruined our health.

3. Water Habits

Water Habits

Source : Flavored Water a Good Alternative to Other Kids Drinks

Water has been a very important for our body. As you all know majority of our body type is made with water. A normal person (Web Developer) should consists 2.5 ltr of water daily.

 

Routine of drinking water is also important. In the morning (6 - 7 AM) you should drink at least 1 glass of water. Between 9-10 AM again a glass of water. At noon time you should drink at least 2 glasses of water. Before the end of Evening time you should drink 2 glasses of water.

In the summer time the frequency of drinking a water should be increased. You should make sure that you body keeps hydrated all the time.

I know, We all have a very busy and tight schedule at the office. So, remembering the water may be a bit difficult thing. But don’t worry. Now a days smartphone will help you to remind this. There are lot of apps available for this. You can try any best of them.

4. Sleep

Sleep

Source : Baby Safety Tips

In our daily busy life schedule with all important things, I think the most important thing is to have a very good rest at the night. A normal person (Yes you a Web developer :P ) should have at least 8 hours of sleep at night.

Also, during the office hours a few mins of nap will increase your productivity. One science study has proofed this. A person who takes a few mins of nap after lunch have more productivity.

5. Proper sitting style

We are all Web developer and we have to sit at least 7-8 hours a day on a chair. So it’s but obvious that if you don’t seat properly then you will face lot of problems for back pain.

Out of 10 Web developer s 7 complains about back-pain. This is only because of not seating properly on a chair.

See the following image

Proper sitting style

Source : Discpensdrophe

Here mentioned the proper seating style of our daily routine of Web development.

6. Intervals during work

Intervals during work

Source : Bathroom

Two hours of a movie has also one break to make the movie more enjoyable at the same time more interesting. (By the way, I am talking about a good movie. :D ) So, yes. Intervals in our working schedule are also important. 2-4 intervals of 2-5 mins between 4-5 hours are mandatory to feel relax physically as well as mentally. Does your code not working? Are you stuck somewhere? Are you not able to find out the cause of the bug? Just take 4-5 mins of a break. Go out and try to feel fresh air. (Visit toilet, Yes great idea comes on a toilet seat ;) ) Then restart your work. You will definitely find a solution to your problem soon.

7. Workout/Exercise

Workout Exercise

Source : The Truth How To Burn Abdominal Fat

Yes, I know, you will ask me that we already exercise full day in the office. But this is the bare truth that we have to workout and keep our body healthy not a single muscle should miss this.

Here I am not talking just about the weight lifting. Also Yoga, Cardio, Running, Cycling etc… are there to make your body healthier. Your body need some stretch, flexibility, endurance to pursue whole day in the Office. Exercise also helps to improve your immune system. So, While all are sick in the viral disease you are there to complete your deadlines.

Exercise helps our body to be fit. Regular exercise keeps your bones and muscle strong. Daily 45 mins of Workout (Or 4-5 days a week) will help keep your body functioning at an optimum level.

If you do weight lifting then your muscles will make your impression on your other colleagues. You will fetch more eyes on you if you want to ;)

I personally do weight lifting. I have owned few needed equipments for Gym and regularly do it in the Morning :)

8. Avoid alcohol/tobacco/drugs

Avoid alcohol Tobacco Drugs

Source : Bahayanya Obat Pcc Bila Dikonsumsi Sembarangan

I strongly feel this is the most important point from in this article. If you are not addict to any of the bad habits like alcohol, tobacco, drugs etc… then it’s very good. But if you are then this can be a very serious issue to your health, mind, family, carrier. You never know why your perfect life ruined if you are addicted to any of these.

Believe me or not personally I have never tasted any of these. And I am living life larger than large. I have a seen lot of people addicted to alcohol, tobacco. They don’t have a good life to live. Yes, you have few hours/mins of pleasure but it can be a cause of death too.

9. Be strong mindful

Be strong mindful

Source : Meditation

I think, I have mostly mentioned related to physical health, But mental health is also a key point here. If you want to dig out best from you then mental health should have a key role.

There are many factors that can make you down over the time, make you stressful, You are not performing your 100% or results are not good as per your efforts.

At that time strong mind can overcome all the problems, issues and you can fix all those issues. At the end, you are the one and you are the only solution to all the problems. You have to be brave to make a decision and to keep tall on all situations.

10. Weekend plan

Weekend Plan

Source : How Leverage Your Out Office Message Alexandra Hanken/

I strongly believe that we have to give some space to our self too. All the week we are working for the office/client. We all have some family responsibilities. But in all these we missed ourself.

In modern days of internet and Smartphone world, We all are connected through social media and apps with our family, friends. Which is a very good thing. But sometime we should cut off this. Switch off the phone, internet, all notifications.

It’s very enjoyable moments to walk in park with your love

11. Be Engaged to TYPO3 Community

Be Engaged to TYPO3 Community

Source : Typo3 cms

 

Yes, Our TYPO3 community is so strong that if you be a part to this great community then you will not feel alone at any time. Just be engaged to it. You can share your experience, You can ask your queries and there is lot more to do. TYPO3 - Inspiring People To Share!

 

Conclusion

I strongly believe that if we have to build our IT career as web developer then along with our all skills and knowledge our healthy lifestyle is also key role in it.

During my short career of 7 Years, I felt that all things are very much important, But our healthy body and mind is top amongst all. As I have mentioned at the top of this article, We works 10-12 hours a day without fail. We face lot of stress and problems. But to stand still amongst all our healthy body give us that much confidence that we can pass any hurdle and we be at the peak of mountain of success.

So, go and enjoy the very beautiful healthy life as web developer. And Thank you for your time and reading my article.

]]>
news-91 Tue, 03 Oct 2017 09:16:26 +0000 Choosing A Developer Friendly CMS /blog/post/choosing-a-developer-friendly-cms/ The main thing to consider when picking a CMS is the language knowledge of your developers. While there are a couple of individuals around feeling capable in any number of languages, The majority use one more often the other. For lots of companies and freelancers, the choice of content management systems is seen as a defining decision. You probably know how it feels when you see the beautiful website in your mind, you usually think of how the frontend works and looks like. But if you think about the backend. What comes to your mind? Cluttered and uneasy to use WordPress site?

 

You simply don’t know where to start the process of creating a new page or blog post. How to make the website exactly how you want? What goes where? Hard to tell from the first sight.

 

The reality is that people go with specific solutions because of a perception of portability. The CMS must be easy to understand and the relocation process for any developer understandable. However portability is actually never that simple. A sophisticated website will likely launch with customization to make it unique. In other words, websites built upon the same platform could look different when it comes to their code.

 

If you have been using WordPress for a while now and want to see if there's other CMSs out there which are a bit better to use? You’re in the right place.

 

Nowadays developers tend to use a lot of plugins so that the clients can easily update content. WordPress was not designed with grid layouts in mind and it causes lots of problems when clients request anything more than a standard website.

 

Here is the deal

Content-Management-System

Source : https://www.myhubintranet.com/cms-intranets-make-right-choice/

The main thing to consider when picking a CMS is the language knowledge of your developers. While there are a couple of individuals around feeling capable in any number of languages, The majority use one more often the other. So you should find out which programming language they'd incline toward. In case you're working with freelancers, you should investigate the market and what’s popular out there. A few languages have higher rates than others, some are not popular.

 

CMS Structure

BMD-responsive-prototype

 

Source :

" target="_blank">https://www.blitzmediadesign.com/blog/2014/05/start-your-website-design-with-a-prototype/

 

A CMS comprises of various parts. The a greater amount of those parts are used by your engineers, the less time it takes them to begin using the new language. So the less your employees gave to earn the better. Otherwise outsource website development to an agency.

 

Popular Add-Ons

Addons Featured

Source : http://www.playfield-media.com/service/website-extensions-addons/

The simplest method for expanding the usefulness of a CMS is by including existing addons. There is no use in developing add-ons if there are thongs on the market that are easy to download and install. Do some research on what addons are accessible for the CMS you are thinking about. Pricing, documentation and instructions must be taken into consideration. Start with open source solution if you can’t find the add on you need.

 

Programming interface

Best-programming-language

Source : https://www.roberthalf.com.hk/blog/what-best-programming-language-learn

You probably don’t need a custom-made CMS. So to get as cost-productive as possible the CMS you are picking ought to be effectively extendable. A CMS that gives great APIs to building new additional items and section focuses for expanding and redoing existing usefulness gives you the likelihood to make it your own. A work process doesn't fit your needs? Modify it. You are utilizing a DMS that you need to incorporate? Create an add-on.

 

Instructions

CMS Update

Source : http://nationalcredentialing.com/cms-updated-manual-guidelines-change-ownership/

Documentation is the first thing for an engineer to take a look at, if there is an issue and it’s too complicated - do not use it. Think about documentation as a long-term process. Throughout the years your it will be updated several times. A decent CMS framework gives relocation documentation to all breaking changes and gives a clear instruction on how to update the system - ensuring you can utilize it for a considerable length of time.

 

Support

CMS Update

Source : http://www.jlbworks.com/category/website-support/

Indeed, even the best engineer on the planet can experience difficulties. At the point when that happens, it's good to know you can get help somewhere. Support can come in many structures, discussions, mailing records, talks or even newsgroups. The vital thing is, that there is some type of help for the CMS you picked. For engineers, one of the typical place to look for the answer is Stack Overflow. To get an idea how your system works and to see if you can find an answer. Make sure to check Google as well or CMS official website.

 

Conclusions:

Sites based on restrictive CMS have a tendency to be less "versatile" compared with those based on less modified installs of open-source CMS. However, programmers utilizing a restrictive CMS will be more disposed to organize their association with their customers. The usefulness of restrictive CMS is frequently formed after some time by the customers who utilize them.

 

The Big Picture

With all that in mind, here’s how we’ll wrap this up. If you’re questioning how to proceed with a website project and which CMS platform makes sense, consider the following:

 

  • How long your website will exist? The average website’s lifetime is no more than 5 years). Here is when you should consider what’s the best option and how to teach others who will be working in a company with this CMS.
  • What exactly is needed to be created on the website? Will the CMS that you’re planning to use be able to meet them?
  • How would you see the history and stability of the engineer you're reviewing? A short history or unsteady operation will probably predict the lifespan and nature of your site than any innovative technology.

 

The bottom line is that if you have a developer for your website, let him decide how the CMS you have chosen meets his expectations. Whether it's easy to use or not. Time is money anyways.

]]>
news-89 Tue, 03 Oct 2017 09:14:07 +0000 [T3EXT DAY] All in One Slider Plugin /blog/post/t3ext-day-all-in-one-slider-plugin/ One of the only TYPO3 extension which provides to use most popular jQuery slider plugins at your website. This TYPO3 extension provides to configure sliders eg., Nivo Slider, Royal Slider, Owlcarousel, Sliderjs Slider & more will be available in an upcoming version. What does it do?

One of the only TYPO3 extension which provides to use most popular jQuery slider plugins at your website. This TYPO3 extension provides to configure sliders eg., Nivo Slider, Royal Slider, Owlcarousel, Sliderjs Slider & more will be available in an upcoming version.

 

1. Nivo Slider

 

TYPO3-EXTns_all_sliders-Nivo-min

 

2. Owlcarousel Slider

 

TYPO3-EXTns_all_sliders-Owl-min

 

3. Royal Slider

 

TYPO3-EXTns_all_sliders-Royal-1-min

 

4. Slidejs Slider

 

TYPO3-EXTns_all_sliders-Slide-min

 

1. Overview:

Extension Key: ns_all_sliders
Extension URL: https://extensions.typo3.org/extension/ns_all_sliders/
Documentation: https://docs.typo3.org/typo3cms/extensions/ns_all_sliders/
Support: https://github.com/nitsan-technologies/ns_all_sliders/issues
Version: 1.0.0
Category: Frontend Plugin
TYPO3 version: (6.0.0 - 8.9.99)

 

2. Installation:

The extension needs to be installed as any other extension of TYPO3 CMS:

 

2.1. Install Extension from EM:

  • Switch to the module “Extension Manager”
  • Get the extension
  • Get it from the Extension Manager: Press the “Retrieve/Update” button and search for the extension key ns_all_sliders and import the extension from the repository.
  • Get it from typo3.org: You can always get current version from http://typo3.org/extensions/repository/view/ns_all_sliders/current/ by downloading either the t3x or zip version. Upload the file afterward in the Extension Manager.

 

TYPO3-EXTns_all_sliders-Install-1-min

 

2.2. Preparation: Include static TypoScript:

The extension ships some TypoScript code which needs to be included.

 

  • Switch to the root page of your site.
  • Switch to the Template module and select Info/Modify.
  • Click the link Edit the whole template record and switch to the tab Includes.
  • Select [NITSAN] AllSliders (ns_all_sliders) at the field Include static (from extensions):

 

TYPO3-EXTns_all_sliders-Install-2-min

 

3. Configuration

 

Quick & Easy configuration of "All Sliders" into TYPO3

 

Step 1: Switch to the Template module and select Constant Editor.

 

Step 2: Select Category as follows PLUGIN.TX_NSALLSLIDERS_OWLCAROUSEL (17), PLUGIN.TX_NSALLSLIDERS_ROYALSLIDER (29), PLUGIN.TX_NSALLSLIDERS_SLIDERJS (14), PLUGIN.TX_NSALLSLIDERS_NIVOSLIDER (4) You can configure it as per your requirement.

 

TYPO3-EXTns_all_sliders-config-1-min

 

Step 3: Include Jquery if you have not included yet in your project.

 

TYPO3-EXTns_all_sliders-config-2-min

 

TYPO3-EXTns_all_sliders-config-3-min

 

Step 4:Create Storage Folder for this plugin.

 

TYPO3-EXTns_all_sliders-config-4-min

 

Step 5: Add those plugins in to page where you want to use these sliders. And configure it as per your requirement.

 

TYPO3-EXTns_all_sliders-config-5-min

 

Step 6: Add Storage Folder where your slider images are stored.

 

TYPO3-EXTns_all_sliders-config-6-min

 

4. Clear Cache:

Please, clear cache from top panel 'Flush frontend caches' & 'Flush general caches'. It will be also great to clear cache from Install tool too.

 

5. Support:

 

 

Feedback & Suggestions:

Just download & try the EXT:ns_all_sliders extension. You can write down your feedback/suggestion/comments to below comment box. So, we will adapt it for next version of EXT:ns_all_sliders.

 

Now, Enjoy with adding your favourite 'slider' at your cool TYPO3 website

]]>
TYPO3 Community TYPO3 CMS iTUG Usergroup T3EXT DAY TYPO3 Extension
news-88 Tue, 26 Sep 2017 04:12:00 +0000 [T3EXT DAY] Plugin for Instagram /blog/post/t3ext-day-instagram-typo3-extension/ It's awesome TYPO3 extension which provides you a very attractive frontend display of Instagram images in different view (eg., gallery, phototile) at your TYPO3 website. What does it do?

Plugin to display gallery, feeds and phototile with clean, customizable and responsive feeds from multiple Instagram accounts.

 

It's awesome TYPO3 extension which provides you a very attractive frontend display of Instagram images in different view (eg., gallery, phototile) at your TYPO3 website.

 

1. Instagram Gallery

 

Typo3-NsInstagram-Gallery

 

2. Instagram Feeds

 

Typo3-NsInstagram-Feeds

 

3. Instagram Phototile

 

Typo3-NsInstagram-Phototile

 

1. Overview:

Extension Key: ns_instagram
Extension URL: https://extensions.typo3.org/extension/ns_instagram/
Documentation: https://docs.typo3.org/typo3cms/extensions/ns_instagram/
Support: https://github.com/nitsan-technologies/ns_instagram/issues
Version: 1.0.0
Category: Frontend Plugin
TYPO3 version: (6.0.0 - 8.9.99)

 

2. Installation:

The extension needs to be installed as any other extension of TYPO3 CMS:

 

2.1. Install Extension from EM:

  • Switch to the module “Extension Manager”
  • Get the extension
  • Get it from the Extension Manager: Press the “Retrieve/Update” button and search for the extension key ns_instagram and import the extension from the repository.
  • Get it from typo3.org: You can always get current version from http://typo3.org/extensions/repository/view/ns_instagram/current/ by downloading either the t3x or zip version. Upload the file afterward in the Extension Manager.

 

Typo3-NsInstagram-install-1

 

2.2. Preparation: Include static TypoScript:

The extension ships some TypoScript code which needs to be included.

 

  • Switch to the root page of your site.
  • Switch to the Template module and select Info/Modify.
  • Click the link Edit the whole template record and switch to the tab Includes.
  • Select [NITSAN] NsTwitter (ns_instagram) at the field Include static (from extensions):

 

Typo3-NsInstagram-install-2

 

3. Instagram API Configuration

 

3.1. To activate the Twitter service for your TYPO3 site :

 

Step 1: Signup with Tour Instagram Account at here https://www.instagram.com/accounts/login/?next=/developer/

Step 2: "Register new Client ID" at there.

 

Typo3-NsInstagram-config-1-1

 

Step 3: Go to "Manage Clients" you will get "CLIENT_ID", "REDIRECT_URI" from there.

 

Typo3-NsInstagram-config-2-2

 

 

Step 4: Replace "CLIENT_ID" and "REDIRECT_URI" in below URL which you get from there.

https://www.instagram.com/oauth/authorize?client_id=CLIENT_ID&redirect_uri=REDIRECT_URI&scope=basic+public_content&response_type=token

 

 

Step 5: Now you may get "Access Token" in URL. Copy that and Paste it in to this Extension.

 

Typo3-NsInstagram-config-3

 

 

Configuration

 

  • Step 1: Switch to the root page of your site.
  • Step 2: Switch to the Template module and select Info/Modify.
  • Step 3: Select Category = PLUGIN.TX_NSINSTAGRAM_FEED (5) And PLUGIN.TX_NSINSTAGRAM_PHOTOTILE (5)
  • Step 4: Add Access Token and Add Jquery (Optional) in it.
  • Step 5: Now Add plugin in to page where you want to show your Instagram Feeds. Checkout following Screen-Shots.

 

Typo3-NsInstagram-config-4-1

 

Typo3-NsInstagram-config-4-2

 

Typo3-NsInstagram-config-4-3

 

Typo3-NsInstagram-config-4-4

 

Typo3-NsInstagram-config-4-5

 

Typo3-NsInstagram-config-4-6

 

4. Clear Cache:

Please, clear cache from top panel 'Flush frontend caches' & 'Flush general caches'. It will be also great to clear cache from Install tool too.

 

5. Support:

 

 

Feedback & Suggestions:

Just download & try the EXT:ns_instagram extension. You can write down your feedback/suggestion/comments to below comment box. So, we will adapt it for next version of EXT:ns_instagram.

 

Now, show your beautiful Instagram Feeds at your great TYPO3 site

]]>
news-81 Fri, 25 Aug 2017 04:32:27 +0000 Why its important to update your TYPO3 Websites on a regular basis! /blog/post/why-its-important-to-update-your-typo3-websites-on-a-regular-basis/ TYPO3, written in PHP, is a free and open source web content management system. It has the ability to run on several web servers such as IIS or Apache, on top many operating systems like. Microsoft Windows, Linux, FreeBSD. macOS and OS/2. Just like Drupal, Joomla, and WordPress, TYPO3 too is among the most popular content management systems worldwide. TYPO3 is more widely used in Europe than in other regions. Its flexibility, features, scalability and maturity, it is a popular choice for building and managing of different types and scale. TYPO3 classifies itself as an enterprise level content management system as it can be used for building and managing small websites for individuals to multilingual enterprise solutions for large corporations and companies.

Most websites today run on content management systems and just as the content of a website needs to be regularly updated so is the case with CMS. They too need to be regularly updated as this is a necessary part of website maintenance. CMS regularly release newer versions every few years or so and although sticking with the version of a CMS you’re already using may seem like the easier option, it can be very risky. The story is no different with TYPO3.

TYPO3 released its latest version 8.7 with long term support on April 4, 2017. It requires PHP 7 for operation so you will need to first upgrade your PHP version before you can successfully enjoy the new benefits and long-term support of the latest release.

Statistics show that 22% of the top one million websites worldwide are running on outdated infrastructure. Updating your TYPO3 based website to the latest version is important not only for enjoying the latest added features but for numerous performance and security based reasons as well.

Long-Term Support

TYPO3_8_Support_Period_Plan_Timeline

The TYPO3 CMS version 8.7 is an LTS release. Alongside including major speed improvements and easier workflows for everyday tasks, it also provides long-term support by ensuring regular maintenance and bug fixes until October 2018 and security and critical bug fixes until April 2020.

Secure Your Website

TYPO3-Website-Security

Source : https://audit4top.com/website-security-audit-detect-a-hacked-website

Cyber-attacks pose a major risk to websites. Complete protection and security against such attacks can require a large amount of money and resources. Keeping your TYPO3 CMS up to date greatly lessens the vulnerability of your website. Newer releases are made keeping this in mind and often include security updates. Using an outdated version allows attackers to discover a site’s weak spots. This is the number one cause behind cyber-attacks.

Fix Technical Issues and Bugs

Fix-Technical-Issues-and-Bugs

The bugs and coding errors you’ve been encountering that have been leading to the broken functionality of your website, the inoperability of plugins or any other such issues or bugs can be gotten rid of by updating to the latest version of TYPO3. Technical issues and bugs alike discovered in previous versions of the CMS are often solved by updating to the latest version which includes fixes for these errors and problems that cause inconveniences for both you and your website users.

Longer You Leave, Longer the Process

8.2_ReleaseBanner

Source : https://typo3.org/news/article/releasing-typo3-v82/

All CMS are developed alongside advancements in technology to provide the necessary updates, fixes, and increased functionality. Same is the case with TYPO3. Updating from the previous version to the next is easy but if you haven’t updated your TYPO3 CMS in a long time, making the jump from a much older version to the latest will not be as simple and will definitely take longer.

The TYPO3 CMS version 8.7 LTS is built on PHP version 7. It will henceforth also support all future versions of PHP. PHP 7 is twice as fast as PHP 5.6. The latest version of TYPO3 has a lot of new features and additions which further add to its functionality. Things like a mature and flexible form builder, image processing for responsive images and many more features, all of which can be viewed here. These are what make TYPO3’s latest version even better.

Update your website to the newest release now to increase performance, speed, and security. Protect yourself from hackers. Provide faster loading times and fix bugs and maintenance issues that you have been encountering in the previous version. Don’t put the upgrade off any longer as it will only become more time-consuming and complex to do so with time.

]]>
TYPO3 CMS TYPO3 Security T3BLOG DAY
news-78 Fri, 18 Aug 2017 04:52:27 +0000 30 Tips & Tricks for Optimum TYPO3 Website Speed and Performance /blog/post/30-tips-tricks-for-optimum-typo3-website-speed-and-performance/ Your website is your domain and keeping it functioning as well as it can be of the essence. Having a well-managed Enterprise Content Management System that provides the basis for websites, intranets, and mobile applications can work wonders for your business and its offerings! Your website is your domain and keeping it functioning as well as it can be of the essence. Having a well-managed Enterprise Content Management System that provides the basis for websites, intranets, and mobile applications can work wonders for your business and its offerings! Keeping your TYPO3 Website well-maintained provides the basis for Scalable Web Application Framework along with a user-friendly interactions with a large, active global community and unlimited extendability!

Having a strategy alone can only do so much for your business website and hence here are some tips and tricks that will optimize your TYPO3 Website in terms of speed, performance, reliability, and accessibility.

Tips #1: Selecting Web Hosting Services

If anything had the audacity to make or break your website, this is it. Selecting a web hosting service provider that is fast and reliable and does not compromise on its effectiveness, is of top priority.

Following are few of the options you can consider:

TYPO3-Choose-Reliable-Web-Hosting-Services


Tips #2: Keep Updated to Stay Updated

Upgrade-toTYPO3-to-Imrpove-Speed

Updates are created to add more credibility and key features to the service provider and hence keeping your system updated will provide you with a wider range of control over your website. upgrade your site to latest TYPO3 LTS version, if you haven’t already and take advantage of the new setup!


Tips #3: Enable TYPO3 Cache

The easiest and most effective way to make your site function at its optimum speed is by caching it. Activate the internal TYPO3, caching system by using the following settings in TypoScript.

 

#Setup
config.no_cache = 0

 


Tips #4: Static File Caching

TYPO3-Core-Default-Cache

Slow response time? No problem! Each request for a TYPO3 page involves several SQL queries and heavy PHP logic. Having a site that has many static pages, might not work in your favor unless you manage it correctly. TYPO3's cache won't compare in performance to static HTML files, hence using the static file cache extension nc_staticfilecache is highly recommended.

Your ticket to a faster response time:
TER: https://typo3.org/extensions/repository/view/nc_staticfilecache
Exension Manual: https://docs.typo3.org/typo3cms/extensions/nc_staticfilecache/


Tips #5: Image Optimization

The size of the images you have placed on your website is a huge factor in determining how fast your site will load. However, switching to alternatives that lower the image quality is not recommended.

Here’s how you can better optimize your images:

1. Manually decrease size of images (using online tools or photoshop)

2. Crop/Resize images by using Fluid Templating

 

<f:image src="/fileadmin/user_upload/demo_test.jpg" alt="Demo/Test" width="100c" height="100c" />

 

3. Configure the image quality 

 

#typo3conf/LocalConfiguration.php
$TYPO3_CONF_VARS['GFX']['jpg_quality'] = '65';

 

A side by side Comparison of Image Sizes

TYPO3 Bild Qualitäts Chart

Tips #6: Compress CSS & JS

A benefit of minifying your HTML is that it eliminates extra spaces. Give it a try!

 

#Setup
config.compressCss = 1
config.compressJs =1

 


Tips #7: Concatenate CSS & JS

Get a step closer to better performance Bundle JS and CSS files at frontend!

 

#Setup for TYPO3 <= 6.x
config.concatenateJsAndCss = 1

#Setup for TYPO3 >= 7
config.concatenateCss = 1
config.concatenateJs = 1

 


Tips #8: Compress TYPO3 Backend & Frontend

TYPO3-Website-Pages-Size-Matters

Compression doesn’t sacrifice on the quality. Give it a try!

 

#typo3conf/LocalConfiguration.php
$GLOBALS['TYPO3_CONF_VARS']['BE']['compressionLevel'] = 9;
$GLOBALS['TYPO3_CONF_VARS']['FE']['compressionLevel'] = 9;

 


Tips #9: CSS to the Top & JS to the Bottom

Preordained setup makes JavaScript move to the bottom of the HTML document. Placing it after the content and before the closing body tag, here’s how:

 

#Setup: Moves all JavaScripts into the footer
config.moveJsFromHeaderToFooter = 1

#Setup: Move individual JavaScripts to the footer
page.includeJSFooter {
  Jquery = jquery.min.js
  Bootstrap = bootstrap.min.js
}

 

 


Tips #10: Disable TYPO3 Logs

Keeping logs and maintain logs can be a conundrum, here’s how you can disable them:

 

#typo3conf/LocalConfiguration.php;
$TYPO3_CONF_VARS['SYS']['enableDeprecationLog'] = '0';
$TYPO3_CONF_VARS['SYS']['syslogErrorReporting'] = '0';
$TYPO3_CONF_VARS['SYS']['belogErrorReporting'] = '0';
$TYPO3_CONF_VARS['SYS']['systemLogLevel'] = '4';
$TYPO3_CONF_VARS['SYS']['sqlDebug'] = false;
$TYPO3_CONF_VARS['SYS']['no_pconnect'] = '1';
$TYPO3_CONF_VARS['BE']['versionNumberInFilename'] = '1';

 


Tips #11: TypoScript Code Optimization

Optimizing your codes is always a bright idea, but many website owners fail to realize it.

Optimize TypoScript code from your Templating code by :

  • Remove unnecessary TypoScript code,
  • Adding only required template extension,
  • Getting rid of extra spaces
  • Avoid TYPO3 backend template for TypoScript & Setup file based TypoScript
  • Modular TSConfig & TypoScript
  • Be more efficient! Create custom TYPO3 Extension for Templating with writing structure TypoScript for Packageable, Auto-loading abilities, Re-usability of code etc.,
  • Include TSConfig & TypoScript via INCLUDE_TYPOSCRIPT

TYPO3-Modular-Optimization-TypoScript

 

<INCLUDE_TYPOSCRIPT: source="FILE:EXT:extkey/Configuration/TypoScript/root.ts">
<INCLUDE_TYPOSCRIPT: source="FILE:EXT:extkey/Configuration/TSConfig/root.ts">

 


Tips #12: Reduce HTTP Requests

TYPO3-Minimum-HTTP-Request

This part is simple mathematics, the fewer the request the faster will the website load.


Tips #13: Use a Content Delivery Network (CDN)

TYPO3-Integrate-Implment-CDN

Using a Content Delivery Network provides you with the luxury of hosting your website on multiple servers all while distributing the files and loading them across multiple systems. Give it a try!

Example.,

 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js.js"></script>
#or 
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.4.min.js"></script>

 

Factors That Work in Your Favor:

  • Availability Different domains
  • Files may be pre-cached
  • High-capacity infrastructures
  • Distributed data centers
  • Built-in version control
  • Usage analytics
  • Boosts performance and saves money

Tips #14: Reduce Number of TYPO3 Extensions

While trying to achieve a faster functioning website it is better to disable all the extensions that are unnecessary


Tips #15: Gzip Compression (.htaccess)

Loading speed and bandwidth go hand in hand and via the use of GZIP compression, save 50-80% bandwidth. Here’s how:

 

#.Htaccess
<FilesMatch "\.js\.gzip$">
	AddType "text/javascript" .gzip
</FilesMatch>
<FilesMatch "\.css\.gzip$">
	AddType "text/css" .gzip
</FilesMatch>
AddEncoding gzip .gzip

 


Tips #16: Leverage browser caching (.htaccess)

Give it a try!

 

#.Htaccess
ExpiresActive On
ExpiresByType text / css "access plus 7 days"
ExpiresByType image / gif "access plus 6 months"
ExpiresByType image / jpeg "access plus 6 months"
ExpiresByType image / png "access plus 6 months"
ExpiresByType image / jpg "access plus 6 months"
ExpiresByType image / x-icon "access plus 6 months"
ExpiresByType application / font-woff "access plus 6 months"
ExpiresByType application / x-font-ttf "access plus 6 months"
ExpiresByType application / svg + xml "access plus 6 months"
ExpiresByType application / vnd.ms-fontobject "access plus 6 months"
ExpiresByType application / x-shockwave-flash "access plus 6 months"
ExpiresByType application / javascript "access plus 7 days"
ExpiresByType application / x-javascript "access plus 7 days"

 

FYI: From onwards TYPO3 7 already have this code at .htaccess file.


Tips #17: Content Management - Disable Hotlinking and Leaching

TYPO3-How-to-set-Hotlinking-at-Htaccess

Get the most out of your website by disabling these two features.

 

#.Htaccess
#Let's disable  hotlinking for images with either forbidden or providing custom image option
RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$ RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?yoursite.com [NC] RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?google.com [NC] RewriteRule \.(jpg|jpeg|png|gif)$ – [NC,F,L]

 


Tips #18: Enable Keep Live

 

#.Htaccess
Header set Connection keep-alive

 


Tips #19: Avoid 301 Redirections

If there ever was a red zone, this would be it. Hence it is recommended to avoid 301 redirections.


Tips #20: Fix 404 Errors

TYPO3-404-Error-Handling

“404” are an absolute nuisance to the viewer, a minor inconvenience to the website owner and the visitor. Setup the below code at Install tool, to better cope with the situation.

 

#typo3conf/LocalConfiguration.php;
$GLOBALS['TYPO3_CONF_VARS']['FE']['pageNotFound_handling'] = '/404/';

 


Tips #21: TTFB

TYPO3-TTFB

Source: https://www.keycdn.com/support/what-is-ttfb/

Measuring the responsiveness of a web server is essential to benchmark its performance. Time to the first byte (TTFB lets you do just that. Initially, it tracks the time your browser takes before it starts receiving information based on a requested from the server.

HTTP request time + Process request time + HTTP response time


Tips #22: Combine Your Images Into One – CSS Sprites

TYPO3-CSS-Sprites

The idea of having your images organized all in one place, works well with the concept of optimization. CSS sprites that take action based on the concept.


Tips #23: Async Javascript

Async is a handy tool which allows the script to be downloaded in the background without it being blocked.

 

<script async src="foobar.js"></script>

 


Tips #24: Use Lazy Load For Videos & Images

When it comes to getting the job done at the fastest pace possible, lazy images and lazy videos are a great option. Embedding YouTube and Vimeo videos on our website let visitors easily direct themselves to their subject of interest. Along with lazy images that have lower load time and take lower bandwidth.


Tips #25: Prefetch and Preconnect

A duo that will surely improve your website and help in optimizing it.

TYPO3-Pre-fetching

Source: https://www.keycdn.com/support/prefetching/

Prefetch

 

Prefetch Google Fonts:
<link rel="dns-prefetch" href="//fonts.googleapis.com">
Prefetch Google Code (jQuery)
<link rel="dns-prefetch" href="//ajax.googleapis.com">
Prefetch Google Analytics
<link rel="dns-prefetch" href="//www.google-analytics.com">

 

Preconnect connect in advance!

 

<link href='https://cdn.keycdn.com' rel='preconnect' crossorigin>

 


Tip #26: Avoid to use TYPO3 EXT:indexed_search

If you have a website with over hundred pages do not use indexed_search, as it will overload the database. Remove it and notice the difference!


Tip #27: Regularly Clean-up MySQL Database Caches & Temporary Files

1. Clear Cache Files

clear-caches.sh

 

#!/bin/sh
#clear all TYPO3 caches
#requires TYPO3 extension coreapi
set -e

rm -rf /var/www/site/htdocs/typo3temp/*
su -c "cd /var/www/site/htdocs && ./typo3/cli_dispatch.phpsh extbase cacheapi:clearsystemcache"\
   -s /bin/sh\
   www-data
su -c "cd /var/www/site/htdocs && ./typo3/cli_dispatch.phpsh extbase cacheapi:clearallcaches"\
   -s /bin/sh\
   www-data

 

2. Clear MySQL Cache Tables

clear_typo3_cache.sql

 

SET foreign_key_checks = 0;
TRUNCATE TABLE `cache_md5params`;
TRUNCATE TABLE `cache_treelist`;
TRUNCATE TABLE `cf_cache_hash`;
TRUNCATE TABLE `cf_cache_hash_tags`;
TRUNCATE TABLE `cf_cache_imagesizes`;
TRUNCATE TABLE `cf_cache_imagesizes_tags`;
TRUNCATE TABLE `cf_cache_pages`;
TRUNCATE TABLE `cf_cache_pagesection`;
TRUNCATE TABLE `cf_cache_pagesection_tags`;
TRUNCATE TABLE `cf_cache_pages_tags`;
TRUNCATE TABLE `cf_cache_rootline`;
TRUNCATE TABLE `cf_cache_rootline_tags`;
TRUNCATE TABLE `cf_extbase_datamapfactory_datamap`;
TRUNCATE TABLE `cf_extbase_datamapfactory_datamap_tags`;
TRUNCATE TABLE `cf_extbase_object`;
TRUNCATE TABLE `cf_extbase_object_tags`;
TRUNCATE TABLE `cf_extbase_reflection`;
TRUNCATE TABLE `cf_extbase_reflection_tags`;
TRUNCATE TABLE `cf_extbase_typo3dbbackend_queries`;
TRUNCATE TABLE `cf_extbase_typo3dbbackend_queries_tags`;
TRUNCATE TABLE `cf_extbase_typo3dbbackend_tablecolumns`;
TRUNCATE TABLE `cf_extbase_typo3dbbackend_tablecolumns_tags`;
TRUNCATE TABLE `cf_fluidcontent`;
TRUNCATE TABLE `cf_fluidcontent_tags`;
TRUNCATE TABLE `cf_flux`;
TRUNCATE TABLE `cf_flux_tags`;
TRUNCATE TABLE `cf_schemaker`;
TRUNCATE TABLE `cf_schemaker_tags`;
TRUNCATE TABLE `cf_vhs_main`;
TRUNCATE TABLE `cf_vhs_main_tags`;
TRUNCATE TABLE `cf_vhs_markdown`;
TRUNCATE TABLE `cf_vhs_markdown_tags`;

 

3. Clear Log History

clear_typo3_log_history.sql

 

SET foreign_key_checks = 0;
TRUNCATE TABLE `sys_history`;
TRUNCATE TABLE `sys_log`;

 

4. Clear RealURL Cache

clear_realurl_cache.sql

 

SET foreign_key_checks = 0;
TRUNCATE TABLE `tx_realurl_chashcache`;
TRUNCATE TABLE `tx_realurl_pathcache`;
TRUNCATE TABLE `tx_realurl_urldecodecache`;
TRUNCATE TABLE `tx_realurl_urlencodecache`;

 


Tip #28: Server Optimization

TYPO3-Server-Optimization-Linux-Apache

1. PHP Configuration

 


memory_limit = 64M
upload_max_filesize = 100M
post_max_size = 100M

 

2. MySQL Configuration

 

#Disable bin log
log-bin

#Switch on and increase query_cache
query_cache_limit = 2M #default was 1M
query_cache_size = 64M #default was 0
query_cache_type = 1

#Increase table_cache
table_cache = 256 #default was 64

#Increase key_buffer
key_buffer_size = 64M #default was 8M

 

3. Apache Settings

 

#Disable excessive logging
LogLevel warn

#Disable DNS lookups, your log file analyser can do this afterwards
HostNameLookups off

 


Tip #29: TYPO3 Source & General

  • Using the same source directory for more than a single site.
  • Make pages cacheable.
  • Take consideration of performance killer extensions.
  • Standard TYPO3 Extbase/Fluid should be used.

Tip #30: Find What Works for You

Invest your time and energy to a website hosting server for a better, well-managed website. Explore your options and take advantage of some of the best choices the internet has to offer!


Summary

Last but certainly not the least; remember to keep a close watch on your portal’s TYPO3 performance as “Optimization should not stop”. From choosing a good host and server to TYPO3 Configuration, front-end techniques, ways of implementing a CDN, database cleanups, server optimization, and more, there’s a lot that can be done to extract the best speed and performance from TYPO3 websites. Through this helpful post, we have strived to lay down the best ways to speed up TYPO3 and the many options it entails.

We would love to hear from you. Do share some other TYPO3 website speed enhancement strategies that we might have not mentioned here.

]]>
TYPO3 CMS T3BLOG DAY TYPO3 Extension TYPO3 Template TypoScript Responsive
news-85 Sun, 02 Jul 2017 10:42:00 +0000 [T3EXT DAY] All in One Chat – Real Time Chat /blog/post/t3ext-day-nitsan-all-chat-typo3-extension/ One of the only TYPO3 extension which provides to use most popular chat tool at your website. This TYPO3 extension provides to configure many live chat tools eg., zopim.com, livechatinc.com, purechat.com, livezilla.net, clickdesk.com, tidiochat.com, visitlead.com, onwebchat.com, userlike.com, hipchat.com & more will be available in an upcoming version. Why this TYPO3 extension developed?

One of the only TYPO3 extension which provides to use most popular chat tool at your website. This TYPO3 extension provides to configure many live chat tools eg., zopim.com, livechatinc.com, purechat.com, livezilla.net, clickdesk.com, tidiochat.com, visitlead.com, onwebchat.com, userlike.com & more will be available in an upcoming version.

 

Most popular live chat tools which we provides in this extension

 

TYPO3_Allchats_logoes

 

Sample: Backend of your chat site

 

TYPO3_Allchats_Backend_2

 

Sample: Frontend of your site

 

TYPO3_Allchats_Frontend_1

 

1. Overview:

Extension Key: ns_all_chat
Extension URL: https://extensions.typo3.org/extension/ns_all_chat/
Documentation: https://docs.typo3.org/typo3cms/extensions/ns_all_chat/
Support: https://github.com/nitsan-technologies/ns_all_chat/issues
Version: 1.0.0
Category: Frontend Plugin
TYPO3 version: (6.0.0 - 8.9.99)

 

2. Installation:

The extension needs to be installed as any other extension of TYPO3 CMS:

 

2.1. Install Extension from EM:

  • Switch to the module “Extension Manager”
  • Get the extension
  • Get it from the Extension Manager: Press the “Retrieve/Update” button and search for the extension key ns_all_chat and import the extension from the repository.
  • Get it from typo3.org: You can always get current version from http://typo3.org/extensions/repository/view/ns_all_chat/current/ by downloading either the t3x or zip version. Upload the file afterward in the Extension Manager.

 

TYPO3_Allchats_Extension_NITSAN_Backend_Install_Extensions

 

2.2. Preparation: Include static TypoScript:

The extension ships some TypoScript code which needs to be included.

 

  • Switch to the root page of your site.
  • Switch to the Template module and select Info/Modify.
  • Click the link Edit the whole template record and switch to the tab Includes.
  • Select [NITSAN] NsAllChats (ns_all_chat) at the field Include static (from extensions):

 

TYPO3_Allchats_Extension_NITSAN_Backend_Include_Static_Template

 

3. Configuration

 

3.1. Choose & Setup account at one of your favourie chat tool:

 

Step 1: You should setup an account at one of your favourite chat tool eg., zopim.com, livechatinc.com, purechat.com, livezilla.net, clickdesk.com, tidiochat.com, visitlead.com, onwebchat.com, userlike.com, hipchat.com

Step 2: You will able to find section where you can add your site's URL.

Step 3: Once you configure your site at chat tool, Please copy a script code including (script) which will provide by your chat tool.

 

TYPO3_Allchats_Chatcode

 

3.2. Setup all the configuration of Live chat:

 

  • Switch to the root page of your site.
  • Switch to the Template module and select Constant Editor.
  • Select Category = PLUGIN.TX_NSALLCHAT_FRNSALLCHAT (3)
  • Paste your script code over here including (script) to integrate it in typo3.

 

TYPO3_Allchats_Extension_NITSAN_Backend_Settings_Configuration.png

 

4. Clear Cache:

Please, clear cache from top panel 'Flush frontend caches' & 'Flush general caches'. It will be also great to clear cache from Install tool too.

 

5. Support:

 

 

Feedback & Suggestions:

Just download & try the EXT:ns_all_chat extension. You can write down your feedback/suggestion/comments to below comment box. So, we will adapt it for next version of EXT:ns_all_chat.

 

Now, It's time go ahead with one of your favourite chat tool, Have a Happy Chat!

]]>
TYPO3 Community TYPO3 CMS iTUG Usergroup T3EXT DAY TYPO3 Extension
news-87 Wed, 21 Jun 2017 09:18:00 +0000 [T3EXT DAY] Plugin for www.ShareThis.com /blog/post/t3ext-day-plugin-for-www-sharethis-com/ One of the only TYPO3 extension is developed to integrate all the features of www.Sharethis.com which is one of the most popular third-party social media platform! What does it do?

One of the only TYPO3 extension is developed to integrate all the features of www.Sharethis.com which is one of the most popular third-party social media platform!

 

www.Sharethis.com is a free Social Media platform which provides professional and highly customizable ecosystem for social media sharing and optimizing of your valuable content. Take a look at their site at https://www.sharethis.com/

 

It will increases traffic & engagement by helping people share your posts and pages to any service. Services include Facebook, Twitter, Pinterest, Google, Gmail, LinkedIn & "over 100 more" sharing and social media sites & apps.

 

Frontend of your site with "Global" social shareing

 

TYPO3-EXTns_sharethis-Front_Global

 

Frontend of your site with social shaing "Inside Page"

 

TYPO3-EXTns_sharethis-Front_Insid_Page-final

 

"Buttons Layout"

 

TYPO3-EXTns_sharethis-logoes_Page

 

1. Overview:

Extension Key: ns_sharethis
Extension URL: https://extensions.typo3.org/extension/ns_sharethis/
Documentation: https://docs.typo3.org/typo3cms/extensions/ns_sharethis/
Support: https://github.com/nitsan-technologies/ns_sharethis/issues
Version: 1.0.0
Category: Frontend Plugin
TYPO3 version: (6.0.0 - 8.9.99)

 

2. Installation:

The extension needs to be installed as any other extension of TYPO3 CMS:

 

2.1. Install Extension from EM:

  • Switch to the module “Extension Manager”
  • Get the extension
  • Get it from the Extension Manager: Press the “Retrieve/Update” button and search for the extension key ns_sharethis and import the extension from the repository.
  • Get it from typo3.org: You can always get current version from http://typo3.org/extensions/repository/view/ns_sharethis/current/ by downloading either the t3x or zip version. Upload the file afterward in the Extension Manager.

 

TYPO3-EXTns_sharethis-Install_1

 

2.2. Preparation: Include static TypoScript:

The extension ships some TypoScript code which needs to be included.

 

  • Switch to the root page of your site.
  • Switch to the Template module and select Info/Modify.
  • Click the link Edit the whole template record and switch to the tab Includes.
  • Select [NITSAN] NsShareThis (ns_sharethis) at the field Include static (from extensions):

 

TYPO3-EXTns_sharethis-Install_2

 

3. Configuration

 

3.1. Quick & Easy "Global" configurataion of Sharethis.com :

 

  • Step 1: Switch to the module Admin tools Extensions and then edit configuration.
  • Step 2: Enable Global Interface into this settings Take a look at screenshots as follows.

 

TYPO3-EXTns_sharethis-Config_1-1

 

TYPO3-EXTns_sharethis-Config_1-2

 

3.2. Setup "Particular Page Only" configuration of Sharethis.com :

 

Step 1: Switch to the module Admin tools Extensions and then edit configuration and then Disable Global Interface from this "settings".

 

Step 2: Now add extension Above/Below page as per your requirement.

 

Step 3: Now select plugin Nitsan Social widget and configure it as per requirement, Checkout this screenshot

 

TYPO3-EXTns_sharethis-Config_2-1

 

 

TYPO3-EXTns_sharethis-Config_2-2

 

 

TYPO3-EXTns_sharethis-Config_2-3

 

4. Clear Cache:

Please, clear cache from top panel 'Flush frontend caches' & 'Flush general caches'. It will be also great to clear cache from Install tool too.

 

5. Support:

 

 

Feedback & Suggestions:

Just download & try the EXT:ns_sharethis extension. You can write down your feedback/suggestion/comments to below comment box. So, we will adapt it for next version of EXT:ns_sharethis.

 

Now, Grow your audience with our easy-to-install social media platform.

]]>
news-77 Fri, 21 Apr 2017 09:38:18 +0000 Insights of our beautiful and colorful celebrations on the 6th Anniversary of NITSAN /blog/post/insights-of-our-beautiful-and-colorful-celebrations-on-the-6th-anniversary-of-nitsan/ NITSAN Technologies, the Digital Builders solutions provider, which had been held as the grand celebration - 6th Anniversary of NITSAN, at the Hotel Avezika In here on Saturday, Feb 11th, 2017. This day took off on an exhilarating view with the dance shows, drama, singing and traditional performance by the company’s employees. NITSAN Technologies, the Digital Builders solutions provider, which had been held as the grand celebration - 6th Anniversary of NITSAN, at the Hotel Avezika In here on Saturday, Feb 11th, 2017. This day took off on an exhilarating view with the dance shows, drama, singing and traditional performance by the company’s employees.

NITSAN had its’ 6th Anniversary and Award ceremony. We are welcoming the new year and are excited to plan the year ahead.

We, the owners, Nitin Chauhan (Founder & CEO of NITSAN) and Sanjay Chauhan (Founder & CTO of NITSAN), are proudly celebrating our anniversary and also welcoming our new CMO of NITSAN Jasjeet Singh who joined us recently.

Opening Ceremony

We at NITSAN start our day with a morning prayer. So also the celebration we started with a Prayer where we invited also all the guests to sing along with us. Together we sang the national anthem of India called “Jana Gana Mana”. The Prayer serves as a great discipleship tool for everyone.

All NITSAN Team thanked the NITSAN Board Members during the cake cutting celebration and gifted them a frame which recollects the memories of the NITSAN family.

Presentation by CEO - Nitin Chauhan

Nitin Chauhan (Founder & CEO of NITSAN Technologies), shared some experiences and flashbacks of NITSAN. “The company was founded on Feb 1st, 2011 with just 13000 INR." The name NITSAN comes from the two founders names NITIN + SANJAY = NITSAN. We had a clear vision for the company and knew our goals and where we wanted to be one day. The past 6 years have been very successful. We were able to deliver at the highest quality at all times and had the skills and equipment to overcome the risks and issues when faced and are very much ecstatic about our future as the company to go miles ahead as digital builders.

2017 vision:

Our vision for Marketing & Branding:

  • NITSAN GmbH A German Company
  • Meet-up with European client
  • Potential Clients

Certification:

  • TYPO3 Certified Developer
  • ISO Certification

TYPO3 Contributions:

  • Attend TYPO3 Conference, Camp, T3DD & Meetups
  • TYPO3 Core Development, Marketing, Documentation, Sponsorship & iTUG

Company Culture - Office Environment (Our motto: Work Hard, Play Hard)

Please click the link to view our proud culture and see various events

 

NITSAN Department-Head Presentation

The presentation which was shown at the celebration showcased the leadership and expertise of the NITSAN senior management (Development, Design, Quality).

There are three departments: Design, Development and QA. The presentation shows how the three departments work cross-functionally to excel at each of the services the company provides.

Our programmers work more than the typical nine to five job to meet the required quality standards. Our programmers are the foundation and reason for our breakthrough success. They enable us to work and co-operate with clients abroad. The motto that our employees live by is well said by Donald Knuth - “If you love something you can put beauty into it”

Entertainment (Dance/Drama/Songs)

Our NITSAN employees are like family to us. They are talented not only in the work that they do but also in dance and performance. Before every large event, we have rehearsals 2 weeks before to ensure the success of the annual celebration.

Dance

The first performance was by two beautiful girls, with some Bollywood Thumkas that enliven the mood of the audience.

 

Drama

And the second, the most interesting part of the Annual function - The Drama, the Drama Play on demonetization in India by NITSAN members. Well, you are going to be having fun in this play, with the melodious act by Yamaraja, Chitragupt - with the modern look, Civilian - at the Yamaraja's Club, Two Villagers - in the bank queue, Hashtag Modern Girl, Housewife with her cool attitude, the Lady-Police - with her Dabangg look, Bank Manager, Reporter and the Cameramen, along with these performers which creates a scene, that people standing in a Bank queue and waiting for the money. To be continued in this video...

 

Dance

Afterward the heartfelt dance performance by the NITSAN Boys which made the hearts of the audience melt away.

 

Song

The ultimate performance is by NITSAN’s SRK and NITSAN’s nightingale.

Dayro

One of the NITSAN’s Team members captured the hearts of the audience by the Dayro. In modern times, this is the best way to recall the traditions and cultural heritage to aware people about the spirituality as well as to aware youth and the new generation about the history of Gujarat/India.

Award/Rewards/Gifts:

At the 6th Anniversary of NITSAN, we also gave awards to the best performances.

There were 4 rewards as below:

  • Shining Star Award (Best in Quality)
  • Rising Star Award (Quickest Delivery)
  • Team Leader Award (Best Manager)
  • Best Employee Award (Best Overall)

NITSAN-Technologies-6th-Anniversary-Blog-Award-Winners

Celebration/Party/Dinner:

The NITSAN family wants to thank all the honorable guests and hopes that the gifts were appreciated. It was a fun celebration at the Hotel Avezika In. There was amazing food, lots of pictures and a great DJ.

CTO of NITSAN, Sanjay Chauhan expressed his gratitude to all the team members and to all the valuable clients for an eminent support, trust and cooperation for making us one of India’s most reputable TYPO3 Agency.

The 6th Annual day ended up with the special thanks for all the participants and congratulations to the award winners.

]]>
news-76 Fri, 03 Mar 2017 12:08:02 +0000 [T3EXT DAY] All in One Lightbox/Modalbox /blog/post/t3ext-day-all-in-one-lightbox-modalbox-typo3-extension/ One of the only TYPO3 extension which provides to configure most popular jQuery plugins eg., lightbox2, fancybox2, colorbox, prettyphoto, darkbox, magnific-popup & more will be available in an upcoming version. What is "All In One"?

Exactly, What's All in one Lightbox/Modalbox? Well, We have developed one TYPO3 extension which allows install & configure multiple OpenSource jQuery Lightbox/Modalbox.

 

Why this TYPO3 extension developed?

In our routine life in TYPO3 project's development, Mostly each client wants different (effect & style) lightbox plugin to setup on their project. So, We have developed one extension which provides all together with a just setup of plug & play. And we thought, Let's just share it to TYPO3 community which may useful for their TYPO3 projects.

 

Which plugin are included?

It's one of the only TYPO3 extension which provides to configure most popular jQuery plugins eg., lightbox2, fancybox2, colorbox, prettyphoto, darkbox, magnific-popup & more will be available in an upcoming version.

 

1. Overview:

Extension Key: ns_all_lightbox
Extension URL: https://typo3.org/extensions/repository/view/ns_all_lightbox
Documentation: https://docs.typo3.org/typo3cms/extensions/ns_all_lightbox/
Support: https://forge.typo3.org/projects/extension-ns_all_lightbox/
Version: 1.0.0
Category Frontend Plugin
TYPO3 (7.0.0 - 8.9.9) fluid_styled_content

 

2. Live demo & Screenshots:

Checkout this online TYPO3 extension demo http://typo3-demo.nitsan.in/index.php?id=13

 

TYPO3_All_In_One_Lightbx_Modalbox_Extension_NITSAN_Frontend_Live_Demo_Preview

 

3. Installation:

The extension needs to be installed as any other extension of TYPO3 CMS:

 

3.1. Install Extension from EM:

  • Switch to the module “Extension Manager”
  • Get the extension
  • Get it from the Extension Manager: Press the “Retrieve/Update” button and search for the extension key ns_all_lightbox and import the extension from the repository.
  • Get it from typo3.org: You can always get current version from http://typo3.org/extensions/repository/view/ns_all_lightbox/current/ by downloading either the t3x or zip version. Upload the file afterward in the Extension Manager.

 

TYPO3_All_In_One_Lightbx_Modalbox_Extension_NITSAN_Backend_Install_Extensions

 

3.2. Preparation: Include static TypoScript:

The extension ships some TypoScript code which needs to be included.

 

  • Switch to the root page of your site.
  • Switch to the Template module and select Info/Modify.
  • Click the link Edit the whole template record and switch to the tab Includes.
  • Select Content Elements (fluid_styled_content) at the field Include static (from extensions):
  • Select [NITSAN] All In One Lightbox/Modalbox (ns_all_lightbox) at the field Include static (from extensions):
  • IMPORTANT: About ordering, Please include this at the end of others.

 

TYPO3_All_In_One_Lightbx_Modalbox_Extension_NITSAN_Backend_Include_Static_Template

 

4. Configuration

 

4.1. Options to choose particular lightbox/modalbox

  • Switch to the root page of your site.
  • Switch to the Template module and select Constant Editor.
  • Select Category = PLUGIN.TX_NSALLLIGHTBOX (1)
  • Now, You can choose particular jQuery lightbox/modalbox plugin from [plugin.tx_nsalllightbox.settings.type]. Checkout below screenshot.
  • Note: You may able to configure it to particular page using "Create extension template".

 

TYPO3_All_In_One_Lightbx_Modalbox_Extension_NITSAN_Backend_Select_Lightbox_Modalbox_Effect_Type

 

4.2. Behavior: Enlarge on Click [Checkbox]

  • You can 'only' setup "Text & Media" TYPO3 Elements. (Because we have setup everything with fluid_styled_content)
  • Go to Images tab & Click on "Enlarge on click" checkbox. Checkout below screenshot.

 

TYPO3_All_In_One_Lightbx_Modalbox_Extension_NITSAN_Backend_Select_Enlarge_on_Click

 

Clear Cache:

Please, clear cache from top panel 'Flush frontend caches' & 'Flush general caches'. It will be also great to clear cache from Install tool too.

 

5. Support:

 

 

Feedback & Suggestions:

Just download & try the EXT:ns_all_lightbox extension. You can write down your feedback/suggestion/comments to below comment box. Please feel free to use suggest any new lightbox/modalbox too, so we will adapt it for next version of EXT:ns_all_lightbox.

 

Happy with all lovely Lightbox/Modalbox :)

]]>
TYPO3 Community TYPO3 CMS iTUG Usergroup T3EXT DAY TYPO3 Extension TypoScript
news-74 Fri, 06 Jan 2017 13:06:59 +0000 The Unconventional Guide: Converting Your TYPO3 Site From HTTP to HTTPS/SSL /blog/post/the-unconventional-guide-converting-your-typo3-site-from-http-to-https-ssl/ Google Starts Giving A Ranking Boost To Secure HTTPS/SSL Sites, It's long be understood that the performance of a website is slow using HTTPS. That’s not true! For privacy reason, Encryption of the website is mandatory in Germany. Here, I would like to to provide Step-by-Step guide for converting your TYPO3 website from HTTP to HTTPS. It's long be understood that the performance of a website is slow using HTTPS. That’s not true! You can checkout this testing tool https://www.httpvshttps.com/ which shows HTTPS loads faster than HTTP. In addition to that, HTTPS is now more important for SEO ranks. For privacy reason, Encryption of the website is mandatory in Germany - See here. Here, I would like to describe - How a TYPO3 based website can easily setup the HTTPS protocol.

What is HTTPS?

HTTPS (HyperText Transfer Protocol Secure) is well-known HTTP+SSL, a client and a server communicate to each other, but with SSL Certificate, that encrypts and decrypts their requests and responses. That means all communications between your browser and the website are encrypted. HTTPS is often used to protect highly confidential online transactions like online banking and online shopping order forms.

Unfortunately, Only <0.1% website uses HTTPS at Entire Internet.

TYPO3-HTTPS-Very-Less-Usage-In-Internet

(source: https://trends.builtwith.com/ssl/SSL-by-Default)

 

TYPO3-What-is-HTTPS-SSL-HTTPS.png

 

What Google Said About HTTPS/SSL?

“HTTPS as a ranking signal.”

Google Starts Giving A Ranking Boost To Secure HTTPS/SSL Sites, Google's push for HTTPS adoption appears to be working.

TYPO3-HTTPS-SEO-Keywords-Ranking-Up

(source: https://www.quicksprout.com/2016/03/25/should-you-switch-your-site-to-https-heres-why-you-should-or-shouldnt/)

 

From January 2017, Google Chrome (version 56 and onwards) will begin marking HTTP sites that transmit passwords or request credit card details as “not secure.” The move comes as part of a longer term strategy to eventually label all non-HTTPS sites as insecure within Google’s browser, helping users to browse the web more safely.

TYPO3-HTTPS-Google-Report-Checklist

References:

 

HTTP VS HTTPS

TYPO3-HTTP-vs-HTTPS-Difference-between-HTTP-and-HTTPS

(source: https://www.instantssl.com/ssl-certificate-products/https.html)

 

What is a HTTPS certificate?

TYPO3-What-is-TYPO3-Certifications-HTTPS-Bars-with-Browsers

(source: https://www.instantssl.com/ssl-certificate-products/https.html)

 

How HTTPS Works?

TYPO3-How-does-HTTPS-Works-SSL-Explained

(source: http://www.privatesslcertificate.com/how-ssl-works-tutorial-with-https-example/)

 

Advantages of HTTPS:

1. Security: The 'S' at the end of HTTPS stands for 'Secure.'

2. Identity Verification: Visitors can verify you are a registered business and that you own the domain.

3. Data Integrity: Customer information, like credit card numbers, is encrypted and cannot be intercepted.

4. SEO: More referrer data, HTTPS as a rankings Boost.

5. Trust: Customers are more likely to trust and complete purchases from sites that use HTTPS.

 

Step-by-Step guide for integration of HTTPS at your TYPO3 website.

 

1. Get a security certificate and install on the server:

HTTPS, in particular, is a well-established technology now and with initiatives like Let's Encrypt (https://letsencrypt.org/) it's never been easier or cheaper to get a HTTPS certificate for your website.

There are three different types of certificates you can get:

TYPO3-Type-of-HTTPS-Certifications

(source: https://moz.com/blog/seo-tips-https-ssl)

1.1. Domain validation: the cheapest and most basic; it only covers encryption (from the three things we went over earlier).

1.2. Organization Validation: the middle choice regarding price, which also includes authentication. If you’re collecting personal information, you probably want at least this option.

1.3. Extended validation: the top of the line option, which provides the best security you can get with HTTPS. It's This is for big e-commerce sites and sites that collect critical private information.

Here’s a nice little summary:

TYPO3-Available-HTTPS-Types-Choices-Domain-Hosting-Providers

(source: https://www.quicksprout.com/2016/03/25/should-you-switch-your-site-to-https-heres-why-you-should-or-shouldnt/)

 

2. Enable & Configure HTTPS at TYPO3 Frontend Website:

2.1. Use HTTPS Protocol at Page:

At TYPO3 backend, Page Properties > Behaviour > Use Protocol > Select “https://”

TYPO3-Backend-HTTPS-Protocol-Page-Setting

2.2. Configure TypoScript:

For TYPO3 version >= 6.x

With the configuration of TYPO3’s config.absRefPrefix property, It will automatically convert all the URLs (like menus, links) to HTTPS. Let's just deactivate config.baseURL for new TYPO3 versions 6.2.x, 7.6.x, 8.x.

 


# TypoScript setup: Set absRefPrefix & Disable baseURL
config.absRefPrefix = auto
config.baseURL >

 

For TYPO3 version < 6.x

With the configuration of TYPO3’s config.baseURL property, It will automatically convert all the URLs (like menus, links) to HTTPS. You can setup below smart TypoScript which will check, If HTTPS is on your website then it will automatically generate HTTPS URLs.

 


# TypoScript constants: Define constantan for baseURL & Absolute URI prefix
domain {
	#cat = site_default/website/domain/01; type=string; label=Domain name for Base URL: (excluding slashes and protocol like http://)
	baseURL = 

	#cat = site_default/website/domain/02; type=string; label=Absolute URI prefix:
	absRefPrefix = 
}

# TypoScript setup: Set baseURL setting for http or https
config.baseURL = http://{$site_default.website.domain.baseURL}/

[globalString = _SERVER|HTTPS=on]
	config.baseURL = https://{$site_default.website.domain.baseURL}/
[global]

 

2.3. HTTPS set as Default Protocol.

Edit the root page of website > Resources > Page TSConfig: Setup below TypoScript code.

 


TCAdefaults.pages.url_scheme = 2

 

TYPO3-HTTPS-Settings-TSConfig-TypoScript

2.4. Apply HTTPS to all existing pages:

You might have hundreds of already created pages, so It will be difficult to manually assign HTTPS to all the pages by edit each page’s properties. You could just only allow SQL code at phpMyAdmin.

 


# SQL Query Statement
UPDATE pages SET url_scheme = 2

 

Note: This SQL statement you put all the pages of the TYPO3 system at https. If you have multiple sites with a back care (MultiSite), but not all at https to run, do not run this command!

2.5. Additional Domains:

Make sure all the other domains (including those without ‘www’) should point to HTTPS.

2.6. All the request should be HTTPS:

Checkout HTML source code of whole page & search for http:// There will be lots tag eg., link, img, script tags etc., which should call their URL using http://, You’ll be required to make those changes at their calling code like TypoScript, Fluid templates, TYPO3 extension etc.,

2.7. Force redirects to HTTPS:

2.7.1. With Webserver/Vhost Config:

Best practice to forcefully redirects from HTTP to HTTPS via the webserver/vhost configuration. Nowadays it's the best practice to enable tls > ssl >https for the whole vhost/domain

2.7.2 With .Htaccess

Fortunately, there is real quick & tricky technique to forcefully redirects all HTTP to HTTPS through .Htaccess. It will also be help for old URLs to set 301 redirects for SEO.

 


# .Htaccess Code
# 1. Frontend Site: Redirect to HTTPS
RewriteCond %{HTTPS} on
RewriteCond %{REQUEST_URI} !^/?typo3
RewriteRule (.*) http://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]
 
# 2. TYPO3 Backend: Redirect to HTTPS
RewriteCond %{HTTPS} off
RewriteCond %{REQUEST_URI} ^/?typo3
RewriteRule (.*) https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]

 

2.8. Useful TYPO3 Extensions for HTTPS:

There are also some TYPO3 extensions available while help you to manage HTTPS as below:

2.9. Running TYPO3 CMS behind HTTPS proxy:

You can configure it from TYPO3 Install tool with below settings:

 


# TYPO3 Install Tool Configurations
$GLOBALS['TYPO3_CONF_VARS']['SYS']['reverseProxyIP'] = 'THE IP OF YOUR PROXY SERVER';
$GLOBALS['TYPO3_CONF_VARS']['SYS']['reverseProxyHeaderMultiValue'] = 'last';
$GLOBALS['TYPO3_CONF_VARS']['SYS']['reverseProxySSL'] = '*';

 

Read more details at https://moc.net/om-moc/aktuelt/blogs/tech/running-typo3-cms-behind-https-proxy

 

3. Configure HTTPS at TYPO3 Backend:

Of course, TYPO3 Backend should be run with https:// Fortunately, You can easily configure it from Install tool with following settings.

 


# TYPO3 Install Tool Configuration
$GLOBALS['TYPO3_CONF_VARS']['BE']['lockSSL'] = ‘2’;

 

TYPO3-Install-Tool-Settings-for-HTTPS-LockSSL

 

HTTPS Checklist for SEO Matters:

After migration from HTTP to HTTPS at development, It would be good to take care about below SEO consideration points.

1. Don’t missed to configure HTTPS at your CDN (Content Delivery Network)

2. Update links/references/ in Content

3. Update links/references/ in templates

4. Update images and other links

5. Update canonical tags

6. Update hreflang tags

7. Update any plugins/modules

8. Force HTTPS with redirects

9. Update old redirects currently in place

10. Update your robots.txt file

11. Add your site again in WMT (Google Webmaster Tool)

TYPO3-How-To-Add-Site-Google-Webmaster-for-HTTPS

12. Update sitemaps

TYPO3-HTTPS-Google-Webmaster-Add-Sitemap

13. Do some quick testing to make sure everything went well, eg., www.ssllabs.com/ssltest/

14. Monitor everything during the migration

 

Common problems during HTTPS/SSL migrations

During the migration from HTTP to HTTPS, there might be few things wrong as below:

1. Preventing Google from crawling the HTTP version of the site, or stopping site crawls in general (usually, happens because of failure to update the test server to allow bots);

2. Content duplication issues, with both HTTPS and HTTP versions of the pages showing; and different versions of the page showing on HTTP and HTTPS.

3. Most of the common problems with HTTPS migrations are the result of improperly implemented redirects. (I’ve also had fun times cleaning up websites that changed their entire structure/design while making the switch to HTTPS.)

 

Closing thoughts on HTTPS

Simply put, HTTPS is not going away. HTTP/2, Google AMP and Google’s QUIC protocol (which is likely to be standardized soon) all require secure connections for browsers to use them. The fact remains that HTTPS is being pushed hard by the powers that be, and it’s time to make the switch.

HTTP1-vs-HTTP2-Comparison-with-TYPO3-Sites

(source: https://blog.cloudflare.com/introducing-http2/)

TYPO3-HTTP1-vs-HTTP2

(source: https://www.keycdn.com/blog/http2-statistics/)

Most of the problems that I see are from poor planning, poor implementation or poor tracking. If you follow the steps I outlined, you should have little to no trouble when migrating from HTTP to HTTPS.

Have a good security with great TYPO3 CMS!

If you have any suggestions or questions, Please feel free to ask using below comment section.

]]>
TYPO3 CMS TYPO3 Security TYPO3 Extension TYPO3 Template TypoScript
news-71 Fri, 25 Nov 2016 10:52:08 +0000 NITSAN is expanding to Europe /blog/post/nitsan-is-expanding-to-europe/ The Indian TYPO3 Professional Service Agency gets itself a new address in Europe after its collaboration with Austrian company, Amazingh. The Much-awaited “Amazingh" Merger with "NITSAN". The Indian TYPO3 Professional Service Agency gets itself a new address in Europe after its collaboration with Austrian company, Amazingh.

About NITSAN

Established in 2012, in a small town of Gujarat-Bhavnagar, NITSAN Technologies is now taking bigger strides – and with bigger dreams. The brain child of Nitin Chauhan and Sanjay Chauhan, the co-founders of NITSAN, the Company creates digital solutions for all industry verticals. Boasting of a skilled team of 30+ experienced members, its vision is to provide 100 percent customer satisfaction through high-quality, innovative solutions. The mission of NITSAN Technologies is to provide customized and technology-backed CMS and TYPO3 solutions to all clients. At NITSAN, all members are committed to constant improvement in their skills and service standards and use the latest tools and technology in production.

Services Rendered by NITSAN Technologies

Over the years, NITSAN has delivered the best solutions for TYPO3 CMS, Magento, Wordpress, and PHP with its open source technology, ecommerce software integration, and front end development processes. Along with performing its CSR functions with true dedication, NITSAN is committed to becoming the digital builders of tomorrow. 

The Much-awaited “Amazingh" Merger with "NITSAN"

The long nurtured dream of NITSAN - to have a presence in Europe - is now a reality.  Jasjeet Singh, founder of Amazingh, a reputed digital agency based in Vienna, Austria has collaborated with NITSAN Technologies to help it notch higher levels of success. In the journey of carving a niche position for itself, NITSAN required the abilities of someone like Jasjeet who had the potential of leveraging its growth exponentially. Jasjeet has managed to bring in the discipline, work ethics and performance qualities of European companies into the organization. He is the right person to optimize the working standards and workflows of NITSAN and sync them with the requirements of European clients. With Jasjeet’s immense knowledge of European markets and work methods, we at NITSAN, look forward to attaining many new milestones together. 

Meet Jasjeet Singh

NITSAN-EUROPE-Collaboration-TYPO3

Of Indian origin, but a resident of Austria since 1991, Jasjeet is fluent in German, English and Hindi. An avid Bollywood fan, he had initiated his career with a TYPO3 Agency in Vienna, Austria. At this agency, as a junior developer for front end development and TYPO3 CMS integration, he proved his mettle with several TYPO3 projects. Soon, he floated Amazingh wherein he started managing projects with the highest levels of proficiency and professionalism – right from the start to finish. Jasjeet has brought with him his relentless enthusiasm and visionary ideas about new technology to NITSAN. As the current CMO of NITSAN, he is responsible for getting in new businesses, enhancing the organization’s brand value, and developing smart online marketing strategies.

A cool Austrian guy with a desi twist, Jasjeet spices up his “Schnitzel” with garam masala. Hardworking, enthusiastic, creative, and focused to the core, he is a “one-man army!” He nurtures clear and crisp views about service provisions in the IT industry, and that is why, he is now an important member of the NITSAN family. After collaborating with Jasjeet, NITSAN is geared to break all cultural barriers and bring in long term, lucrative results with smart inbound marketing strategies.

Results of Collaboration & Jasjeet’s Entry into NITSAN

  • As a result of this merger, it will now become easy for NITSAN to cater to its ever-expanding list of European clientele through an overseas branch.
  • With a better understanding of clients’ perspectives, local language expertise and direct client connections, Jasjeet, the newly-appointed CMO of NITSAN, promises to achieve NITSAN’s goal of becoming the most reliable and advanced IT agency in India and Europe.
  • Jasjeet’s effective branding strategies and easy accessibility to potential European clients will pave the way for direct client connections and more business opportunities.
  • It was very important for us to have a presence in the main client zone. Because of this collaboration, one-to-one meetings with European clients will bring out better and new methods of getting NITSAN’s point across for mutual benefits. 

Achievements and Accolades

NITSAN is fast moving from one success milestone to the next – truly, sky is the limit! Its many distinctions include:

NITSAN-TYPO3-Association-Member-Certified-Professional-Listing NITSAN-TYPO3-Certified-Integrator iTUG - India TYPO3 User Group

Beginning of a New End

With one of our biggest goals being achieved as a result of this very fruitful collaboration, we are now setting our new goals of becoming the most trusted IT agency in India. With Jasjeet’s help, and by getting our due recognition in international markets as a result of this merger, you will see us emerging as the best TYPO3 agency in India as well. It’s well said, “Work hard in silence, let success do the noise” – we at NITSAN are doing just that!

Welcome again, Jasjeet Singh. We are looking to a bright future, together, with you!


Austria Office

NITSAN-Europe-TYPO3-Agency-Vienna-Office

NITSAN Technologies
Mooslackengasse 17,
1190 Vienna,
Austria.
P: +43 1 253 016 2038
M: +43 664 2179012


Happy Moments

]]>
TYPO3 Community Social TYPO3 CMS
news-84 Wed, 19 Oct 2016 04:12:00 +0000 [T3EXT DAY] StatCounter – Free Real Time Visitor Stat /blog/post/t3ext-day-nitsan-statcounter-typo3-extension/ StatCounter is a free web traffic analysis service, which provides summary stats on all your traffic and a detailed analysis of your last 500 page views. This limit can be increased by subscribing to their paid service. The StatCounter TYPO3 Extension brings you all the powerful StatCounter features to your TYPO3 site. http://statcounter.com/features/ Why this TYPO3 extension developed?

StatCounter.com is a free web traffic analysis service, which provides summary stats on all your traffic and a detailed analysis of your last 500 page views. This limit can be increased by subscribing to their paid service.

 

The StatCounter TYPO3 Extension brings you all the powerful StatCounter features to your TYPO3 site. statcounter.com/features/

 

TYPO3_StatsCounter_Backend_1

 

TYPO3_StatsCounter_Backend_2

 

1. Overview:

Extension Key: ns_statcounter
Extension URL: https://extensions.typo3.org/extension/ns_statcounter/
Documentation: https://docs.typo3.org/typo3cms/extensions/ns_statcounter/
Support: https://github.com/nitsan-technologies/ns_statcounter/issues
Version: 1.0.1
Category: Frontend Plugin
TYPO3 version: (6.0.0 - 8.9.99)

 

2. Installation:

The extension needs to be installed as any other extension of TYPO3 CMS:

 

2.1. Install Extension from EM:

  • Switch to the module “Extension Manager”
  • Get the extension
  • Get it from the Extension Manager: Press the “Retrieve/Update” button and search for the extension key ns_statcounter and import the extension from the repository.
  • Get it from typo3.org: You can always get current version from http://typo3.org/extensions/repository/view/ns_statcounter/current/ by downloading either the t3x or zip version. Upload the file afterward in the Extension Manager.

 

TYPO3_StatsCounter_Extension_NITSAN_Backend_Install_Extensions

 

2.2. Preparation: Include static TypoScript:

The extension ships some TypoScript code which needs to be included.

 

  • Switch to the root page of your site.
  • Switch to the Template module and select Info/Modify.
  • Click the link Edit the whole template record and switch to the tab Includes.
  • Select [NITSAN] ns_statcounter (ns_statcounter) at the field Include static (from extensions):

 

TYPO3_StatsCounter_Extension_NITSAN_Backend_Include_Static_Template

 

3. Configuration

 

3.1. To activate the StatCounter service for your TYPO3 site:

 

Step 1: Sign Up with StatCounter statcounter.com/sign-up/

Step 2: Add Your Project URL statcounter.com/add-project/

Step 3: Use "Default Installation Instructions" to get all to get Project Id and Security Key.

 

TYPO3_www_StatsCounter_com_Add_Project

 

3.2. Setup all the configuration of www.StatCounter.com

 

  • Switch to the root page of your site.
  • Switch to the Template module and select Constant Editor.
  • Select Category = PLUGIN.TX_NSSTATUSCOUNTER (4)
  • Please setup all the fields from www.StatCounter.com, Checkout following screenshot.

 

TYPO3_StatsCounter_Extension_NITSAN_Backend_Settings_Configuration.png

 

4. Clear Cache:

Please, clear cache from top panel 'Flush frontend caches' & 'Flush general caches'. It will be also great to clear cache from Install tool too.

 

5. Support:

 

 

Feedback & Suggestions:

Just download & try the EXT:ns_statcounter extension. You can write down your feedback/suggestion/comments to below comment box. So, we will adapt it for next version of EXT:ns_statcounter.

 

Have happy time with StatCounter!

]]>
TYPO3 Community TYPO3 CMS iTUG Usergroup T3EXT DAY TYPO3 Extension
news-86 Mon, 17 Oct 2016 06:16:00 +0000 [T3EXT DAY] Twitter plugin to display all your Tweets /blog/post/t3ext-day-twitter-plugin-to-display-all-your-tweets/ Twitter for Websites is a suite of tools bringing Twitter content and functionality to your website page with Like, Retweet and Reply etc., functionality to your tweets directly from your TYPO3 website. Why this TYPO3 extension developed?

Twitter for Websites is a suite of tools bringing Twitter content and functionality to your website page with Like, Retweet and Reply etc., functionality to your tweets directly from your TYPO3 website.

 

[NITSAN] Twitter TYPO3 Extension brings your all twitter timeline tweets to your TYPO3 site so your tweets will not be rate limited at Twitter!

 

Your Tweets will look like this at frontend:

 

TYPO3_NsTwitter_Extension_NITSAN_Frontend

 

1. Overview:

Extension Key: ns_twitter
Extension URL: https://extensions.typo3.org/extension/ns_twitter/
Documentation: https://docs.typo3.org/typo3cms/extensions/ns_twitter/
Support: https://github.com/nitsan-technologies/ns_twitter/issues
Version: 1.0.0
Category: Frontend Plugin
TYPO3 version: (6.0.0 - 8.9.99)

 

2. Installation:

The extension needs to be installed as any other extension of TYPO3 CMS:

 

2.1. Install Extension from EM:

  • Switch to the module “Extension Manager”
  • Get the extension
  • Get it from the Extension Manager: Press the “Retrieve/Update” button and search for the extension key ns_twitter and import the extension from the repository.
  • Get it from typo3.org: You can always get current version from http://typo3.org/extensions/repository/view/ns_twitter/current/ by downloading either the t3x or zip version. Upload the file afterward in the Extension Manager.

 

TYPO3_NsTwitter_Extension_NITSAN_Install_Step1

 

2.2. Preparation: Include static TypoScript:

The extension ships some TypoScript code which needs to be included.

 

  • Switch to the root page of your site.
  • Switch to the Template module and select Info/Modify.
  • Click the link Edit the whole template record and switch to the tab Includes.
  • Select [NITSAN] NsTwitter (ns_twitter) at the field Include static (from extensions):

 

TYPO3_NsTwitter_Extension_NITSAN_Install_Step2

 

3. Configuration

 

3.1. To activate the Twitter service for your TYPO3 site :

 

  • Step 1: Sign Up with your twitter account details over here https://apps.twitter.com/
  • Step 2: After Sign Up to your account Create New App
  • Step 3: Click to Create Your Twitter application
  • Step 4: Now you will get keys from this tab Keys and Access Tokens, Just note it down to setup at our TYPO3 extension.

 

TYPO3_NsTwitter_Extension_NITSAN_Configuration_Step1

 

3.2. Quick & Easy Configuration in this TYPO3 extension :

 

Step 1: Switch to the module Admin tools Extensions and then edit configuration

 

TYPO3_NsTwitter_Extension_NITSAN_Configuration_Step2

 

Step 2: Paste your required keys into this settings

 

TYPO3_NsTwitter_Extension_NITSAN_Configuration_Step3

 

Step 3: Add Plugin to your page where you want to show your tweets.

 

TYPO3_NsTwitter_Extension_NITSAN_Configuration_Step4

 

Step 4: Configure it as per your requirements.

 

TYPO3_NsTwitter_Extension_NITSAN_Configuration_Step5

 

 

4. Clear Cache:

Please, clear cache from top panel 'Flush frontend caches' & 'Flush general caches'. It will be also great to clear cache from Install tool too.

 

5. Support:

 

 

Feedback & Suggestions:

Just download & try the EXT:ns_twitter extension. You can write down your feedback/suggestion/comments to below comment box. So, we will adapt it for next version of EXT:ns_twitter.

 

Now, It's time to display all your awesome tweets at your great TYPO3 site.

]]>
TYPO3 Community TYPO3 CMS iTUG Usergroup T3EXT DAY TYPO3 Extension
news-70 Sat, 27 Aug 2016 08:13:58 +0000 [iTUG] TYPO3 is now available with HINDI too! /blog/post/itug-typo3-is-now-available-with-hindi-too/ We have great News! The team iTUG (India TYPO3 UserGroup) is excited to announce: TYPO3 is also available in Hindi. Please join us at www.iTUG.in to contribute more to world’s most powerful CMS since 1997. We have great News! The team iTUG (India TYPO3 UserGroup) is excited to announce: TYPO3 is also available in Hindi.

About Hindi Language

Namaste!
Hindi is an official language of the Union of India.
Hindi is the fourth-most natively spoken language in the world, after Mandarin, Spanish and English.

History

At 16th April 2016, We had a webinar on T3BD (TYPO3 Contribution Bootup Day) which was arranged by Mathias Schreiber - The TYPO3 Product Owner & CEO of TYPO3 Inc. We had discussed many thing like TYPO3 Community, Internalization, Motivation to iTUG etc. Suddenly he just said ‘Hey! You guys should do the TYPO3 Translation for your native language - Hindi’, We just accepted such great opportunity by saying ‘Yes, we’ll do it’.

Special thanks to Mathias for the idea of TYPO3 Hindi & to always motivating us!



And... the journey had started at iTUG - Week 18, We have started TYPO3 Hindi translation on May 7th 2016 - http://www.nitsan.in/blog/post/itug-india-typo3-user-group-week-18/



 

Thanks to TYPO3 translation Team

We would like to thank the TYPO3 Translation Team. Special thanks to Xavier Perseguers who has given us administrator rights on the Hindi translation server at https://translation.typo3.org/hi/ & also he was supporting us throughout the process.
 

At TYPO3 Translation Server

TYPO3 Translation server is running with one of the best translation tools called “Pootl” - http://pootle.translatehouse.org/ In the first phase, our main focus was to translate all the TYPO3 Backend Modules.

1. TYPO3 Core CMS:

Projects related to TYPO3 CMS itself are prefixed with TYPO3.core.

2. Extensions from TER:

Projects related to 3rd-party extensions are prefixed with TYPO3.ext.


We have almost completed backend T3 modules like TYPO3.core.cms, TYPO3.core.about, TYPO3.core.install, TYPO3.core. Etc., Our next aim is to do the translation of the most popular TYPO3 Extensions like TYPO3.ext.news, TYPO3.ext.powermail etc.,


 

In Numbers

  • 120+ Hours, We have completed TYPO3 Hindi translation of Backend Modules.
  • 150+ Samosas
  • 4+ Continuously Involved TYPO3-Hindi People
  • 7+ Usergroup Meetings
  • 2+ Hindi Language Testers

 

Join Us

We are getting continuous support from the community concerning technical & non-technical matters. For this project we have also received support from Indian/Asian TYPO3 activists. Please join us at www.iTUG.in to contribute more to world’s most powerful CMS since 1997.

TYPO3 Backend in Hindi Language

Manage Page Properties:

Add New Content:

 

Quick Links


Happy TYPO3 Hindi!

]]>
TYPO3 Community TYPO3 CMS T3BD DAY iTUG Usergroup TYPO3 Translation
news-61 Fri, 22 Jul 2016 10:32:00 +0000 Best Practice for TYPO3 Template Integration /blog/post/best-practice-for-typo3-template-integration/ This article will help you to choose best TYPO3 template integration approach. The different ways of ‘TYPO3 template integration’ are an interesting topic for TYPO3 integrators from beginners to professionals who are always enthusiasts to adapt new ways/techniques. The different ways of ‘TYPO3 template integration’ are an interesting topic for TYPO3 integrators from beginners to professionals who are always enthusiasts to adapt new ways/techniques. Generally, TYPO3 integrators are working with their fixed TYPO3 dummy package which sometime bit outdated methods. This article will help you to choose best TYPO3 template integration approach to get following advantages:

  1. Compatibility with future Versions of TYPO3
  2. A flexible solution that covers the modern frontend development requirements
  3. Quick implementation to safe your very precious time for more important topics
  4. Easy maintenance (especially if you are maintaining couple of TYPO3 instances)

Different TYPO3 templating method:

TYPO3 is one of the most powerful enterprise level Content Management Systems and it is very easy to integrate your own tailored made HTML Template. There are different approaches available and even you can develop your own custom framework or TYPO3 Template dummy which can be reused for all your projects.

The Survey at T3POLL DAY:

The ‘T3POLL DAY’ is a special day which has been arranged by iTUG (India TYPO3 User Group). On this day we create polls on different social media channels to get to know the opinion of the TYPO3 community about ongoing hot topics concerning the TYPO3 CMS. In May 2016 we asked the TYPO3 community which TYPO3 template integration method they like best and use for their projects. The participation was on a very high rate. Thanks for all your great comments and responses! Please find below the summary.

The Nominees for TYPO3 templating method:

We have defined a number of the well known TYPO3 templating methods, so the TYPO3 Integrators from beginners to experts can vote for. Here is the list:

  • Fluid + EXT:Gridelements + EXT:DCE
  • Fluid + Gridelements (w/o DCE etc)
  • Pure Extbase/Fluid
  • FluidTYPO3.org (Fluid/Flux/VHS etc.,)
  • Fluid +EXT:mask
  • TYPO3-Themes.org
  • EXT:bootstrap_package
  • bsdist.ch
  • EXT:automaketemplate (still?)
  • EXT:TemplaVoila (still?)
  • Traditional Templating (still?)

The Top 3 templating methods for TYPO3 CMS:

1st - Pure Extbase/Fluid Extbase/Fluid is modern templating method which was introduced at TYPO3 4.3 at November 2009 in TYPO3 Core. The whole template can be developed within available core TYPO3 like Fluid templates, TypoScript, Extbase code etc.

2nd runner up - Fluid + EXT:Gridelements + EXT:DCE The combination of Fluid template & other extensions. EXT:Gridelements: It’s one of the famous TYPO3 extension which provides Grids/Columns. EXT:DCE: Dynamic Content Element This extension is very useful to develop flexible content element.

3rd runner up - FluidTYPO3.org (Fluid/Flux/VHS etc.,) It’s one another widely used method with combination of multiple extensions like EXT:flux, EXT:vhs, EXT:fluidpages, EXT:fluidcontent. It provides very quick implementation of Backend layout & frontend output with XML & Fluid template.

Fuid Or flax OR VHS..

Reference: www.facebook.com/groups/typo3/permalink/1194001313981188/

What about other methods?

There are many startup packages (TYPO3 Dummys) to develop TYPO3 site in different ways like typo3-themes.org, bootstrap_package, bsdist.ch which are powerful but not popular yet.

The old-school approaches like TemplaVoila, Automaketemplate, Traditional markers templating are not being used more either their old approach or the incompatibility with the latest TYPO3 version like 7.6.x LTS.

Conclusion:

TYPO3 developers mostly believe in using the available core Extbase/Fluid templating method. Because there are few problems with ready-made TYPO3 extension like compatibility issues on future releases of the TYPO3 CMS, or the extension support can be stopped at any moment, content data should be relying on TYPO3 core instead of any third party extensions etc. Checkout the following comments on this topic by Jigal - One of the most active TYPO3 contributor on Facebook TYPO3 Public group.

On the other hand, the authors & contributors of TYPO3 extensions eg. DCE, Gridelements, FluidTYPO3.org, Mask, Gridelements, TYPO3-Themes.org & many others are continuesly giving their great support to TYPO3 Community. Nowdays, those extensions are widely used because of simple, flexible & faster development. TYPO3 integrators try to implement different combinations using backend layout, fluid template, other extensions for FCE. Personally, I would like to thank to all of them for their such good contribution to TYPO3.

Which one is your favorite TYPO3 templating approach? You can provide us your feedback/suggestions/questions at below comment section.

]]>
TYPO3 Community TYPO3 CMS T3POLL DAY TYPO3 Extension TYPO3 Template TypoScript
news-60 Fri, 08 Jul 2016 11:01:00 +0000 [iTUG: Week-27] Step by step guide to TYPO3 Composer /blog/post/itug-week-27-step-by-step-guide-to-typo3-composer/ In our next TYPO3 Usergroup Meeting at iTUG (India TYPO3 User Group) we will present a demo about how to use the TYPO3 composer repository. TYPO3 is able to run in composer mode. It’s fast, it's good for deployment and has a web folder. This post explains what it takes to get your composer up and running. In our next TYPO3 Usergroup Meeting at iTUG (India TYPO3 User Group) we will present a demo about how to use the TYPO3 composer repository. TYPO3 is able to run in composer mode. It’s fast,  it's good for deployment and has a web folder. This post explains what it takes to get your composer up and running.

Manually download-install-update TYPO3 core & extensions

Are you still working the old-school way to setup TYPO3 & extensions? Suppose you want to start any new TYPO3 project then how do you that? Go to typo3.org & download latest package (of TYPO3 core & extensions), Unzip the package, Copy/Paste folder to your server directory, install, run, configure, setup, & so on.. Yuck, too time consuming  and inefficient for just setting up TYPO3. And then also ask you self about the following points.

  • What about version dependencies of TYPO3 core & extensions?
  • What if you want to install lot of TYPO3 Extensions? Then again you’ll be continuously checking the dependencies, downloading, installing, configuring & so on..
  • How to upgrade/updates TYPO3 core & many TYPO3 extensions - Again long journey of checking dependencies, downloading, installing/updating etc etc etc….the list is long!!

There is a way to overcome this bad workflow. Let us introduce to you: The Composer. All you have to do is applying few commands to terminal & configuring one file - Composer will take care of the rest.

Do you know the Composer Repository?

Composer - The dependency manager for PHP. Have you ever heard about https://getcomposer.org/? Composer is a tool for dependency management in PHP. It allows you to declare the libraries your project depends on and it will manage (install/update) them for you.

System Requirements:

  1. OS: Linux/Unix/OSX/Windows
  2. Version: PHP 5.3.2 +
  3. PHP settings: A few sensitive php settings and compiling flags are also required
  4. Versioning System: git, svn, fossil or hg depending on how the package is version-controlled.

How to setup Composer?

Let’s install & configure Composer with below steps:
Step 1: Install composer
Download & install composer by following the instructions on https://getcomposer.org/download/
Step 2: Define composer.json
Create a composer.json defining your dependencies. Note that this example is just a short version for applications that are not meant to be published as packages themselves. To create libraries/packages please read the documentation.

{     "require": {         "monolog/monolog": ">=1.0.0"     } }

Step 3: Run
Run Composer Command: php composer.phar install
Step 4: Browse
Browse for more packages on Packagist.
Checkout more details like Global installation of Composer, Updating composer & more at getcomposer.org/doc/00-intro.md

 

What is TYPO3 CMS Composer Repository?

https://getcomposer.org is a composer repository, enabling you to install TYPO3 CMS core and extensions including dependencies via Composer. Search for available TYPO3 Extensions Packages at https://composer.typo3.org/satis.html

How to use TYPO3 CMS Composer for TYPO3 Core & Extensions?

Let us show you a quick way to use Composer, the TYPO3 Core - Base Distribution can be downloaded by following these steps:

Step 1: Download the TYPO3 CMS Base Distribution

the latest "stable" release (7.6)
Command: composer create-project typo3/cms-base-distribution CmsBaseDistribution

the "dev" branch (8.1)
Command: composer create-project typo3/cms-base-distribution CmsBaseDistribution dev-master

the "dev" 7.6 branch
Command: composer create-project typo3/cms-base-distribution CmsBaseDistribution 7.6.x-dev

Step 2: Add additional TYPO3 packages/extensions

Now, let’s add TYPO3 extensions too through composer. The commands must run inside the CmsBaseDistribution directory.

# Add a CMS extension into typo3conf/ext.
composer require typo3-ter/news
-> if asked for a version constraint, answer with *.

# Add a package from outside the CMS world into Packages/Libraries
# Notice: Packages/Libraries/autoload.php will need to be included in your code.
composer require monolog/monolog
# Personalize your composer.json file to your needs.
edit composer.json

Using composer to install TYPO3 CMS is fairly simple, you just need to include the custom composer repository into your composer.json. After you have done this, you can require the Core and / or extensions with the usual composer versioning format. In the example below, this will always get you the current 7.6.x core of TYPO3 CMS, the current version of news (including possible dependency!).

Note: Pay attention to replacing the underscores "_" with a dash "-" in the extension key. For example, the extension "tt_products" will be written as "tt-products" in the composer.json.

{     "repositories": [         {             "type": "composer",             "url": "https://composer.typo3.org/"         }     ],     "require": {         "typo3/cms": "^7.6.9",         "typo3-ter/news": "^3.2.5"     },     "extra": {         "typo3/cms": {             "cms-package-dir": "{$vendor-dir}/typo3/cms",             "web-dir": "web"         }     } }

Do you have your own custom made TYPO3 extension? It is encouraged to add your own composer.json file in your extension to be on the safe side, as TYPO3 CMS will rely more and more on Composer to handle dependencies. The file must be placed at the root of your extension and must look like the following:

{     "name": "vendor-name/my-ext-key",     "type": "typo3-cms-extension",     "description": "Write down your description of extension",     "homepage": "https://yoursite.com",     "license": ["GPL-2.0+"],     "keywords": ["TYPO3 CMS", "keyword1 keyword2"],     "support": {         "issues": "https://forge.typo3.org/projects/extension-my_ext_key"     },     "require": {         "typo3/cms-core": "^6.2.14 || ^7.6.0"     },     "autoload": {         "psr-4": {             "VendorName\\MyExtKey\\": "Classes/"         }     },     "replace": {         "my_ext_key": "self.version",         "typo3-ter/my-ext-key": "self.version"     } }

The vendor-name must be one of yours. It must not be "typo3" which is reserved for Core extensions. There are some conventions notes available in the TYPO3 Wiki related to namespaces.

Sample composer.json

{      "repositories":          [              {                  "type": "composer",                  "url": "https://composer.typo3.org/"              }          ],      "name": "NITSAN/composer-example",      "description" : "TYPO3 Core & News extensions example composer.json.",      "license": "GPL-2.0+",      "require": {          "typo3/cms": "^7.6",          "typo3-ter/news": "^4.0"      },      "extra": {          "typo3/cms": {              "cms-package-dir": "{$vendor-dir}/typo3/cms",              "web-dir": "web"          }      }      "replace": {          "ext_news": "self.version",          "typo3-ter/ext-news": "self.version"      },      "autoload": {          "psr-4": {              "GeorgRinger\\ExtNews\\": "Classes"          }      }, }

References for TYPO3 Composer:

Go with Composer, To setup Quick & Smart TYPO3 Projects.

]]>
TYPO3 Community TYPO3 CMS iTUG Usergroup T3BLOG DAY
news-62 Sat, 25 Jun 2016 07:48:00 +0000 [T3POLL DAY] Which one is your best flavor TYPO3 Ecommerce/shop integration? /blog/post/t3poll-day-which-one-is-your-best-flavor-typo3-ecommerceshop-integration/ As we all know, this is an era of Ecommerce so just would like to know - Which one is the best solution for Ecommerce integration into ‪‎TYPO3‬? [for small & medium size shop sites] Which one is your favorite TYPO3 Ecommerce flavor ‘for small & medium size shop site’? As we all know, this is an era of Ecommerce so just would like to know - Which one is the best solution for shop integration into ‪‎TYPO3‬?

Vote for TYPO3 Shop Integration:

We have just created open Poll at TYPO3 community group of Facebook at https://www.facebook.com/groups/typo3/permalink/1221916951189624/ Please join & vote!

TYPO3 Ecommerce integration:

There are numerous Ecommerce solution available which can be integrate into TYPO3 as following: for example TYPO3 Extensions, Third Party Integration etc.,

Conclusion:

TYPO3 guys believe (based on Facebook's Poll) "Unfortunately there is not any perfect TYPO3 solution available which can work smooth shop solutions like Magento, Shopware or WooCommerce". You could also share your thoughts/suggestion on Ecommerce shop/module integration into TYPO3 CMS at following comment section.

Useful links:

Happy Ecommerce shop with TYPO3 :)

]]>
TYPO3 Community TYPO3 CMS iTUG Usergroup T3POLL DAY TYPO3 Extension
news-63 Wed, 22 Jun 2016 12:18:00 +0000 NITSAN Technologies - We are now TYPO3 certified! /blog/post/nitsan-technologies-we-are-now-typo3-certified/ We are proud to announce that NITSAN Technologies has been certified by the TYPO3 Association. We’re now among the three certified TYPO3 web agencies from India and can be found on PSL - The Professional Service Listing of TYPO3 certified agencies. We are proud to announce that NITSAN Technologies has been certified by the TYPO3 Association. We’re now among the three certified TYPO3 web agencies from India and can be found on PSL - The Professional Service Listing of TYPO3 certified agencies. Checkout our official page at typo3.org/support/professional-services/show/nitsan-technologies-pvt-ltd/

 

What is PSL?

The Professional Service Listing (PSL) is a list of worldwide certified TYPO3 agencies that work under a high quality standard. The criteria for the inclusion in this list are high so you can be sure that working with a typo3 certified company is the best way to go.

The listing is accessible here:
https://typo3.org/support/professional-services/listing-requirements/


Why PSL?

The PSL was created to provide a compendium of recommended, high-value TYPO3 professionals rather than a generic list of internet companies and individuals who were familiar with the TYPO3 CMS. With a domain as powerful as typo3.org officially linking back to recommended agencies, it became apparent there was a need for a more rigorous system to maintain the list’s integrity. Read more at https://typo3.org/news/article/secrets-and-benefits-of-the-typo3-professional-service-listing-psl/

How did we achieve it?

Our web agency has been certified by TYPO3 Association based on the following criterias:

1. We are Silver Member of the TYPO3 Association:
typo3.org/association/membership/members/

2. We followed TYPO3 trademark guidelines:
Checkout all the guidelines at https://typo3.org/about/the-trademarks/

3. Our website runs on latest stable TYPO3 version:
www.nitsan.in runs on TYPO3 version 7.6 LTS.

4. Published TYPO3 Extensions at TER:
EXT:nitsan_hellobar: https://typo3.org/extensions/repository/view/nitsan_hellobar/
EXT:nitsan_maintenance: https://typo3.org/extensions/repository/view/nitsan_maintenance/

5. Active involvement in TYPO3 Community:
Handling iTUG - India TYPO3 User Group
https://typo3.org/community/typo3-user-groups/india-itug/
http://www.itug.in/

6. The TYPO3 References:
Find our most recent TYPO3 References here: 
http://www.nitsan.in/references/

7. Financial contribution to the TYPO3 community:


You can read in details about each criteria to become ceritfied TYPO3 agencies at https://typo3.org/support/professional-services/listing-requirements/
 

Get In Touch:

We would be happy to work on TYPO3 Projects with you! At our official TYPO3 page, You could connect with us at by click on ‘Contact’ button at https://typo3.org/support/professional-services/show/nitsan-technologies-pvt-ltd/ or You could reach at Email - info@nitsan.in
 

Useful Links:

]]>
TYPO3 Community Social TYPO3 CMS T3BD DAY T3BLOG DAY
news-58 Fri, 03 Jun 2016 13:31:48 +0000 [T3EXT DAY] First Plug & Play TYPO3 Extension for Maintenance Mode /blog/post/t3ext-day-first-plug-and-play-typo3-extension-for-maintanance-coming-soon-mode/ Do you want to make your site temporary offline like Coming Soon or Maintenance Mode? This extension will help you with simple plug & play which have special TYPO3 Page & Template. It would be useful on criteria like to set Site's Coming Soon Page, Maintenance of Site, Offline while Upgrading your site etc., Do you want to make your site temporary offline like situation of Coming Soon / Maintenance Mode? This extension will help you with simple plug & play with special TYPO3 Modern Responsive Template. It would be useful on criteria like to set Site's Coming Soon Page, Maintenance of Site, Offline while Upgrading your site etc.,

1. Overview:

2. Installation:

The extension needs to be installed as any other extension of TYPO3 CMS:

2.1. Install Extension from EM

  1. Switch to the module “Extension Manager”.
  2. Get the extension: Get it from the Extension Manager: Press the “Retrieve/Update” button and search for the extension key nitsan_maintenance and import the extension from the repository.
  3. Get it from typo3.org: You can always get current version from typo3.org/extensions/repository/view/nitsan_maintenance/current/ by downloading either the t3x or zip version. Upload the file afterwards in the Extension Manager.



2.2. Preparation: Include static TypoScript
The extension ships some TypoScript code which needs to be included.

  1. Switch to the root page of your site.
  2. Switch to the Template module and select Info/Modify.
  3. Press the link Edit the whole template record and switch to the tab Includes.
  4. Select NITSAN Maintenance (nitsan_maintenance) at the field Include static (from extensions):
  5. IMPORTANT: About ordering, Please include this at the end of others.



2.3. Clear Cache:
Please clear cache from Top panel 'Flush frontend caches' & 'Flush general caches'.

3. Configuration

Switch to 'Maintenance' Backend Module, Maintenance Mode Settings: You could setup & edit all the settings of like Title, Heading, Text, Dates, Colors, Social Media Links etc., Please checkout below screenshot.


Don't forgot to click on 'Save' button, Once you setup all the details ;)

4. Support

Happy TYPO3 Maintenance Time :)

]]>
TYPO3 Community TYPO3 CMS T3EXT DAY TYPO3 Extension TypoScript
news-57 Mon, 16 May 2016 13:56:00 +0000 [T3BD DAY] First TYPO3 Contribution Bootup Days (T3BD) In Asia/India /blog/post/first-typo3-contribution-bootup-days-t3bd-in-asia-india/ iTUG - India TYPO3 User Group proud to arranged the first TYPO3 Contribution Bootup Days (T3BD) in Asia/India. You might be heard like TYPO3 Developer Day (T3DD) But what is TYPO3 Contribution Bootup Days? iTUG - India TYPO3 User Group proud to arranged the first TYPO3 Contribution Bootup Days (T3BD) in Asia/India.

I think, fundamentally, open source does tend to be more stable software. It's the right way to do things.
~ Linus Torvalds

What is T3BD - TYPO3 Contribution Bootup Days?

You might be heard like TYPO3 Developer Day (T3DD) But what is TYPO3 Contribution Bootup Days? TYPO3 = Open Source, Which require lots contribution to make better product from hearty community. That’s one of the main goal to set TYPO3 Contribution Bootup Day, Where developer/user improve their skills to contribute to TYPO3 Community like Participate into core code, Custom extension development, Translation, Write manuals, Testing adjustments etc.,

The History

At Cabag - The TYPO3 Agency, The first TYPO3 Contribution Bootup Day was started over there. Special thanks to Jonas, Livia & their team to founded such great concept for TYPO3 Community. It’s already arranged internationally at Switzerland, Holland, Natherland, Italy etc., Read more at www.cabag.ch/en/typo3-contribution-bootup-days.html

Organised Two T3BD at iTUG

1. At 13th Feb 2016:

typo3.org/events/community-events/itug-india-typo3-user-group-week-7/

2. At 16th April 2016:

T3BD Webinar arranged for Team iTUG by Mathias Schreiber (The TYPO3 Product Owner) - Special thanks to him.

Why T3BD?

The Contribution is really important concern to having successful OpenSource Community & The Product.

  • With Contributing - The developer will have more Skills & Knowledge.
  • With Contributing it’s kind of networking & ways you get faster support.
  • With Contributing To motivate TYPO3 Developers/Designers/Testers
  • With Contributing code/feature, It will be used, improve & maintain.

Activities at T3BD

  1. TYPO3 Universe: typo3.slack.org, forge.typo3.org, forger.typo3.org, review.typo3.org, wiki.typo3.org
  2. TER: Put your own extensions into TER and connect it to your GIT Repository
  3. EXT + Github: Use github.com and/or forge.typo3.org to publish and maintain your Extensions.
  4. Review: Use your local development environment with review.typo3.org
  5. Core Patches/Fixes: Test core patches, improvements and newest fixes
  6. Translation: Work with translation.typo3.org
  7. And many more…

What's Next?

We are already planning to arrange more TYPO3 Contribution Bootup Day with special day & next upcoming Usergroup meeting at iTUG. We're warm welcomes to TYPO3 users, administrators, developers, testers, designers and agencies to participates in next T3BD. Please stay connected at www.itug.in As Learning & Contributing will never ends :)

Happy TYPO3 Contribution!

References:

]]>
TYPO3 Community TYPO3 CMS T3BD DAY iTUG Usergroup TYPO3 Template TYPO3 Translation TypoScript
news-56 Fri, 13 May 2016 13:26:18 +0000 TYPO3.Inc - One of the Historical Step into TYPO3 Community! /blog/post/typo3inc-one-of-the-historical-step-into-typo3-community/ Abusing Business to empower our cause: TYPO3 Inc. At 6th April 2016, One of the Historical & Amazing steps has been taken with finalizing into TYPO3 Community with TYPO3 Inc. At 6th April 2016, One of the Historical & Amazing steps has been taken with finalizing into TYPO3 Community with TYPO3 Inc. Most of the Members of TYPO3 Association has been voted in favor of TYPO3 Inc.

The TYPO3 at International CMS Market

TYPO3 is one of the oldest (almost 15+ years) CMS into the world of PHP - Open Source, But it’s not much popular in concern of International Platform as like Drupal, WordPress etc., Of course - TYPO3 is always the hidden champion with Enterprise CMS :)


 

TYPO3 Inc. has been born

“Abusing Business to empower our cause: TYPO3 Inc.” In April 2015 the General Assembly of the TYPO3 Association finalize to start preparation of TYPO3 Inc., After that TYPO3 Inc team like Alain, Matthias started to prepare detailed draft & business planning for TYPO3 Inc with lots hard working & efforts on analysis & research on the CMS Market. There are numerous things which required to think from scratch like Key problems, Changing markets, Study on different CMS into Market, Business & Organization model, Growth plan & many others.

Why TYPO3 Inc? (Key Reason)

  • Quick discussion & decision action
  • Stable & High quality development of TYPO3
  • Full/Part time development of TYPO3
  • Generate more money
  • Marketing & PR

Goals of TYPO3 Inc

  • Involve number of People (Integrators, Hosters, Consultants, Ad-Agencies)
  • Improve Ecosystem
  • Handle commercial & operational part of TYPO3 Association
  • Keep our values & good spirit
  • Increase Market share
  • Increase confidence in products
  • Leading position at Open source CMS market
  • Number of TYPO3 Events

TYPO3 Inc Team

It’s time to be involve, participate & contribute into TYPO3 to make great CMS ever.

Next on TYPO3 TYPO3 Inc.

In upcoming of Months, the team of TYPO3 Inc - Matthias Schreiber, Benni Mack and Alain Veuve will create concrete foundation of this great Start-up!

Reference / More Details:

  1. de.slideshare.net/electronicfastforward/typo3-inc-business-model-presentation
  2. typo3.org/news/article/entering-the-final-stage-of-the-typo3-inc-preparation-we-need-you/
  3. typo3.org/news/article/typo3-inc-public-feedback-needed/
  4. www.linkedin.com/pulse/typo3-inc-new-company-behind-association-ric-van-westhreenen
  5. typo3.org/news/article/typo3-inc-what-is-next/
]]>
TYPO3 Community Social TYPO3 CMS
news-55 Mon, 09 May 2016 13:57:02 +0000 iTUG - India TYPO3 User Group (Week 19) /blog/post/itug-india-typo3-user-group-week-19/ Create an TYPO3 EXT:nitsan_maintenance for TER. This extension will help to setup site pages like 'Coming Soon' or 'Site Maintenance'. Github setup for TYPO3 EXT:nitsan_hellobar India TYPO3 User Group (iTUG) regularly meets at each 2nd and 4th Saturday from 11:00 to 14:00 IST at NITSAN Technologies Pvt. Ltd. Each TYPO3 Enthusiast either Beginner or Professional, is welcome!
 

* Agenda *

1. Create an TYPO3 EXT:nitsan_maintenance for TER. This extension will help to setup site pages like 'Coming Soon' or 'Site Maintenance'
2. Github setup for TYPO3 EXT:nitsan_hellobar

Location
NITSAN Technologies Pvt. Ltd. 301, Corporate Centre, Opp.Daxinamurti, Waghawadi Road, 364002 Bhavnagar, India

Date and Time
May 14, 2016, 11:00 - 14:00

Official Website
www.itug.in | typo3.org/events/community-events/itug-india-typo3-user-group-week-19/

]]>
TYPO3 Community TYPO3 CMS iTUG Usergroup T3EXT DAY TYPO3 Template TYPO3 Translation TypoScript
news-54 Tue, 03 May 2016 13:57:56 +0000 TYPO3 8: Good to Know & Contribute to The Next LTS /blog/post/typo3-8-good-to-know-contribute-to-the-next-lts/ Oh, Wait a minute.. Again a new LTS version? Yes exactly, because the development was already started before many weeks ago, It’s already planned to release TYPO3 8 LTS in April 2017. At ending of March, TYPO3 core team has announced the first version TYPO3 8 - the Next LTS. Oh, Wait a minute.. Again a new LTS version? Yes exactly, because the development was already started before many weeks ago with every 8-10 weeks a development preview (Sprint Releases) - It’s already planned to release TYPO3 8 LTS in April 2017.

One of the most important focus on providing better way to create & edit content for TYPO3 users or editors in order ‘to simplify the lives of TYPO3 Users’. Also to Cloud infrastructure (excited for looking for more information), Cleanup/optimized code & Improve UI/UX to provide for more robots & flexible CMS are also on the agenda of core developers.

Important Features of TYPO3 8 LTS

  • More flexibility and simplifying for TYPO3 Users/Editors
  • Cloud Integration
  • Integrate new Rich Text Editor (CKEditor?)
  • Code Cleanup
  • Deprecation removals
  • UI/UX Improvement
  • Many Fixes/Patches
  • Integrator Support
  • Frontend Editing on Steroids


PHP 7 - Go with developer daring
The TYPO3 Core team did take one good & bold decision - TYPO3 8 will require minimum PHP 7. Yeah, It’s really meaningful steps with drop support on old PHP version which will used till TYPO3 7. With this decision, There is few arguments/against (like server/hosting did not support upgrade PHP 7 - poor guys ;) into Community. There is no-doubt - It’s long term solution & vision in terms of Technical stability.

One of the main reason is simply ‘Improve the performance’ at both frontend & backend. Right now the best result of fully cached page in frontend with fabulous 7 Milliseconds - Simply 40% faster than the same page with PHP 5.5 - Woow! Also there are many new opportunity will be achievable like Code quality & stable, Significantly reduced memory usage, AST, etc., Find out more at secure.php.net/releases/7_0_0.php


 

The first initial version - TYPO3 8.0

At march 22nd, The first version TYPO3 8.0 has been launched with great tag line ‘Start Your Engines’.

Performance improvement
As described at PHP 7 section ;)

UX Form builder
As already known, the new version will appear with a variety of improvements in the surface to simplify the handling. The first step makes this Sprint released the integrated Form Builder .

Independent Fluid
That's right. Fluid, fast and reliable template engine, which is used in TYPO3 and Flow, is now independent and can be used without major dependencies in other PHP projects or other PHP frameworks (eg laravel or Symfony). In TYPO3 8 LTS is now integrated as an external dependency.

Deprecation removals
Already applied many patches & in review
 

The TYPO3 8.1

Today, Just announced TYPO3 8.1 with below features:

  • UX: Revamped workspace module
  • UX: Unified color picker
  • UX: Inlined backend layout wizard
  • UX: Guided tours
  • Doctrine DBAL integration

Read more at typo3.org/news/article/typo3-v81-tightening-the-screws/

Planned Sprints


Support period of TYPO3 8 LTS

 

How could you Support/Contribute to TYPO3?

It's time to give back to the Community! As we know, The whole TYPO3 CMS has been developed with pure spiritual community power. So, It’s time to give back to the community & let’s join it - There are many ways where you could help & support to be have next TYPO3 LTS with it’s best version ever.

  • Simply donwload & install latest version of TYPO3 8.x from typo3.org/download/
  • Recommend for Testing/Reviewing github.com/Tuurlijk/TYPO3.Homestead Where you could test multiple versions with multiple environments
  • Join the TYPO3 Universe like typo3.slack.org, forge.typo3.org, forger.typo3.org, review.typo3.org, wiki.typo3.orgUse your local development environment with review.typo3.org
  • Test core patches, improvements and newest fixes
  • Write your own core patches and improvements - put them into the process
  • Documentations
  • Translations
  • Many more...


Many thanks to the TYPO3 People who are continuously contributing for Next TYPO3 LTS - All over the world!

References / More Details:
typo3.org/news/article/typo3-v80-start-your-engines/
typo3.org/news/article/kicking-off-typo3-v8-development/
typo3.org/news/article/typo3-v81-tightening-the-screws/
typo3.org/typo3-cms/roadmap/
typo3.org/fileadmin/t3org/documents/TYPO3_Release_Agenda_LTS.pdf

]]>
TYPO3 Community Social TYPO3 CMS T3BD DAY TYPO3 Extension TYPO3 Template TYPO3 Translation TypoScript
news-53 Fri, 29 Apr 2016 08:07:19 +0000 [T3EXT DAY] Launched TYPO3 EXT:nitsan_hellobar - An API Plugin of HelloBar.com /blog/post/launched-typo3-extn-itsan-hellobar-an-api-plugin-of-hellobar-com/ An API Integration for HelloBar.com - One of the most popular site! Integrate hellobar panel(s) with simple configuration from TYPO3 Backend & Displaying it at global to your TYPO3 site! An API Integration for HelloBar.com - One of the most popular site! Integrate hellobar panel(s) with simple configuration from TYPO3 Backend & Displaying it at global to your TYPO3 site!

OVERVIEW
========
Extension Key: nitsan_hellobar
Extension URL: https://typo3.org/extensions/repository/view/nitsan_hellobar
Support: https://forge.typo3.org/projects/extension-nitsan_hellobar
Version: 2.0.0
Last Updated: 29th April, 2016
Category: Frontend Plugins
Compatibility:
TYPO3 (6.2.99 - 8.99.99)
extbase (6.2.99 - 8.99.99)
fluid (6.2.99 - 8.99.99)

INSTALLATION
===========
The extension needs to be installed as any other extension of TYPO3 CMS:

1. Switch to the module “Extension Manager”.
2. Get the extension
3. Get it from the Extension Manager: Press the “Retrieve/Update” button and search for the extension key 'nitsan_hellobar' and import the extension from the repository.
4.Get it from typo3.org: You can always get current version from typo3.org/extensions/repository/view/nitsan_hellobar/current/ by downloading either the t3x or zip version. Upload the file afterwards in the Extension Manager.


Preparation: Include static TypoScript
The extension ships some TypoScript code which needs to be included.
1. Switch to the root page of your site.
2. Switch to the 'Template module' and select 'Info/Modify'.
3. Press the link 'Edit the whole template record' and switch to the tab 'Includes'.
4. Select NITSAN - API HelloBar.com (nitsan_hellobar) at the field *Include static (from extensions):*




CONFIGURATION
=============
1. Now Go to Constant Editor of your Root Page & Setup require below options:

You would be require to get Script/JS Code from your HelloBar.com Account as below steps:

 Have a Happy Hello Bar :)

]]>
TYPO3 Community Social TYPO3 CMS T3EXT DAY TYPO3 Extension TYPO3 Template TYPO3 Translation TypoScript
news-52 Tue, 26 Apr 2016 05:36:00 +0000 iTUG - India TYPO3 User Group (Week 18) /blog/post/itug-india-typo3-user-group-week-18/ Startup: TYPO3 with Indian native language Hindi at https://translation.typo3.org/hi/, TYPO3 Translation: Support to TYPO3 Translation team. India TYPO3 User Group (iTUG) regularly meets at each 2nd and 4th Saturday from 11:00 to 14:00 IST at NITSAN Technologies Pvt. Ltd. Each TYPO3 Enthusiast either Beginner or Professional, is welcome!

* Event Agenda *

1. TYPO3 Translation: Support to TYPO3 Translation team &amp; Aware with TYPO3 Translation tool Translation

2. Startup: TYPO3 with Indian native language Hindi at translation.typo3.org/hi/

3. Little TYPO3 Bootup day: with checkout slack, review, forge, forger &amp; git.

Location
NITSAN Technologies Pvt. Ltd. 301, Corporate Centre, Opp.Daxinamurti, Waghawadi Road, 364002 Bhavnagar, India

Date and Time
May 07, 2016, 11:00 - 14:00

Official Website
www.itug.in

]]>
TYPO3 Community Social TYPO3 CMS T3BD DAY iTUG Usergroup TYPO3 Template TYPO3 Translation TypoScript
news-49 Fri, 22 Apr 2016 12:55:38 +0000 How to setup Latest News Template into EXT:news? /blog/post/how-to-setup-latest-news-template-into-extnews/ Are you in needs of ‘Latest News’ custom template & layout at news TYPO3 Extension? This post might useful for TYPO3 beginners. Unfortunately, default news only provides like Listing & Detail template. Are you in needs of ‘Latest News’ custom template & layout at news TYPO3 Extension? This post might useful for TYPO3 beginners who is not much aware with one of the most popular TYPO3 Extension:news. Unfortunately, default news only provides like Listing & Detail template selection at their plugin configuration, As of course each site require Latest news display like at landing/home page.

No worries, It’s quite easy to setup with few line of code with TypoScript & Fluid. Here is the step by step details to setup Custom template & layout for news TYPO3 Extension. Let’s consider the example which require ‘Latest News’ Layout & Template selection at news.

Step 1: Setup TSConfig

Add below TSConfig code at your TYPO3 Root Page > Edit > Preferences > Resources > Page TSConfig
 

tx_news.templateLayouts {     latestNewsLayout = Latest News Layout }

 

Step 2: Template layout selection at News plugin options

Our new template layout will automatically displaying at each News plugin configuration. Just open news plugin and go at Template > Template Layout and select ‘Latest News Layout’

Step 3: Fluid Template Adjustment

It’s time to setup our new template code into news Fluid template. Just open your extension template folder Partials/List/ and copy Item.html to the LatestNews.html

Now edit the Templates/News/List.html as follows:
 

<!-- THIS CODE NEED TO CHANGE... --> <f:for each="{news}" as="newsItem">           <f:render partial="List/Item" arguments="{newsItem: newsItem, settings:settings, className:className, view:'list'}"/> </f:for>

<!-- ...WITH THIS --> <f:for each="{news}" as="newsItem">     <f:if condition="{0:settings.templateLayout} == {0:'latestNewsLayout'}">         <f:then>             <f:render partial="List/LatestNews" arguments="{newsItem: newsItem, settings:settings, className:className, view:'list'}"/>         </f:then>     <f:else>             <f:render partial="List/Item" arguments="{newsItem: newsItem, settings:settings, className:className, view:'list'}"/>         </f:else>     </f:if> </f:for>

Of course, Now you just need to adjust your needed HTML wrapper to display proper layout at Partials/List/LatestNews.html

That’s it, The Latest news template has been ready to be rendering at your awesome site!

]]>
TYPO3 Community Social TYPO3 CMS T3EXT DAY TYPO3 Extension TYPO3 Template TYPO3 Translation TypoScript
news-33 Sun, 20 Mar 2016 18:30:00 +0000 iTUG - India TYPO3 User Group (Week 10) /blog/post/itug-india-typo3-user-group-week-10/ Preparation for iTUG's official site, Finalize & QA Frontend News Management - fe_txnews, Prepare for initial release with Alpha version of fe_txnews TYPO3 Extension. India TYPO3 User Group (iTUG) regularly meets at each 2nd and 4th Saturday from 11:00 to 14:00 IST at NITSAN Technologies Pvt. Ltd. Each TYPO3 Enthusiast either Beginner or Professional, is welcome!

Event Agenda

1. Prepearation for iTUG's official site with Site Design (Bootstrap + SASS), TYPO3 Development (7.x LTS) & QA Cases.

2. Finalize (with QA) - Frontend News Management - fe_txnews, Extension for TER - typo3.org/extensions/repository/

3. Prepare for initial release with Alpha version of fe_txnews TYPO3 Extension.

Location

NITSAN Technologies Pvt. Ltd. 301, Corporate Centre Opp.Daxinamurti Waghawadi Road, 364002 Bhavnagar, India

Date and Time

March 26, 2016, 11:00 - 14:00

Official Website

typo3.org/events/community-events/itug-india-typo3-user-group-week-10/

]]>
TYPO3 Community Social TYPO3 CMS iTUG Usergroup T3EXT DAY TYPO3 Extension TYPO3 Template TYPO3 Translation TypoScript
news-32 Wed, 09 Mar 2016 18:30:00 +0000 Welcome to iTUG - INDIA TYPO3 User Group! /blog/post/welcome-to-itug-india-typo3-user-group/ NITSAN Team & iTUG has been appreciated by TYPO3 Community World. It's our pleasure to get such honor First time from INDIA & manage TYPO3 Community of INDIA. NITSAN Team & iTUG has been appreciated by TYPO3 Community World. It's our pleasure to get such honour First time from INDIA at typo3.org/news/article/this-week-in-typo3-2016-week-6/ with manage TYPO3 Community of INDIA.

1.       Official Usergroup Page:

1.1.   Checkout this TYPO3 official usergroup page - https://typo3.org/community/typo3-user-groups/india-itug/

1.2.    Our site: www.itug.in

2.      Who We Are

2.1.    iTUG – India TYPO3 User Group was started at April 2015 at office of NITSAN.

2.2.    India TYPO3 User Group is a non-profit association and consists of users, administrators, developers, testers, designers and agencies, which focus on working with the Open Source Enterprise Content Management Framework – TYPO3. The aim of iTUG is the promotion and involvement/participates into TYPO3 community.

2.3.    We regularly meet at each 2nd & 4th Saturday.

2.4.    iTUG’s Goals:

2.4.1.  To Enthusiast TYPO3 Developers/Integrators/Testers/Agency within India-Asia.

2.4.2.  To Promote & Highlight TYPO3 within India-Asia.

2.4.3.  Improve TYPO3 skills.

2.4.4.  Aiming to provide Developer (&Tester) in Core TYPO3.

2.4.5.   Join & participate the TYPO3 Universe like typo3.slack.org, forge.typo3.org, forger.typo3.org, review.typo3.org, wiki.typo3.org (as It’s time to give back to the TYPO3 Community J

2.4.6.  Develop TYPO3 Extensions for TER.

2.4.7.  Aware TYPO3 CMS to Universities Students.

2.4.8.  Trying to explore TYPO3 to Local Agencies & IT Professional to use TYPO3 as CMS for their agencies/companies.

3.    What We Do

3.1.    Meet at each 2nd & 4th Saturday

3.2.    TYPO3 Seminar / Workshops

3.3.    Exchanging tips and advise

3.4.    Improve TYPO3 Skills

3.5.    TYPO3 Public Events

3.6.    Involve/Participate into TYPO3 Universe

3.7.    Team collaboration – TYPO3, QA, Designer

3.8.    Aware Universities Students with TYPO3

4.    Get In Touch

4.1.    For any questions feel free to contact, We are warm welcome you to Join Us - iTUG

4.2.    Website: Coming soon

4.3.    Email: sanjay@nitsan.in (Sanjay Chauhan)

4.4.    Facebook: www.facebook.com/indiatypo3usergroup/

4.5.    LinkedIn: https://www.linkedin.com/groups/8455472

4.6.    Xing: www.xing.com/communities/groups/itug-india-typo3-user-group-ab86-1085459/

4.7.    Twitter: Coming soon

]]>
TYPO3 Community Social TYPO3 CMS iTUG Usergroup
news-29 Tue, 09 Feb 2016 07:00:00 +0000 Top most used TYPO3 Extensions from TER /blog/post/top-most-used-typo3-extensions-from-ter/ TYPO3 is powered by a rich source of Extension library. Being open source, these TYPO3 Extensions are contributed by TYPO3 is powered by a rich source of Extension library. Being open source, these TYPO3 Extensions are contributed by various open source community for the benefit of developers and customers. But as commonly said, each business has unique needs and no two individuals are same. Each entrepreneur have different plans and strategies for their products and services. Hence, there is always a need for TYPO3 Customization. There are thousands of around 5900+ Extensions are available at TER (TYPO3 Extension Repository). Accordingly to our team’s experience, we would like to share few of most used TYPO3 extensions as following in no particular order:

1. RealURL: speaking paths for TYPO3
Extension key: realurl – http://typo3.org/extensions/repository/view/realurl

2.  News system
Extension key: Based on piBase, tt_news – http://typo3.org/extensions/repository/view/tt_news
Extension key: Based on Extbase, news – http://typo3.org/extensions/repository/view/news/

3. Basic SEO Features
Extension key: seo_basics – http://typo3.org/extensions/repository/view/seo_basics

4. TemplaVoila!
Extension key: templavoila – http://typo3.org/extensions/repository/view/templavoila

5. Calendar Base
Extension key: cal – http://typo3.org/extensions/repository/view/cal

6. MM Forum
Extension key: mm_forum – http://typo3.org/extensions/repository/view/mm_forum

7. Perfect Lightbox
Extension key: perfectlightbox – http://typo3.org/extensions/repository/view/perfectlightbox

8. Media links in Lightbox
Extension key: rgmedialinks - http://typo3.org/extensions/repository/view/rgmedialinks/current/

9. Power mail
Extension key: powermail – http://typo3.org/extensions/repository/view/powermail

10. Frontend User Registration
Extension key: sr_feuser_register – http://typo3.org/extensions/repository/view/sr_feuser_register

11. Static File Cache
Extension key: nc_staticfilecache – http://typo3.org/extensions/repository/view/nc_staticfilecache

12. phpMyAdmin Application
Extension key: phpmyadmin – http://typo3.org/extensions/repository/view/phpmyadmin/

13. New frontend login box
Extension key: newsloginbox – http://typo3.org/extensions/repository/view/newloginbox/

14. Modern Guestbook / Commenting
Extension key: ve_guestbook – http://typo3.org/extensions/repository/view/ve_guestbook/

15. Direct mail
Extension key: direct_mail – http://typo3.org/extensions/repository/view/direct_mail/

16. Direct mail subscription
Extension key: direct_mail_subscription – http://typo3.org/extensions/repository/view/direct_mail_subscription/

17. Modern FAQ
Extension key: irfaq – http://typo3.org/extensions/repository/view/irfaq/

18. Commerce
Extension key: commerce – http://typo3.org/extensions/repository/view/commerce/

19. Search box for indexed search engine
Extension key: macina_searchbox – http://typo3.org/extensions/repository/view/macina_searchbox/

20. freeCap Captcha
Extension key: sr_freecap – http://typo3.org/extensions/repository/view/sr_freecap/

21. TYPO3 Quixplorer
Extension key: t3quixplorer – http://typo3.org/extensions/repository/view/t3quixplorer/

22. Language detection
Extension key: sr_language_menu – http://typo3.org/extensions/repository/view/sr_language_menu/

23. Multiple Content
Extension key: jfmulticontent – http://typo3.org/extensions/repository/view/jfmulticontent/

24. A google map extension
Extension key: rggooglemap – http://typo3.org/extensions/repository/view/rggooglemap/

25. Site Crawler
Extension key: crawler – http://typo3.org/extensions/repository/view/crawler/

26. CWT Community
Extension key: cwt_community – http://typo3.org/extensions/repository/view/cwt_community/

27. Yet Another Gallery
Extension key: yag – http://typo3.org/extensions/repository/view/yag/

28. Language Detection
Extension key: rlmp_langauge_detection – http://typo3.org/extensions/repository/view/rlmp_language_detection/

29. Seminar Manager
Extension key: seminars – http://typo3.org/extensions/repository/view/seminars/

30. WEC Map
Extension key: wec_map – http://typo3.org/extensions/repository/view/wec_map/

Phew… Time for a Tea I hope you enjoyed and bookmark all these important extensions. Please feel free to suggest other extension at below commenting tool.
 

]]>
TYPO3 Community Social TYPO3 CMS T3BD DAY iTUG Usergroup TYPO3 Extension TYPO3 Template TYPO3 Translation TypoScript
news-26 Wed, 06 Jan 2016 06:55:00 +0000 Independence Day Celebration /blog/post/independence-day-celebration/ We have celebrated Independence Day at our new office. We have decorated our new office with balloons, tricolor and We have celebrated Independence Day at our new office. We have decorated our new office with balloons, tricolor and flowers. We have started the celebration by singing the national song (Jan-Gan-Man). Our team members shared their thoughts on Independence Day, some team members shared such an inspirational stories of freedom fighters. Then we have arranged a group discussion on all current national issues.

Then we have started preparation of distributing stuffs at Child Orphanage, at Shri Nandkuvarba Balashram, Bhavnagar. We have distributed them notebooks, story books, pen, pencils, paiting colors, and inspirational books of freedom fighters, and celebrated an event withice cream with all that 60 childs. It was an amazing day for all of us, enjoyed a lot. It was a great feeling to spread smiles on the face that 60 child.

]]>
Social