d3.js Créer un menu à onglets avec CSS Introduction Propos Je vais montrer comment utiliser le langage des feuilles de style en cascade (CSS) pour créer un menu à onglets. La technique utilisée n'a rien de nouveau, mais elle sera l'occasion d'aborder plusieurs sujets rarement traités en un même endroit. Tout au long de mon exposé, je ferai référence à des considérations méthodologiques, notamment sur les principes de développement, les outils de validation et les raccourcis d'écriture CSS. Les plus pressés peuvent aller directement au fichier HTML complet, ainsi qu'aux feuilles de style « normal.css », « ie.css » et « ie6.css ». Explication du projet Le menu doit ressembler à ce qui suit : Ce menu doit également répondre aux exigences suivantes : Bref, le résultat doit être valide, accessible, multi-navigateur et indépendant de CSS, de JavaScript ou d'un outil de pointage particulier. Matériel et préparation Pour réaliser ce projet, j'aurai besoin des trois images suivantes : Vous pouvez choisir de faire autrement. Retourner au plan
WordPress Themes, HTML Templates World debt comparison: The global debt clock untitled Source code: Documentation: Introduction Constructive Solid Geometry (CSG) is a modeling technique that uses Boolean operations like union and intersection to combine 3D solids. This library implements CSG operations on meshes elegantly and concisely using BSP trees, and is meant to serve as an easily understandable implementation of the algorithm. All edge cases involving overlapping coplanar polygons in both solids are correctly handled. Example usage: Operations This library provides three CSG operations: union, subtract, and intersect. The solids a and b above were generated with the following code: Combined CSG Example Below is a solid constructed from a combination of operations: The solids above were generated with the following code: Try it! Edit the code below to construct your own solids.
9 Useful PHP Functions and Features You Need to Know Twice a month, we revisit some of our readers’ favorite posts from throughout the history of Nettuts+. Even after using PHP for years, we stumble upon functions and features that we did not know about. Some of these can be quite useful, yet underused. With that in mind, I've compiled a list of nine incredibly useful PHP functions and features that you should be familiar with. 1. Functions with Arbitrary Number of Arguments You may already know that PHP allows you to define functions with optional arguments. First, here is an example with just optional arguments: Now, let's see how we can build a function that accepts any number of arguments. 2. Many PHP functions have long and descriptive names. Think of it like a more capable version of the scandir() function. You can fetch multiple file types like this: Note that the files can actually be returned with a path, depending on your query: 3. By observing the memory usage of your scripts, you may be able optimize your code better. 4. 5. 6. 7.
960 Grid System Web-Drawing Throwdown: Paper.js Vs. Processing.js Vs. Raphael Advertisement Before drawing anything in a browser, ask yourself three questions: Do you need to support older browsers?If the answer is yes, then your only choice is Raphaël. Paper.js, Processing.js and Raphaël are the leading libraries for drawing on the Web right now. Choosing the right framework will determine the success of your project. All of the code in this article is open source and can be run on the demo page that accompanies this article. Overview It’s all JavaScript once the page runs, but the frameworks take different paths to get there. PaperScript is a JavaScript extension that makes it possible to write scripts that don’t pollute the global namespace. Processing.js is based on a framework named Processing, which runs in the Java Virtual Machine. Using all three libraries is easy if you have some familiarity with JavaScript. Getting Started Start by importing each library. Setting Up Paper.js Setting Up Processing.js Setting Up Raphaël Now we can start drawing. Paper.js: Raphaël:
SQL Injection Cheat Sheet Find and exploit SQL Injections with free Netsparker SQL Injection Scanner SQL Injection Cheat Sheet, Document Version 1.4 About SQL Injection Cheat Sheet Currently only for MySQL and Microsoft SQL Server, some ORACLE and some PostgreSQL. Samples are provided to allow reader to get basic idea of a potential attack and almost every section includes a brief information about itself. Examples; (MS) means : MySQL and SQL Server etc. Table Of Contents Syntax Reference, Sample Attacks and Dirty SQL Injection Tricks Ending / Commenting Out / Line Comments Line Comments Comments out rest of the query. -- (SM) DROP sampletable;-- # (M) DROP sampletable;# Line Comments Sample SQL Injection Attacks Username: admin'-- SELECT * FROM members WHERE username = 'admin'-- This is going to log you as admin user, because rest of the SQL query will be ignored. Inline Comments Classical Inline Comment SQL Injection Attack Samples ID: 10; DROP TABLE members /* Simply get rid of other stuff at the end the of query.
13 Excellent Tools and Systems for CSS Grid Based Layouts | Tool A good grid can be a strong foundation for any design. Using grids got its start in print design, but has made it’s way over to the web. There are several advantages to using grids in web design, but primarily they help achieve structure and consistency in layouts. If you have yet to start using grids in your web design projects, but want to get started…we’re here to help. #grid #grid is a little tool that inserts a layout grid in web pages, allows you to hold it in place, and toggle between displaying it in the foreground or background. Gridmaker Gridmaker is a handy tool for creating grid templates for use in Photoshop. 960 Grid System The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. YUI: CSS Grid Builder CSS Grid Builder is another tool that lets you design your own grid by specifying body width and number of columns. 1 KB CSS Grid netProtozo: Grid Generator Blueprint Typogridphy The Golden Grid