Material Design – Crawlers understand custom elements? How does SEO work?
Posted on November 13, 2014 by Sameera Thilakasiri
Because Polymer makes use of polyfills, search engines should treat Polymer-based applications no differently than they do other javascript-based web apps. In fact, Google’s crawler understands JavaScript heavy applications. Going forward, it is a reasonable assumption that as use of native Shadow DOM increases, search engine providers will try to adapt to understand it, just as they have adapted to other new web technologies in the past.
“Google is now using your Javascript, CSS, and image files as ranking factors, in addition to the traditional HTML. Update your robot.txt file to allow Google’s bots access to crawl you JS, CSS, and images for optimal rendering and indexing.”
Author
By Sameera Thilakasiri
,is a front-end developer based in Colombo, is a blogger and a lifestyle photographer.
Follow him Twitter and Google+. Check out him.
Google updated with Material Design for Android Lollipop
Posted on November 13, 2014 by Sameera Thilakasiri
Google is bringing its new Material Design style to all of its biggest apps, and today that includes its namesake. Anyone who’s running Android Lollipop should soon begin to see a more colorful design inside of the Google app. It doesn’t appear that the app will look all that different, but it’s getting a number of new features in this update too. Most notably, it’ll now be able to search inside of other apps. Google gives the example of searching Tumblr by saying, “OK Google, search Tumblr for ‘Things Organized Neatly,'” at which point the app would send you into the Tumblr app and display the appropriate results.
Read more
Author
By Sameera Thilakasiri
,is a front-end developer based in Colombo, is a blogger and a lifestyle photographer.
Follow him Twitter and Google+. Check out him.
Better data showcase with Gestalt Laws
Posted on September 24, 2014 by Sameera Thilakasiri
Gestalt laws originate from the field of psychology. Today, however, this set of laws finds relevance in a multitude of disciplines and industries like design, linguistics, musicology, architecture, visual communication, and more.
These laws provide us a framework for explaining how human perception works.
Understanding and applying these laws within the scope of charting and data visualization can help our users identify patterns that matter, quickly and efficiently.
None of the Gestalt laws work in isolation, and in any given scenario, you can find the interplay of two or more of these laws.
Let us cover some of the Gestalt laws that are relevant to enhancing data visualization graphics.
Gestalt Law of Prägnanz
The law of Prägnanz is the central law of Gestalt.
Prägnanz is a German word that means “pithiness.” Pithiness is the act of being concise and full of meaning/substance.
The law of Prägnanz states that the human brain loves simplicity and it tends to process simple patterns — patterns that are regular, even, and orderly — faster than patterns that are more complex.
Nice article about Gestalt Law
Author
By Sameera Thilakasiri
,is a front-end developer based in Colombo, is a blogger and a lifestyle photographer.
Follow him Twitter and Google+. Check out him.
Concepts of Card UI
Posted on September 2, 2014 by Sameera Thilakasiri
The fundamental elements that constitute cards user interface are underlined by the concept of delivering an entire aggregation of information as grouped into single experiences. Like the traditional cards that were sent to express a holistic experience, cards UI represents integration of several personalized links in a single enhanced delivery. Since the user is involved, this system imitates real life experiences and routines.
The cards UI displays components of information just the same way people have credit cards, debit cards, Identification card, certificates, honors and licenses. The interface allows the user to access information in a more convenient, comprehensive and personalized way. The evidence of this system can be experienced when flipping through online photo album and each picture includes its own description and background tale. They are designed to allow manipulation which is the efficiency attributed to computers and applications.
Benefits of Cards User Interface
There are many advantages that can be associated with card UI and they are what make this technology the hottest trend in current designing. The ability to create other cards that enclose other cards expands the level at which pages and links could ever reach.
Conclusion
There are many reasons why cards user interface is the hottest trend in design. Firstly, user interface underlines all modern interactions between service provider and online client and cards are currently the most efficient site delivery technology. They enable designers to focus on contents in a housed space that has information inseparable from the bounding “card”.
The design has already proven to be the best in approaching the problem of diverse user screens available for internet access. For wise website developers, cards user interface will be an imminent utility considering the fluid customer behavior that features higher intolerance and impatience. The majority population that engages in internet business and transactions are very sophisticated and will quickly shift to test new technologies. If they find a better service which is undoubted for cards UI, they are most likely never to visit an originally low efficient site.
Author
By Sameera Thilakasiri
,is a front-end developer based in Colombo, is a blogger and a lifestyle photographer.
Follow him Twitter and Google+. Check out him.
Nodejs & LessCSS and Grunt for your way to frontend development. Performance, optimization, and best practices.
Posted on April 2, 2014 by Sameera Thilakasiri
How does Nodejs & LessCSS and Grunt make easy the FED?
First off all LessCSS(Less is a CSS pre-processor, meaning that it extends the CSS language, adding features that allow variables, mixins, functions and many other techniques that allow you to make CSS that is more maintainable, themable and extendable.) changed the world of UI Engineering with its features. Less runs on both the server-side (with Node.js and Rhino) or client-side (modern browsers only). This is the place where NodeJS stands.
Read more
Author
By Sameera Thilakasiri
,is a front-end developer based in Colombo, is a blogger and a lifestyle photographer.
Follow him Twitter and Google+. Check out him.
Tags: Best Practices | frontend development | Grunt | LessCSS | Nodejs | optimization | Performance | Web Design
Community presentations of the blogger
Sameera at LinkedIn
BIOGRAPHY
Sameera Thilakasiri is a front-end developer and UX Architect based in Colombo, Sri Lanka, specialist in User Interface Design, User Experience, Usability and Accessibility, Information Architecture, Responsive Web Design, Interactive Design, Search Engine Optimization, Trainging and Public Speaking.
In his profession, follow the best practices, W3C web standards and guidelines, responsive, semantic, usable, accessible, SEO friendly to cutting edge cording using XHTML/HTML5, CSS and jQuery for Pixel-perfect cross browser compatibility.
In his leisure blogging for technical articles and lifestyle photographer.