Web Components, Shadow DOM? DOM Framework? Ok, no so fast, have you listened what is coming in the way we create web portals? No yet; then listen this excellent talk and I promise, you will learn a lot of great things! The future is here and now!
For all of you who enjoy make experiments with the web, this is an idea that two of my friends (an experiment made by @superjaca10 and @dantaex for the Astonising Summer at Edis) developed few days ago: http://www.exploreacm.tk/
It is about collecting references from the ACM Digital Library, it uses techniques of web scraping (a computer software technique of extracting information from websites).
The nicest thing is they also created a tree-viewer of references among indexed articles using Node.js, AngularJS and MongoDB as information repository.
You can try with a search criteria like “bayesian non-local” or “removing multiplicative noise”.
Following is an example of how the viewer looks like:
Definitely an excellent project with cutting-edge front-end technologies to make nicer the search, congrats my friends! 🙂
Imagine the possibility that you could control how your website is displayed when someone visit it in a smartphone or in a tablet, that is an awesome feature that it will do your visitors love you! Well, media queries, are an excellent way to change styles (images, backgrounds, colors, height, width, spacing, etc.) depending of the device that you are using to visit a website. This kind of techniques improve a lot the user experience and create a better opinion in your visitors about your site.
Since inclusion of new devices like smartphones or tablets, users have changed the way that they use web portals, right now thousands of people prefer to visit a website from their mobile device instead of use a personal computer, for this reason is too important create or adapt our pages to render them correctly and friendly on these devices. So, if you want to improve the user experience in your website maybe media queries will be really useful to give different “sights” to your visitors.
Media queries support
If you are asking yourself which web browsers support media queries you could find the next table very useful (for more details please visit: http://caniuse.com/#feat=css-mediaqueries):
As you can see, the support is really good and maybe you are thinking about what happens with Internet Explorer, well, don’t worry about that because almost all devices (smartphones or tablets) have a good web browser and probably you won’t never have problems with this situation.
That’s it. If you need a complete article about this, please visit next link: https://wiki.base22.com/display/btg/Media+Queries
Be happy with your code!
As a web developer I am sure you have asked yourself many times how to decide which web browser your project should support when it is using new HTML5 semantic elements, well today I will try to summarize -with this short article- a list of resources and suggestions that could help you with this task.
After studying compatibility among most popular browsers and HTML5 + CSS3, I consider your target should be:
Internet Explorer 7+
iOS Safari 4.0+
Opera Mini 7.0+
Android Browser 2.2+
Blackberry Browser 7.0+
With this list of browsers we can support almost all new semantic elements HTML5. The next figure show a list of web browsers with full-support for HTML5 semantic elements (you can see the full list in: http://caniuse.com/#cats=HTML5). It is true that Internet Explorer 7 and 8 doesn’t support semantic elements but there is a list of “tricks” that we could use in order to create a good solution for that (Mondernizr and Polyfills).
Figure 1. Semantic elements support in different web browsers.
Below there is a list of websites where more information about this topic can be found.
Alex is an experienced technology professional. Currently, he belongs to Base22; a family with a lot of awesome people!
He loves Computer Sciences and consider himself passionate about research and its application to any aspect of life.
He is also: