I have a Bachelor's degree in European languages, cultures, and literature from the University of Naples. I'm passionate about graphics and web design, and for several years I've been working on projects and designs for many companies. I'm a writer for the Audero User Group; my specialties are HMTL, CSS, Web Design, and Adobe Photoshop.
Responsive Images, Part 1: Using srcset
srcsetattribute allows us to specify a list of sources for an image, which will be delivered based on the pixel density or size of the user’s screen.
Discovering Pure: Basic Examples
Introduction Some of the most regular and frequent readers of the network might remember a previous series of mine entitled Build a Responsive, Mobile-Friendly Website From Scratch. It started with the creation of mockups and wireframes through to the adaptation of the layout according to the devices used. I decided to take up this small […]
Examples of Mobile Design: Anti-Patterns
This entry is part 3 of 3 in the series Mobile Design PatternsIn the first article we’ve seen some useful tips and tricks for better organization of forms, galleries and search functions; in the second one we’ve seen, through some examples of more or less known applications available in the marketplace, which are the most […]
Examples of Mobile Design Pattern: Part 2
This entry is part 2 of 3 in the series Mobile Design PatternsIntroduction In the first article of this mini-series dedicated to Mobile Design Patterns, I gave a brief overview of what they are and the importance of their implementation in any well designed mobile application. Besides, I tried to show, through the study of […]
Examples of Mobile Design Patterns
This entry is part 1 of 3 in the series Mobile Design PatternsIntroduction We’re living in an era in which the constant and rapid changes of habits and the increasing presence of technology in our lives is presenting very big challenges to developers and designers. The growing importance given to the design and development of […]
Build a Responsive, Mobile-Friendly Website from Scratch: Getting Mobile
Annarita Tranfici wraps up her series with the sixth part, in which she refines the code to ensure the project site renders properly on mobile screens.
Build a Responsive, Mobile-Friendly Website from Scratch: Responsive Rules
In this fifth part of Annarita Tranfici’s series, we see which rules to apply to render our website responsive and to assure a good performance on tablets.
Build a Responsive, Mobile-Friendly Website From Scratch: CSS stylesheet
In the fourth part of her series, Annarita Tranfici introduces the first CSS rules in order to have a general idea of the graphic style that the homepage will display.
Build a Responsive, Mobile-Friendly Website From Scratch: Semantic HTML
This entry is part 3 of 6 in the series Build a Responsive, Mobile-Friendly Website From ScratchIn the last article, as promised, we’ve begun doing some practical work with the planning and creation of a mockup. Now, we’ve focused on how to build a personal project wireframe thinking responsively and—consequently—how a responsive design can adapt […]
Build a Responsive, Mobile-Friendly Website From Scratch: Design a Mockup
This entry is part 2 of 6 in the series Build a Responsive, Mobile-Friendly Website From ScratchIn the first article of this brand new series, I have introduced the main objectives of the series and given a short but complete introduction on the critical components of media queries and responsive breakpoints. Now, it’s time to […]