Have a look… an awesome presentation of all UX design phases and theirs included steps are presented here:Continue reading >>
Continue reading >>
Bootstrap Multiple Expand/Collapseby ALKAL on July 25, 2014 , No comments
Bootstrap is a well-known front-end framework giving a collection of useful tools for creating websites and web applications.
To this article, I present a custom jquery script which based on the given Collapse script and actually it is extended with a “famous” feature expand all/collapse all. Additionally, user can expand/collapse every panel without affecting some of the rest panels.
You can test and use it hereContinue reading >>
An Overview of Responsive Web Design: From Theory to Practiceby ALKAL on February 21, 2013 , No comments
It is commonly known that the shift to mobile devices is happening at an extraordinary speed and smartphones and tablets revolution brings new features to the web development. As a million screens have bloomed, there is the need to create websites and services that work equally well on every device.
As a result, a new tactic called “Responsive Web Design” was raised. Ethan Marcotte started the responsive web design trend back in May 2010. He wrote an article about the need for a more flexible approach to web design, “Responsive Web Design”, for A List Apart. Put simply, Responsive Web Design is about adjusting layout based people’s various screen resolutions, using “media queries” to figure out what resolution of device it’s being served on. It can be argued that, responsive design personalises layout more than content and adjusts to the device more so than the person.
All the above was only the theory… in this post also an example is provided, which is based on HTML5 and CSS3 standard, using also the jquery scripts Modernirz and FitVids. More specifically:
- FitVid, a jQuery plugin for fluid width video embeds.
Finally, you can check more than 60 responsive web design tutorials as a kick-off to learn and create your personal responsive website or application.
Reference: .Net, Mashable, TripwireMagazineContinue reading >>
11 Simple Concepts to Become a Better Leaderby ALKAL on January 29, 2013 , No comments
1. Listening: “When people talk, listen completely. Most people never listen.” – Ernest Hemingway
2. Storytelling:“Storytelling is the most powerful way to put ideas into the world today.” – Robert McAfee Brown
3. Authenticity: “I had no idea that being your authentic self could make me as rich as I’ve become. If I had, I’d have done it a lot earlier.” – Oprah Winfrey
4. Transparency: “As a small businessperson, you have no greater leverage than the truth.” – John Whittier
5. Team Playing: “Individuals play the game, but teams beat the odds.” – SEAL Team Saying
6. Responsiveness: “Life is 10% what happens to you and 90% how you react to it.” – Charles Swindoll
7. Adaptability: “When you’re finished changing, you’re finished.” – Ben Franklin
8. Passion: “The only way to do great work is to love the work you do.” – Steve Jobs
9. Surprise and Delight: “A true leader always keeps an element of surprise up his sleeve, which others cannot grasp but which keeps his public excited and breathless.” – Charles de Gaulle
10. Simplicity: “Less isn’t more; just enough is more.” – Milton Glaser
11. Gratefulness: “I would maintain that thanks are the highest form of thought, and that gratitude is happiness doubled by wonder.” – Gilbert Chesterton
Continue reading >>
Critical Thinking Skillsby ALKAL on September 9, 2012 , No comments
A brief history of the Windows User Interface before the "Metro UI"by ALKAL on May 31, 2012 , No comments
HTML 5: Some Useful Notes…by ALKAL on December 27, 2009 , No comments
- Introduction to HTML 5
- Google I/O 2009 – Google’s HTML 5 Work: What’s Next?
- HTML 5: Features you want desperately but still can’t use