December’s tip – nice looking alerts

This month’s tip is a Javascript library that allows you to have nice looking alerts for your applications. I am working on an app with Bootstrap and AngularJS and I have confirms and alerts that should be shown to the user. This are easy to implement with regular Javascript and browsers will display them, but their looks are…let’s say not so nice. I wanted more from my app so I looked up a library that could give me just that: good looking alerts that I could also customize if I wanted. Continue reading

Advertisements

The pattern attribute in HTML5 input fields – use example

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

Browser support – one of the web developer’s challenges

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

CSS Frameworks – how do they make our lives easier?

frameworks

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

Photoshop training

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