background preloader

Your Photos on a Diet!

Your Photos on a Diet!

FavIcon from Pics -- free, instant favicon for your site spin.js HD Wallpapers Benchmark de vos scripts PHP avec FirePHP Avant d'optimiser vos scripts PHP, il faut d'abord repérer les principaux points d'engorgement de votre code. Pour cela, un système de benchmark permet de calculer le temps nécessaire à l'exécution d'un bloc d'instructions. Nous allons utiliser FirePHP qui est un plug-in de FireBug permettant d'afficher des messages depuis le code PHP directement dans votre navigateur. Installer FireBug et FirePHP Si vous ne connaissez pas FireBug, je vous conseille vivement de l'installer! Rendez-vous sur cette page pour l'installer dans Firefox : Une fois installé, vous remarquerez un petit cafard dans la barre d'état en bas à droite de votre navigateur, cliquez dessus, FireBug s'ouvre : Je ne rentrerai pas dans le détail de toutes les fonctionnalités de FireBug car je pourrai y consacrer une dizaine d'articles tellement cet outil est fantastique. Puis d'installer la librairie PHP de FirePHP qui nous permettra d'utiliser ses fonctions dans notre code PHP.

Créer des coins arrondis en CSS et sans images Vouloir créer facilement des blocs aux coins arrondis est un rêve de webdesigner aussi vieux que le Web lui-même. Traditionnellement, depuis les débuts du web, on réalisait ceci à l'aide de plusieurs éléments <div> imbriqués (ou autres), ou à l'aide d'un tableau à 9 cellules : la cellule du centre accueillait le contenu, tandis que les autres recevaient des images ou des images de fond étirables afin de dessiner les quatre coins et les bordures. Cette technique est généralement lourde et peu accessible. C'est pourquoi depuis quelques années et l'avènement des feuilles de style, de multiples techniques ont vu le jour pour proposer des solutions que l'on peut regrouper selon les critères suivants : avec ou sans images, avec ou sans JavaScript, avec ou sans ajout de markup (éléments dans le code HTML), fluide ou non fluide (blocs étirables en hauteur et/ou en largeur selon le contenu), toutes plus ou moins accessibles. Simple et approprié : border-radius Exemple : Et c'est tout !

PDFJoin! - Joindre des fichiers PDF en ligne gratuitement Pierre Fritsch | Blog Comment faire pour utiliser son Raspberry Pi en tant que serveur VPN, qui permet de se connecter au réseau de la maison à distance et d’encapsuler toute communication dans un tunnel. Lire la suite Comment diminuer la taille d’un gros fichier PDF sous Mac OS X ? Lire la suite J’utilise Apple Mail pour consulter mon compte GMail. Je voudrais que, quand je supprime un élément dans « Messages envoyés » et que je vide la corbeille, il disparaisse complètement de mon compte et que je ne le retrouve pas, quelques mois plus tard, dans un autre dossier sur mon compte, comme par exemple « All Mail ». Lire la suite Comment récupérer toutes les photos d’un album PicasaWeb en ligne sous Mac OS X Lion ? Mots-clés : download, picasaweb, pictures Lire la suite Comment compiler la dernière version de wget sous Mac OS X ? Traduit depuis Lire la suite Lire la suite Lire la suite Pour installer MySQL sur Mac OS X 10.6 : Pour activer PHP sur Mac OS X 10.6 : Lire la suite

Upload the Web Connect Connect your app to everything from Dropbox to Gmail in just 2 lines of code and let the Ink File Picker handle the mess of uploading files - we give you a clean, short URL that is easy to store and read from. See the Docs» filepicker.pick(function(InkBlob){ console.log(InkBlob.url);}); to see how an Ink file URL is generated Store Your files are stored in your existing S3 bucket. filepicker.storeUrl(url, function(InkBlob){ console.log(InkBlob) }); Process To make it even easier to work with user content, we enable image post-processing.

