Live Demo. Dependencies: JQuery. AngularJS. D3JS. NVD3. LegoStyle CSS Framework. You want to generate chart with very dynamic parameters? You care about performance? You want to manage the chart size, colors, order, type, label and others from one place? Do you like angularjs framework? so you’ll love LegoCharts plugin, actually i created this plugin with love in Bayt(.)com and specialy in BCCs(Branded Career Channel) project to show a very…
Read MoreGenerate form – LegoForm
Live Demo. Dependencies: JQuery. You want to generate form with very dynamic parameters? You care about performance? You want to manage the form data, style, labels, values, placeholder and others from one place? Form Inputs types: input select textarea
Read MoreeBazaarShop: platform to sell hand products and eastern souvenir online.
Day after day, as we are getting more drifted along what most people would call: “modernism”, I can’t help but to pause for a minute and ask myself, what are we missing on? And as soon as I widen my gaze beyond that, I find myself more tempted to look through our lost legacy of art and crafts, knowing how something was made and where it came to being, in…
Read MoreMy Journey to Srilanka Oct 2015 – Honeymoon
Amazing trip with my wife for my honeymoon in Sri lanka, the heaven on earth. places i visited: 1. Kandy. 2. cultural show dance. 3. golden boda temple – dumpola. 4. spice garden – mattale. 5. elephant safari – habarana. 6. habarana lake. 7. cow cart. 8. jeep safari – kaudulla. 9. baheravacanda temple. 10. Gamini for jewellery. 11. Tea factory – gambala. 12. full body massage – katrucastuta 13.…
Read MoreWriting a good jQuery plugin
You spend weeks developing a complex plugin, which does everything and you publish it on GitHub, create an awesome website and wait for users to roll in creation, you wait…and wait… but very few customers, Okay…so what gives? and download your latest Actually, you can write code but you missed of some good practices, so here is some practices i want to share it with you before publish you code: 1. Documentation.…
Read MoreAdvanced 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 MoreRequest Desktop Site
What does “Request Desktop Site” feature do? First of all, where can I find it? This feature available in chrome browser mobile version, When viewing the mobile version of a site, open the menu and check the box located next to Request Desktop site. The Web page will automatically begin to reload in the background. Actually I tried opening our responsive websites from mobile and enable this feature but without…
Read MoreEmail 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 MoreCSS 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 MoreBootstrap Framework
It’s a CSS framework and it’s developed by Twitter guys (@mdo & @fat), Check out Bootstrap on Github. Although i have a simple CSS framework using it with any new project as freelance or in Bayt.com projects, but after i found twitter bootstrap i am impressed for how can it help me, and its a weapon of choice for me for this reasons: Easy to work with. Streamline workflow and…
Read More