Coding (HTML5, CSS3, Javascript, jQuery ...)
18.2K views | +0 today
Coding (HTML5, CSS3, Javascript, jQuery ...)
Tutoriels, outils, conseils, etc
Your new post is loading...
Your new post is loading...
Scooped by Daniel Hernandez
Scoop.it!

Mobile Navigation Design & Tutorial

Mobile Navigation Design & Tutorial | Coding (HTML5, CSS3, Javascript, jQuery ...) | Scoop.it

One of the common challenges when designing responsive design for mobile is the navigation menu. If the site has many sections or pages, it gets challenging to squeeze all the items into a small mobile resolution. The navigation most likely ends up running into multiple lines or the buttons stacking on top each other. So I'm going to review some of the design solution and provide a quick tutorial on how to create a mobile navigation with jQuery.

more...
No comment yet.
Scooped by Daniel Hernandez
Scoop.it!

Mobile First Design: Why It’s Great and Why It Sucks | Design Shack

Mobile First Design: Why It’s Great and Why It Sucks | Design Shack | Coding (HTML5, CSS3, Javascript, jQuery ...) | Scoop.it

Historically, most web designers and their clients have approached the desktop side of any project first, while leaving the mobile part as a secondary goal that gets accomplished later. Even with the rise of responsive design, many of us begin with the “full size” site and work our way down.

There’s a growing trend in the industry though to flip this workflow on its head and actually begin with mobile considerations and then work up to a larger desktop version. Why would you ever approach a project this way? What are some of the pros and cons of this strategy? Read on to find out!

more...
No comment yet.
Scooped by Daniel Hernandez
Scoop.it!

6 Useful Web Development Boilerplates - favbulous.com

In web development, we have different types of boilerplates for different technologies. Thanks to all the people behind all these boilerplates. They have put all the best practises, good examples, useful tips all in one place. Ultimately, this can save heaps of your development times. For example, HTML5 boilerplate, it doesn't just comes with HTML structure, it also comes with folder setup. Another example, Email Boilerplate. Email boilerplate contains all the fixes, tips and tricks to avoid email client inconsistencies. If you go through it carefully, you will see a lot of useful information that one has took many years of experience to develop.

more...
No comment yet.
Scooped by Daniel Hernandez
Scoop.it!

iPhone Emulator - Tester votre site web sur un iPhone avec Chrome

iPhone Emulator - Tester votre site web sur un iPhone avec Chrome | Coding (HTML5, CSS3, Javascript, jQuery ...) | Scoop.it

iPhone Emulator est une extension développée pour le navigateur Chrome vous permettant de montrer comment une page web apparaitrait si vous utilisiez un iPhone.
Pour cela, il suffit de cliquer sur le bouton iPhone Emulator placé à coté de l'adresse URL pour voir comment un site web serait sur un iPhone.
Cette extension nécessite une autorisation pour fonctionner en mode incognito.

more...
No comment yet.
Scooped by Daniel Hernandez
Scoop.it!

5 Quick Ways to Make Your Site More Mobile Friendly | Design Shack

5 Quick Ways to Make Your Site More Mobile Friendly | Design Shack | Coding (HTML5, CSS3, Javascript, jQuery ...) | Scoop.it
If you’ve ignored mobile platforms in the past, it can be intimidating to finally make the jump and begin to support mobile browsing on your existing sites. There’s so much to learn, a million techniques to choose from and a limitless amount of work that you could potentially put into existing projects.

A question that designers and site owners alike always want to know is, “How can I quickly add mobile support?” Sometimes, you don’t have the budget to start from scratch and yet still desire a modicum of mobile goodness. Today I’ll walk you through five things that you can do to make your site more mobile friendly.

more...
No comment yet.