background preloader



Related:  Web/HTML5(CSS3, JS...)CSSUtileWebdesignConception

Jesse Chapo - Developers Guide to Images A Developer's Guide to Images February 26, 2013 I’ve regularly received questions from developer friends who are a bit baffled with images and the somewhat confusing formats. I’ve also heard from various developers that they hate receiving a PSD with no instructions and having to wade through the overwhelming options of Photoshop. This short guide is aimed at explaining the basics of image formats and giving you some simple rules that you can apply everyday when you are actually trying to save images from Photoshop. Part 1: Getting Familiar with JPG & PNG There are basically two types of images you will use when coding - PNGs and JPGs.

Maximum Image Size in Safari Mobile { William Malone } by William Malone IOS enforces a maximum image size in Safari Mobile. In most cases it's much larger than what would be used on a webpage. Icon System with SVG Sprites I've been a big proponent of icon fonts. Lots of sites really need a system for icons, and icon fonts offer a damn fine system. However, I think assuming you're good with IE 9+, using inline SVG and the <use> element to reference an icon is a superior system. First let's cover how it works. A nice way to handle your icons is to have a folder full of .svg files. They can be colored, not colored, multiple shapes, sizes, whatever. The 12 Best Free Photoshop Plugins for Designers While Adobe Photoshop is a powerful, creative platform, using plugins can help to extend its capabilities and use it to its full potential. Using an add-on can help you perform tedious or difficult tasks in a more efficient manner, enabling you to spend more time on design. There are thousands of plugins to choose from, but many are outdated and no longer work with updated versions of Photoshop. We've collected the best free plugins you can download, install and start using right away. We focus on a variety of free plugins best suited to web and graphic design, to help you work faster and more productively.

before ::after is a pseudo element which allows you to insert content onto a page from CSS (without it needing to be in the HTML). While the end result is not actually in the DOM, it appears on the page as if it is, and would essentially be like this: <div><!-- Rest of stuff inside the div --> hi </div>

Human JavaScript The single biggest challenge you'll have when building complex clientside applications is keeping your codebase from becoming a garbled pile of mess. If it's a long-running project that you plan on maintaining and changing over time, it's even harder. Features come and go. You'll experiment with something, only to find it's not the right call and leave traces of old code sprinkled throughout. I absolutely despise messy code. It's hard to read, hard to maintain, hard to collaborate on, and it's just plain ugly to look at. Inline SVG vs Icon Fonts [CAGEMATCH] If you're building an icon system for a site, you have some options. If you know the icons need to be raster images, then you'll likely be using CSS sprites. If the icons will be vector images (much more common these days), you have some options. Two of those options are using inline SVG and using icon fonts.

Home — Google Web Fundamentals Web Push Notifications, a new way to engage users Web push notifications makes it easy to re-engage with users by showing relevant, timely, and contextual notifications to the user, even when the browser is closed! Web push notifications allow users to opt-in to timely updates from sites they love and allow you to effectively re-engage them with customized, relevant content. The Push API and Notification API open a whole new set of possibilities for you to re-engage with your users. Get started This data type randomly generates human names (mostly Western) according to the format you specify. You can specify multiple formats by separating them with the pipe (|) character. The following strings will be converted to their random name equivalent: Please Stop "Fixing" Font Smoothing - The Usability Post I wrote two posts on the topic of WebKit font smoothing before, but unfortunately the situation has grown worse since then. In allowing the designer to pick their own font smoothing mode with the -webkit-font-smoothing CSS property, WebKit developers have opened up an opportunity for typographic abuse, namely, the disabling of subpixel font rendering. As I mentioned before, WebKit gives designers three font smoothing modes:

Javascript Best Practices Part 1 Javascript Best Practices, Part 1 Make it Understandable Choose easy to understand and short names for variables and functions. Bad variable names: Also bad variable names: incrementerForMainLoopWhichSpansFromTenToTwenty } createNewMemberIfAgeOverTwentyOneAndMoonIsFull

Related:  Webographie : cours HTML et CSSDesarrollo WebAstuces CSS