Media Queries – A Deeper Look

Media Queries – A Deeper Look

something useful


As promised in this post I will be looking into how to make your media queries a little bit (or a lot more) specific based on your requirements.


Before moving to the interesting parts of this blog post I would like to recap the following major points which were covered in the previous post.

min-width basically stands for “applicable of the device width is greater than or equal to” which means that the CSS code is applicable only on a media type (e.g. a screen) with width greater than or equal to the specified width.

max-width basically stands for “applicable if the device width is less than or equal to” which means that the CSS code is applicable only on media type (e.g. a screen) with width less than or equal to the specified width.


With this knowledge we can identify the following keywords in media queries that would…

View original post 470 more words

Steve Jobs Motivational Quotes

1) “We don’t get a chance to do that many things, and every one should be really excellent. Because this is our life. Life is brief, and then you die, you know? And we’ve all chosen to do this with our lives. So it better be damn good. It better be worth it.”
2) “That’s been one of my mantras — focus and simplicity. Simple can be harder than complex; you have to work hard to get your thinking clean to make it simple.”

3) “Your time is limited, don’t waste it living someone else’s life. Don’t be trapped by dogma, which is living the result of other people’s thinking. Don’t let the noise of other opinions drown your own inner voice. And most important, have the courage to follow your heart and intuition, they somehow already know what you truly want to become. Everything else is secondary.”

4) “I think if you do something and it turns out pretty good, then you should go do something else wonderful, not dwell on it for too long. Just figure out what’s next.”

5) “Quality is much better than quantity. One home run is much better than two doubles.”

6) “Innovation distinguishes between a leader and a follower.”

7) “Sometimes when you innovate, you make mistakes. It is best to admit them quickly, and get on with improving your other innovations.”

8)When you’re a carpenter making a beautiful chest of drawers, you’re not going to use a piece of plywood on the back, even though it faces the wall and nobody will see it. You’ll know it’s there, so you’re going to use a beautiful piece of wood on the back. For you to sleep well at night, the aesthetic, the quality, has to be carried all the way through.”

9) “Creativity is just connecting things. When you ask creative people how they did something, they feel a little guilty because they didn’t really do it, they just saw something. It seemed obvious to them after a while.”

10) “My model for business is The Beatles. They were four guys who kept each other’s kind of negative tendencies in check. They balanced each other and the total was greater than the sum of the parts. That’s how I see business: great things in business are never done by one person, they’re done by a team of people.”

11) “Design is not just what it looks like and feels like. Design is how it works.”

12) “What a computer is to me is the most remarkable tool that we have ever come up with. It’s the equivalent of a bicycle for our minds.”

13) “Here’s to the crazy ones, the misfits, the rebels, the troublemakers, the round pegs in the square holes… The ones who see things differently — they’re not fond of rules… You can quote them, disagree with them, glorify or vilify them, but the only thing you can’t do is ignore them because they change things… They push the human race forward, and while some may see them as the crazy ones, we see genius, because the ones who are crazy enough to think that they can change the world, are the ones who do.”

14) “It’s better to be a pirate than to join the navy.”

15) “Stay hungry. Stay foolish.”

16) “You can’t connect the dots looking forward; you can only connect them looking backward. So you have to trust that the dots will somehow connect in your future. You have to trust in something — your gut, destiny, life, karma, whatever. This approach has never let me down, and it has made all the difference in my life.”

17) “Your work is going to fill a large part of your life, and the only way to be truly satisfied is to do what you believe is great work. And the only way to do great work is to love what you do. If you haven’t found it yet, keep looking. Don’t settle. As with all matters of the heart, you’ll know when you find it.”

18) “Be a yardstick of quality. Some people aren’t used to an environment where excellence is expected.”

19) “If you want to live your life in a creative way, as an artist, you have to not look back too much. You have to be willing to take whatever you’ve done and whoever you were and throw them away.”

20) “Ultimately, it comes down to taste. It comes down to trying to expose yourself to the best things that humans have done and then try to bring those things into what you’re doing. Picasso had a saying: good artists copy, great artists steal. And we have always been shameless about stealing great ideas, and I think part of what made the Macintosh great was that the people working on it were musicians and poets and artists and zoologists and historians who also happened to be the best computer scientists in the world.”

Steve Jobs (1991–2011)

Linked lists and vectors

Vector Representation {Vector data structure}

  • In this data structure suppose we have a list of 3 elements and if we need to add another in between 1st and the 2nd elements, So in vectors what happens is insertion by adding one element to the back and shift each and every element prior from the position we need to add. So it takes a lot of processing if we have like 1m elements.
  • In vectors the amount work is directly proportional to the number of elements in it.
  • So if we perform an insertion of deletion operation the amount of work grows linearly if we are using a vector.

                            So the issue is the amount of work is dependent.

