Extra information on certain sections of a website can be offered with the use of tooltips. They are containers for text usually (but images or links can be also inserted), that can be accesed by the user in different ways, the most common being by hovering over the section or by clicking on a button, an icon or an image. Continue reading
I intend to start writing a short blog post at the end of every month in which to share with you an useful resource or tip. This month’s tip is a Google Chrome extension that web developers can use to make sure their web pages follow the best practices Continue reading
During the last weeks I followed a very good course on basic HTML5 held by Michel Buffa (Computer Science proffessor at University of Nice) on edx.org. It was a very good experience as the course goes through the ways to deal with multimedia content, graphics and animations, forms and a few APIs that makes working with HTML5 more fun and easy.
I was especially interested in the course section related to forms and wish to share with you some cool stuff I’ve learned. I would like to have coding examples on this blog as I move forward in learning web technologies and I hope to get feedback and change opinions with you.
The example I want to show you is about a new attribute for the input field that was introduced with HTML5: the
pattern attribute. Continue reading
What CSS elements, HTML attributes or JS APIs are supported by which browsers and to what extent? These are questions a web developer must get an answer to in order to develop websites and applications that users can properly view and use, regardless of the web or mobile web browsers they have installed.
Testing is always a must, using different testing tools (like Browsershots or Browserling – these are online tools), but knowing before coding can save a lot of time and energy. I recently came across an excellent source of knowledge about this topic – the caniuse.com website. It provides up-to-date tables with the support for front-end web technologies (CSS, HTML5, SVG, JS APIand others) on desktop and mobile web browsers. Continue reading
Building “good looking”, responsive and cross-browser compatible websites or applications has become easier and much faster since the CSS frameworks took the scene a few years ago. Nowadays it is possible for the front-end developers to build a website in hours instead of days or weeks with the use of the proper “tooling”.
Complete CSS frameworks like Twitter Bootstrap, Zurb Foundation, Skeleton, Ulkit or Pure are pre-prepared standard kits consisting of a structure of files and folders with code that offer configurable features like forms, buttons, icons and other reusable components that will provide navigation, alerts, popovers, HTML templates, custom settings, etc.
But which one is better? How do we decide what and when to use? Continue reading
First time I saw the study schema at Nackademin I thought the 3 weeks Photoshop course would not be enough for me to learn to use it at a good enough level. I had no idea at that time that it would be so intense and I was taken by surprise a little. The learning is done both in class and at home, but the student has to invest a lot to get through the grading for the projects.
10 projects, some small and other bigger to be solved and to give us at least basic ability to use Photoshop. As I’m not pleased with basics, I worked really hard to learn the tools and techniques I didn’t know and to solve the projects as good as possible. Continue reading