Drupal training session at swecha

Attended a seminar at swecha ,by the way where is swecha it’s located at gachibowli(Hyderabad) it’s beside Center for good governance . swecha is basically a volunteer driven free software movement organization ,it was started as a GNU Linux project to build an OS for the people who understand Telugu (local language).By now they have created 3 Linux OS and they are well promoting and contributing to the world of Open Source community.

Today’s seminar was about Drupal it was a short and simple introduction of what is Drupal and why is it useful besides that they also showed why they use Linux and what are its benefits .some of the examples were how we can delete a directory via cmd line ie the terminal instead of right-click then search for the delete option and then confirm whether you want to delete it or not . The new thing which I learnt was about lynx.

Lynx is a command line based web browser which means instead of typing in terminal Firefox google.com we can type in lynx google.com the difference is just that it displays the page in your terminal itself thus using less bandwidth load and providing high performance .

After that we discussed about what are the events that we’re going to conduct in our college . we said that we will be creating a website for our GLUG (GNU Linux User Group) .Along with that On March 8th ( International Women’s day ) we planned women who hack its an event that’ll be conducted at IIIT-H on the same day


Borrow data limit from a friend

Recently I paid a visit to a friend and he showed me what are the new movies that he downloaded . I had my pendrive with me so I copied it .now he also uses the beam internet but has 50 GB limit .so at that time I thought why can’t I transfer those GB’s of internet limit to a pendrive and use it as a dongle anywhere I go, cause I already reached my limit . why there is a need to connect to the internet every time we want to download something . why can’t we just borrow those GB’s of limit from a friend and use that as a pocket internet data card .


let’s say person A has 10 GB limit ( remaining data limit that he can use at the full speed data connection lets say 4 Mbps). Now person B comes and borrow 2 GB of that data limit to a normal 4GB pendrive . Now when he connects that pendrive to his PC he should be able to use that 2GB of that data limit at a full speed of 4 Mbps . now the same pendrive should act as a dongle when ever required until the limit reaches.


The problem with this concept is that what IP address will the person B use, will it be person A’s IP address or some other IP address provided by the service provider.Second problem is lets say person A has reached his limit at this time he has only 8 GB of data limit and rest remains with person B as discussed above, Now what if person A completed using his 8 GB limit then after that he’ll get only 1 Mbps speed according to beam 4 Mbps connection, at that instance of time what will be the data rate for the person B’s account whether it deliver 4 Mbps or 1 Mbps.

I think scientist might be working on that, I don’t know but they’ll come up with this idea some time in future because it’s not the problem of technology, we have all the tech we need, it’s just that we need to find a way to do it.

Web dev workflow in indian institutes

“If you think math is hard try web design.”

– Good read

With years passing by people denoted more to the UX/UI designing . UX designing not only attracts people but also provides intuitive and interactive learning process throughout the website but the problem here is that Teachers from different institutes especially in India don’t give any attention to the UI face of design instead they just take care of whether the website is functional or not that’s it .It doesn’t matter whether the page look ugly or beautiful. That is why student ambassadors are recruited so that they can learn from the experts and teach others to adapt to the present workflow .

As of now institutes in India, students tend to follow the same boring workflow that they teach they don’t even bother to tell us from where we can study about it ie is there anyone whose designs we can follow . They just dump everything into our minds and prepare us for the exam and we call that as spoon-feeding . Why don’t they understand that there are students who are interested in learning more on that subject it can be anything JS,CSS,Nodejs etc . That is why i get fed up with the management in India i don’t know about IIT’s hope they don’t follow spoon-feeding style.

The basic thing that we lack is practical learning . What i think is that we can improve in this field by collaborating management with students, here transparency comes into picture .This can be done by having R & D dept in every college and should not be interfered by the every management body only few should get access to it . With this students who are interested can take part and have a broad knowledge of what’s happening in the current workflow .

Boxify Deconstructed #1

Before starting you should check out my previous post on what are the essential things that you need before starting a website or any front end dev ie Designing . Since we have a Mock site Boxify it’s just that you need to download so that you get a kickstart .

First thing first you need a foundation for that we will be using the basic Boilerplate model you can download it from github.

boxify deconstructed

This is what it looks like after applying the boilerplate content ie the index.html file in the boilerplate folder . including the you need to add some other ingredients to add a nice flavor to it . lets see the changes

boxify deconstructed after change

You can see that we have made some additions to our old file like JS and some CSS(bottom and above resp). these are the changes .Have a look at their official websites .

1# Modenizr

2# Bootstrap

3# Jquery FancyBox

4# Flickity

5# Animate.css

6# font-awesome

7# Boilerplate

How to do Vertical Centering using CSS

One problem that many of us face in the world of CSS is how to put an element at the center of the page . One way to do it using Positioning and by applying top and left , In theory it’s easy to understand but in practical takes much time , space and css file size increases which in turn decreases the performance ( Again we need to minify it ) .

Method which i use is Flex .It is the value of Display property .The main idea behind the flex layout is to give the container the ability to alter its items’ width/height (and order) to best fill the available space (mostly to accommodate to all kind of display devices and screen sizes). A flex container expands items to fill available free space, or shrinks them to prevent overflow.

