Advanced topics in HTML5 & CSS3

Lately, I have finished from present a training in advanced topics in HTML5 and CSS3 in collaborate with Prince Sumaya University, here is the main topics covered:  HTML4 Review. HTML5 Elements and Attributes. Advanced Topics in HTML5(Canvas, LocalStorage, AppCache, Drag&Drop, Web Worker, History Api, Geolocation, Web Sockets and FileSystem). Web Performance. Web Accessibility & Microdata. Web Design Approches(Resposnive, Adaptive, Fluid). Mobile touch events. The most important resources in front end…

Read More

Email Template For All Devices

Why Mobile First? Mobile is exploding, today’s smart phones are driving huge use of networked applications and Web content. Mobile forces you to focus, you have to prioritize because there simply isn’t room in a 320 by 480 pixel screen for extraneous, unnecessary elements. Mobile extends your capabilities. Building mobile first allows teams to utilize this full palette of capabilities to create rich context-aware applications instead of limiting themselves to…

Read More

CSS Like a Lego

With all my work at bayt.com, I’d been think more about CSS architecture, how to write the qualified, meaningful, reusable classes. So I want to share with you my secret of how to think and write the CSS, actually for me I found the fantastic way is the Lego way. Why Lego? Because it’s like a bricks can be assembled and connected in many ways, to construct such objects/classes as…

Read More

Best Practice For Using Images On Web Pages

Optimizing images for faster performance: Don’t scale images in HTML. Images should be saved to the exact size you want them to be viewed on the web. Do not resize images using size attributes in your HTML code. Taking a large image and having it display at a smaller size not only slows down loading times but also distorts your image.Don’t use a bigger image than you need just because…

Read More