Timeline Portfolio Timeline is a jQuery plugin specialized in showing a chronological series of events. You can embed all kinds of media including tweets, videos and maps, and associate them with a date. With some design tweaks, this will make it perfect for a portfolio in which you showcase your work and interests. The HTML Timeline comes with a light colored theme by default. First, let's look at the basic layout of the page: index.html <! In the head section, we have the plugin's stylesheet - timeline.css, and styles.css, which will hold our customizations. When we call the plugin, it will search for a div on your page with the ID of timeline. <div class="container main" id="timeline"><div class="feature slider" style="overflow-y: hidden;"><div class="slider-container-mask slider-container slider-item-container"><! As we will be modifying the CSS of the timeline, the fragment above will give you a better idea of the customizations. The jQuery The init method takes single argument - the data source. The CSS

sql2json() - Converts SQL Results to JSON String < Scripts < PHP sql2json() converts the result of the given SQL query to its equivalent JSON string. See Demo This function will take a SQL query as it argument, execute it, fetch its result and convert it to a JSON string and then return the JSON string. This is very useful if you are creating Ajax applications and decide to use JSON over XML. Example Query : SELECT user_id,user_name FROM dummy_data_users WHERE user_status='1' Code : sql2json("SELECT user_id,user_name FROM dummy_data_users WHERE user_status='1'"); JSON : See Query : SELECT * FROM dummy_data_users WHERE user_id='1' Code : sql2json("SELECT * FROM dummy_data_users WHERE user_id='1'"); JSON : Code //Finally, output the data return $json_str ; }

Trois outils pour créer des nuages de mots L’usage des nuages de mots est maintenant très répandu. C’est un moyen de cartographie simple, très efficace pour mettre en avant le contexte d’un contenu. Par principe, plus un mot est cité, plus il apparait en grand dans le nuage. Mais comment créer simplement un nuage de mots à partir d’un document, d’un texte ou d’url ? Des applications en ligne permettent de le faire. Voici les résultats d’un petit test portant sur six outils en ligne permettant de réaliser des nuages de mots. Quatre d’entre eux semblent vraiment performants en termes de fonctionnalités et sont donc brièvement présentés ci-dessous avec des exemples d’images toutes produites à partir d’un même site internet, celui de notre partenaire. Wordle présente beaucoup d’avantages, facile d’utilisation, très ergonomique avec un large choix de fonctionnalités. Tagxedo présente globalement les même fonctionnalités que Wordle mais avec un plus pour le choix de formes de nuages particulièrement originales. Popularité: 1 views

Script Junkie | How to Debug Your jQuery Code In the past 10 years, more and more Web development has moved off the server and migrated to the browser, making a user's experience more responsive. Unfortunately, this transition hasn't been very pleasant for developers, given that any attempt to debug client-side code eventually means resorting to the classic JavaScript alert methods, which we are all accustomed to seeing in code such as the following: <script type="text/javascript"> alert('Alerts are so NOT the Bee\'s knees.\n\n' + 'To the contrary, they are the 3 Ds... \n' + '• Difficult to format\n' + '• Disrupt the timing of JavaScript events\n' + '• Disagreeable to the Nth degree!\n\n' + 'In summary, stay away from the alert statement as a debugging tool.'); </script> (You can view, run, and edit the source code for this example at jsbin.com/opayo/edit. In this article, I’ll describe some techniques to assist you in the debugging process when you are using jQuery in client-side Web development. Getting Started FireFinder 1.

Useful Coding Tools and JavaScript Libraries For Web Developers Advertisement Everyone who is a regular Smashing Magazine reader will know that we have a traditional habit of regularly researching the latest resources, tools and services out there on the Web, as productivity is a crucial asset of professional Web designers and developers. We could, and should, all integrate workflow optimization into our working practices. Perhaps we should warn you upfront for the long compilation, but what can we say — there are so many excellent tools out there which deserve attention of the community, yet unfortunately remain obscure way too often. Feel free to comment to this post and let us know how exactly you use these tools in your workflow and also share other tools you’ve found with others who may also find them useful and still haven’t run across them. Useful Coding and Workflow Tools Stripe: Easy Credit-Card Processing For Online StoresA website owner has many options for accepting credit card payments. Last Click Stay Tuned! You won’t regret it.

Good to Know – Google If you’re the tablet owner, touch Settings → Users → Add user or profile. Touch Restricted profile → New profile, then name the profile. Use the ON/OFF switches and settings to manage access to features, settings, and apps. Press the Power button to return to the lock screen, then touch the new profile icon. Once it's all set up, the Home screen is empty.

Related: