List of Useful jQuery Plugins Best jQuery Plugins all in one place. BBQ: Back Button & Query Library Source: Leverages the HTML5 hashchange event to allow simple, yet powerful bookmarkable #hash history. In addition, jQuery BBQ provides a full .deparam() method, along with both hash state management, and fragment / query string parse and merge utility methods. ColorBox: Lightbox Source: A light-weight, customizable lightbox plugin Color Picker Source: Selection: A simple component to select color in the same way you select color in Adobe Photoshop Cookie Source: Selection: Set and get cookies with jQuery. Cycle: Slideshow Source: Slideshow plugin that supports many different types of transition effects. Date Range Picker Source: Flip Flot: Charting
Stéganographie en javascript Stéganographie en javascript 0xJS est une bibliothèque Javascript pour vos projets web qui permet de faire tout un tas de choses différentes (gestion des dates, gestion des coordonnées géographiques, expressions régulières, manipulation de HTML, gestion de requêtes DOM, "minification" du javascript...etc) mais qui surtout propose une fonction de stéganographie. Pour ceux qui débarquent, la stéganographie, c'est pouvoir planquer une info ou un fichier dans un autre fichier. Par exemple un texte top-secret dans une photo. 0xJS propose via du code, de générer des images avec le texte de votre choix, ou carrément de cacher une image dans une autre image. Si cela vous intéresse, c'est par ici que ça se passe. Merci à Romain pour le partage Vous avez aimé cet article ?
10 CSS Rules Every Web Designer Should Know Through experience as web designers we memorise all kinds of code syntax, hacks and snippets. With CSS in particular there is a number of rules and declarations that can really help transform your website designs and open up new possibilities when compared to older techniques. This post rounds up 10 declarations and tips that every web designer should have available in their CSS arsenal. @media screen and (max-width: 960px) { } The @media rule not only allows you to specify styling for your web page when printed. These days media queries are more associated with the creation of responsive or adaptive website designs. A cool and extremely useful CSS3 property that has now gained thorough browser support is background-size. One CSS3 property that has really helped transform the web over recent years is @font-face. The clever margin: 0 auto; declaration is one of the first snippets you learn when getting to grips with CSS.
Une bibliothèque de bibliothèques Javascript Si vous cherchez une bibliothèque JavaScript pour vos projets web, arrêtez d'écumer le web avec des requêtes Google totalement tordues et foncez sur JSDB. Ce site regroupe de très très nombreuses bibliothèques JS classées par catégories avec pour chacune d'entre elles une petite description et les liens qui vont bien pour la télécharger. Il y a même un classement des bibliothèques du "moment". Ce qui est sympa avec DBJS, c'est que si vous hésitez entre plusieurs bibliothèques qui font sensiblement la même chose, il suffit de regarder la note attribuée par le site (et calculée à partir de données Github) pour savoir laquelle les internautes préfèrent. + d'infos ici Freedome est un VPN sûr pour se protéger, connexion sécurisée, surf anonyme et surtout accès à tous les sites peu importe le lieu géographique. Rejoignez les 49550 korbenautes et réveillez le bidouilleur qui est en vous Suivez KorbenUn jour ça vous sauvera la vie..
Code Snippets - Snipplr Social Snippet Repository 51 Form Element Resources and Tutorials Using CSS And Javascript I featured many good looking contact forms some time ago – 91 Trendy Contact And Web Forms For Creative Inspiration, so you should know how looks good example. Now let’s take a look how to create outstanding and beautifully designed form elements from scratch ourselves. Things can get tricky even if you are experienced designer. It’s hard to attract visitors attention, but this article should help to stand out and create semantically correct, good looking and accessible web forms, checkboxes, radio buttons, buttons, fieldsets – everything you can think of when you are creating contact or login page! 1. How create good looking form without table This tutorial explains how to design a good form using a clean CSS design with only label and input tags to simulate an HTML table structure. View demo & source 2. Very well explained tutorial showing crucial points you should give attention to. View demo & source 3. View demo & source 4. View demo & source 5. View demo & source 6. View demo & source 7.
15 sites web developers and designers should know Creating a good website isn't an easy task, but there's a few tools that can definitely make your developer or designer life easier. In this article, I have compiled 15 extremely useful website that any web developer or web designer should have bookmarked. ColorCombos When designing a website, one of the firsts (and most important) steps of the process is to choose a color scheme. Color Combos allow you to browse thousand of different colors combinations for getting inspired for your upcomming design. LIpsum Who doesn’t know the extremely popular Lorem Ipsum text? What the font? You just saw a logo or website using a particular font and you enjoyed it. ConvertIcon Favicons are a must have for any website, mostly because on modern browsers as such as Firefox, it is displayed along with the site name in tabs. BgPatterns background Patterns is definitely one of the current webdesign trends. HTML Encoder Do you display code on your website? Test Everything Sprite Generator Load Impact IconFinder
Adding Custom Google Maps to Your Website | Stiern Maps are often placed on a company website to help customers find their way there. For that, Google Maps is excellent. But wouldn’t it be nice to add your company logo, parking lots, train stations, etc. to the map, to help the customer even more? It is very simple, and in this article I am going to show you how. Before we start, check out what we are going to create: Now, here is an overview: Overview Google Maps API The Google Maps API allows you to embed maps directly into your website. Getting the Coordinates As I do not expect you to know the precise coordinates of your location, I will explain a very quick way Google has provided to do this. When you enter this in your address bar, you will see this: The coordinates of Apple's head quarter in Cupertino The first number is the status code, and 200 means that everything is okay. Adding the Map to Your Website There’s no need to hesitate – let’s add that map to your website! After the URL, you will notice sensor=false. Write Adding Markers
Foundation: HTML Templates News or Magazine This template puts a focus on bold images, perfect for a magazine style site with eye catching content. Your stories are easy to find with large feature blocks. See Demo Real Estate or Travel Big thumbnails with a space for captions and descriptions along with an informative header make this the perfect template for real estate or hotel booking. See Demo Ecommerce Homepage Building an online store? See Demo Agency Bring your work to the forefront with this sleek template that's perfect for agencies or freelancers. See Demo Blog w/ Sidebar Large images, an easy to navigate layout, and versatile sidebar will help you get your blog up and running. See Demo Blog Single Column This sleek, minimal approach can help your blog stand out by putting content front and center. See Demo Portfolio Show off your work and highlight what you do with this grid style thumbnail layout. See Demo Product Page Highlight your new product and educate potential customers with this classic template. See Demo