For that we need to move to another data structure

Linked lists

  • In linked lists there are nodes to represent and element. Which contains all the information related to that element itself.
  • And there are links represented by and arrow. Which will refer the node. So each node is linked with the following node. There are no indexes to linked list. And the node linked together may place in anywhere in the memory. Key to all these is the links which connects the nodes as a pointer.
  • And the end of the node is referred to null (Ø) by the link / pointer to know that it’s the end of the list.
  • So suppose we have 3 nodes connected to each other and we need to add another node between 1st and 2nd, so the best part in linked list is we can simply point 1st one’s link to the new node and new nodes link to the 2nd Simple as that.
  • So in this the amount of work is independent from the number of elements. Which means if the number of elements are 10m or 20m the amount of work is not increased linearly.
  • There’s another type called double linked list where we can traverse from start and also from the end.
  • There are head and tail pointers to point the end and the beginning of a list.
  • Node can have data or objects from a data structure and has a pointer or a link.

The amount of work is independent from the number of elements.

Vectors                            Linked lists
Not so good in insertion and deletion operations. Efficient in insertion and deletion operations.


Dependent on the number of elements. Independent from the number of elements.
Selecting an element is faster and simpler, just have to find from the index and the value. Selecting is harder because there are no indexes, So should follow all the links to find the value.
Can use binary search. Cannot use binary search.


Linked list can be used anywhere we need fast insertions and deletions but not random access.

ECSC502 Advanced Client-side Web Development Tutorial 5 – CSS + jQuery + Plugin(s)

  1. What is meant by plugin dependencies?

           In the definition of the word dependency itself means that one is affected by another.So in the textillate.js it Mainly depends on 3 other libraries; So to work with textillate.js These libraries are prerequisites…

2.  Explain how you can animate one element after the animation of a previous element is completed?

For this if the wanted element part is visible it wil start to play the animation with the previous animation.So what we can do is simply make the visibility of the related element hidden.So the animation will run after the previous animation.

3. Which CSS declaration do you use to make the paragraph hidden? (complete declaration including the selector)

font-family: cursive;


The Rugby Legend Ended his game at 40

ALL Blacks legend Jonah Lomu has died at home in Auckland, aged 40.


Former All Blacks doctor John Mayhew confirmed on Wednesday that Lomu, survived by wife Nadene and young boys Brayley, 6, and Dhyreille, 5, died unexpectedly, although he has a long history of health issues.

Nadene Lomu said: “It is with great sadness that I must announce my dear husband Jonah Lomu died last night.

“As you can imagine, this is a devastating loss for our family and may I ask that our privacy, especially the privacy of our two very young boys, be respected as we take them through this traumatic time.”

Lomu has had a long running battle with kidney problems and had a life saving kidney transplant in 2004.


                                     R.I.P LOMU

Domain model class diagram

A domain model class diagram may contain the class name and its relationships with other classes or interfaces.

Implements and Extends

  • Use dotted line arrow to denote the implementation of the interface from the implemented class to the interface with a blank arrow head d
  • Use normal line arrow to show the inheritance of a class from sub class to the super class.d


the LeagueManager object can have its own life time which is completely disconnected from the SportsClub object. Looking from a different perspective, it means that if the LeagueManager object is deleted, the SportsClub object does not die.


Final Domain model class diagram

  • A SportsClub could exist or not  but yet the LeagueManger can stand alone.
  • there could be 1 or no LeagueManager
  • there has to be one or more SportsClub.
Domain Model class diagram .png
domain model class diagram

“Code Sprint 2015” inter-University 24H hackathon Organized by IEEE Student Branch of IIT 2015

Code Sprint 2015
Code Sprint 2015

The first Ever Inter-University Hackathon in Sri Lanka was organized by the IEEE Student  branch of Informatics Institute of Technology, Sri Lanka on 14th and 15th of November 2015. Over 90 Teams from all over the island were registered and 15 Teams got the chance to Qualify and got the opportunity to compete theCode Sprint 2015  held at Dialog head office auditorium Colombo. Where Ideamart was the main sponsor and gave a huge support to kick this off in a high note. Currently it is on going and await for more details.

Part of the Organizing Committee
Part of the Organizing Committee

from left Sitting:Savidu DiasJeevinojan Vijayakumaran,John Sailesh SriskandarajahObhasha PriyankaraChamath PalihawadanaSupun Pramoda Wanniarachchi,Ravindu Perera,

From left Standing: Elon NewtonDamian PereraMadhushan Ratnakumar, Durantha Kalpage, Shadir Hisham