<meta charset="UTF-8">
<title> nothing</title>
box-sizing: border-box;
height: 900px;
background: #fff;
border:3px dotted #ccc;
background: #F24B6A;
height: 300px;
margin: auto;
<div class="container">
<div class="box">

The thing that does the magic is the display:flex in the container and the margin:auto in the box present in the style inside the head . Another way is to use just two lines(assuming flex-direction:row).



There are many ways to do it . If you want to play with it you can visit the sites.

Boxify – Theme Deconstructed Series

Boxify is an HTML theme developed by Peter Finlan you can see this on  http://tympanus.net/Freebies/Boxify/ . I will be deconstructing this theme and explain you how to develop these kind of themes with easy and what are the things that we required to create such themes .

Starting with my setup i will be using Bracket Text Editor you can use Sublime or Notepad++. boxify theme deconstructed rittam debnath

For this you need to have the good knowledge of HTML and CSS in one of the post i mentioned some websites from where you can learn these lang’s easily .

How to start a startup ?

Here is a beautiful blog written by Sam Altman that tells you how you can startup a company . How not to start a company ,what are the basic step you need to follow and till when to follow .On the other hand there is Vivek who is the Co-Founder of HackerRank on his blog he writes about what are the secret ingredients a founder needs to have .

You should start with an idea, not a company.  When it’s just an idea or project, the stakes are lower and you’re more willing to entertain outlandish-sounding but potentially huge ideas.  The best way to start a company is to build interesting projects.

On the other hand, when you have a “company” that you feel pressure to commit to an idea too quickly.  If it’s just a project, you can spend more time finding something great to work on, which is important—if the startup really works, you’ll probably be working on it for a very long time.

Have at least one technical founder on the team (i.e. someone who can build whatever the company is going to build). Make something people want.Once you’ve shifted from “interesting project” to “company” mode, be decisive and act quickly.Instead of thinking about making a decision over the course of week, think about making it in an hour, and getting it done in the next hour.Figure out a way to get your product in front of users.  Start manually (read this: http://www.paulgraham.com/ds.html).Listen to what your users tell you, improve your product, and then listen again.  Keep doing this until you’ve made something some users love.

Keep your burn rate very low until you’re sure you’ve built something people love. The easiest way to do this is hire slowly.Have a strategy.  Most people don’t. Learn to ask for what you want.

Don’t waste your time on stuff that doesn’t matter In general, avoid the kind of stuff that might be in a movie about running a startup—meeting with lawyers and accountants, going to lots of conferences, grabbing coffee with people, sitting in lots of meetings, etc.

Do what it takes and don’t make up excuses.

Learn to manage people.  Make sure your employees are happy.  Don’t ignore this.

Don’t underestimate the importance of personal connections.

Ignore acquisition interest until you are sure you want to sell. Work really hard.Keep doing this for 10 years.

App that enables two-way text copying between your PC and Smart devices

Text is copied from your PC to your device, or from your device to your PC, with the simple press of a Global Hotkey. On your PC – Select the text in any application, press the Copy Hotkey, and it arrives in your device’s clipboard – ready to be pasted! On your Smart Device – copy some text and press the Paste Hotkey on your PC to paste the text!

Text can be copied over any network. As long as your PC and Smart device both have internet connections, you’re good to go. Alt-C uses Google Cloud Messaging with SSL connections to copy the text.

get the app for windows 7 and also on google play


what you should know about http/2 and ietf

Voila HTTP/2 is approved here is what you should know

Mark Nottingham he is currently the chairperson of IETF HTTP Working Group and am a member of the W3C TAG. Check out his blog for futher updates on HTTP and web standards .

What is HTTP/2?

HTTP/2 is a replacement for how HTTP is expressed “on the wire.” It is not a ground-up rewrite of the protocol; HTTP methods, status codes and semantics are the same, and it should be possible to use the same APIs as HTTP/1.x (possibly with some small additions) to represent the protocol.

The focus of the protocol is on performance; specifically, end-user perceived latency, network and server resource usage. One major goal is to allow the use of a single connection from browsers to a Web site.

The basis of the work was SPDY, but HTTP/2 has evolved to take the community’s input into account, incorporating several improvements in the process


HTTP/2 is nearly done standardization; it has been approved by the IESG, and should soon enter the RFC Editor’s publication queue.


HTTP/2 is comprised of two specifications:

well , The Internet Engineering Steering Group (IESG) is responsible for technical management of IETF activities and the Internet standards process. It administers the process according to the rules and procedures that have been ratified by the ISOC trustees .

How to download flickr photos when disabled by the author?

flickr image oneToday i made my account in Flickr so that i can use some photos for my project . Surprisingly for the above pic the owner didn’t allow me to download it . i thought its just a warning to not to download the image but really on right click on the image you will not get save image as instead you’ll get Save as .. where it’ll ask you to save the whole page in HTML format . but i didn’t want to download the whole page i needed the image .

flickr image two how to download flickr image when disabled

Then i thought why not try it in another way , letmme check the src code , then i happen to see a line of code where it’ll link the actual image to the server database . The line number would be around 500 to 560 (approx) where it appears on clicking the link the original image will appear then you can download the image in a regular fashion .

how to download flickr image when disabled

The above tutorial was only for educational purpose.