Front end development

Wow!! 2018 has been a fantastic year for us, Creative Technocrayts.
There has been a satisfying learning curve for us in front end development be it using CSS Flexbox or adapting Google’s AMP in optimisation or designing our websites using Font Awesome 5.

We have discussed a lot, thanks to the constant support from the community. We have received both positive feedback and negative criticism as well. Keeping that in mind we strive to improve and learn more and give back to the community.
2018 showed tremendous increasing readership from googleplus community and facebook page apart from Twitter and Linkedin and we are so happy about that. Thank you guys :)
Its time for us to look back at this awesome year, 2018!!!

Daily UI practice - Range slider and getting the value in jQuery

This article, demonstrates how we can style input range, a form elements.It gives you an idea that
1. Input range can be custom styled.
2. Shadow DOM gives selectors to styles input ranges
3. It has track and thumb component
4. To make it consistent across vendor prefixes, exact vendor prefixes should be used
5. input range has three attributes min, max and value

Practising jQuery - DOM Manipulation

jQuery is a javascript library,  and how to use various jQuery methods like,
.append(),.prepend(),.appendTo(),.prependTo()
.after(),.before(),.insertAfter()
.wrap(),.html(),.text()
.empty(),.remove()
This articles explains each syntax with examples and output.

Google ‘s Accelerated Mobile pages

After Google I/O 2018, AMP has been in talks. AMP has been observed as a growing community in 2018 as Google is into its serious business. AMP official plugin  for Wordpress has been released later this year and AMP has brought reasonable changes in the SEO dimensions. Many ecommerce giants have accepted the fact that their ROI and user experience has been improved drastically after adopting Google’s AMP.
So, we thought of giving our readers an overview of what AMP is all about in our article.

Font Awesome 5

Last year, we all knew that font awesome is working on their new release. Ofcourse, they made it big this year ! They range of icons suiting our needs and in different format made us realise how user friendly they are. They accepted requests of icons from audience and implemented it making it a vast community.
As the new version is released it is important for us to learn the implementation so that we start using it in our projects. It was a comprehensive article by itself, getting very good number of shares among our community.

Bootstrap 4

Bootstrap framework, widely used framework by web designers saw its latest release this years. The major change in it was
moving from inline blocks layout to start using CSS Flex.
Introduced utilities of all range making it custom rea
dy framework for  developers
Change in grid systems
Creative Technocrayts covered series of articles explaining the concepts and real-time examples
Flexbox layout
Flexbox order
Bootstrap 4 navbar
Flexbox - justify content

Datatables plugin

We had a project, admin dashboard where we used datatables.net extensively. We thought of sharing our implementation to the readers which might be handy to them.
Datatables plugin
Datatables options - Part II

Mobile usability

Google announced in 2018 that, websites having better mobile usability will be ranked better. After this announcement, Creative Technocrayts gave its readers tools and insights on making their websites more mobile usable.

Share this article as it might be definitely of useful to someone you may know. Also you may read Best of 2017 especially if you are code newbie / beginner.


With this, we rewind our fantastic year of 2018 and wish all our readers a happy and prosperous year 2019 ahead ! You may look forward to latest stories in the upcoming weeks.

Share our page and keep supporting us.

Big thanks to all of you.


Follow our FB page @CreativeTechnocrayts

Subscribe to Creative Technocrayts and be a part of growing community.