5 packs d’icônes gratuits et libres de droit pour vos webdesign. Avoir des centaines d’icônes vectorielles à disposition peut faire gagner un temps considérable en webdesign.
Voici donc 5 packs d’icônes dans des styles différents, prêtes à être intégrées. Ces icônes peuvent aussi servir de base d’inspiration et sont modifiables à volonté pour s’adapter au design de votre site. Dans ce pack d'icones très complet au format vectoriel, vous trouverez toutes les icônes dont vous aurez besoin dans la plupart de vos sites web. A télécharger ici. Dans un style ‘contour’, ces sets contiennent moins d’icônes mais vous y trouverez les essentielles. A télécharger ici (lien dans le premier commentaire). A télécharger ici. De nombreuses icônes dans un style illustré, dont un set d’icônes sociales assez complet. Un set plus spécifique puisqu’il s’agit uniquement d’icones de formats de fichiers (photo, vidéo, PDF, excel…), mais le style minimaliste et les couleurs nous ont plu.
Checkout. Bootflat. Reader. Reader. 40 really creative business card templates. (829) Digg Reader. Les ressources web du lundi #64 - inspiration-tutos. Tools for image optimization. As we saw a few weeks ago, the weight of an average web page is now almost 1.5MB (median ~1MB), with > 50% of this being images.
It’s a harsh reminder that many of our pages on the web are still quite fat, a big concern for slower mobile data connections. BigQuery calculated medians for a HTTP Archive run thanks to Ilya Grigorik There have been plenty of well documented cases of page weight being heavy, with the Oakley site Brad Frost mentioned in April clocking in at ~ 25MB worth of images alone. Insanity. Just think of this on mobile: slower data, CPU, GPU..and it’s just ONE page. Images are a non-trivial problem to solve because they occasionally need to be high-res, but at the same time small enough to not kill your users mobile data cap. The page cost of using images on the web is however not a new problem but we’re at least moving beyond blaming scripts as the main culprit. Tools As a general rule run lossy optimizers first, then lossless.
35 Fresh, Free and Flat UI Kits. Piatto – A Free Flat Style Landing Page PSD. Web design project of the day: Neutral Magazine. Neutral Magazine is built by Plump Digital.
“Our creative director laid down the challenge of creating a triangle-based article index, so we needed to work out how we could break out of the standard rectangle-based HTML/CSS,” says technical director James Howard. SVG was the answer. “We used MooTools for animations, Ajax and DOM manipulation,” Howard adds, “combined with Modernizr for detecting browser support for SVG and touch. Where there is SVG support, the page HTML is converted into SVG elements, giving us freedom to clip and mask into triangles.
Working with SVG elements meant getting back to using core JavaScript and creating elements within the SVG namespace.” Finally, Plump used the HTML5 History API to track users’ progress through the site: “Articles are loaded over Ajax so we made use of the History API to update the URL in the browser, allowing deep links to articles be shared or bookmarked.” Freebie: Android Devices by Ian Mintz. 20 Flat Mobile Icons Designs for Your Inspiration. Free Download: Flattastic UI kit. Give your flat design a boost with this Flattastic UI kit, designed by Vlade Dimovski, free to download and simple to use.
The PSD is properly layered, with intuitive naming, making modifying it for your own projects a synch. The design features four pairs of complimentary colors perfect for any flat design: bittersweet, which is #FC6E51 and #E9573F; lavender, which is #AC92EC and #967ADC; grass, which is #A0D468 and #8CC152; and aqua, which is #4FC1E9 and #3BAFDA. But of course, download the PSD and you won’t need the hex codes, just use your trusty eyedropper tool! The design uses Open Sans, which is free for use from Google Web Fonts and the icons provided work beautifully with it (note: photos are not included). Download the kit below and start playing. Have you used the Flatastic UI kit for a project? Please enter your email address below and click the download button. Free Web User Interface Design Kit PSD « Css Author. 10 packs d'icons pour réaliser des webdesign en Flat Design - ressources. 17. 1300 free resources for designers.
Every designer loves free stuff.
So here we bring together 2500 brilliant freebies, covering everything from typography to 3D design, in one mammoth list. We'll update this feature regularly, adding more resources as we find them, so amazingly that number will increase over the coming months and years... 40 Free Fonts for Flat Design. Sidebar Transitions. Line Icons « Free Line Icons for Web and UI Designs. Free and premium mousemade pixel perfect graphic design and web resources. Long time no see.
100 Awesome Photoshop Brushes Sets You Should Have. 10 Must Have Responsive Web Design Tools For Designers. 189 Flares Twitter 93 Facebook 42 Google+ 50 StumbleUpon 4 Pin It Share 0 20 189 Flares × With the exponential acceptance of mobile devices and smart phones, web designers are spinning to responsive design as a solution for all effects design and lettering related.Not only does this save time, currency and struggle in the long run, but it also provides mobile users the communication and comfort of use they desire.
But if you have been tasked to make a mobile responsive design and are not definite where to initiate, this checklist of must-have responsive web design tools is sure to give you the trigger you want to generate a fluid, responsive design that accommodates approximately every mobile. Simple Grid Simple Grid is an incredible CSS framework that lets you create websites with infinite grid based layouts. It supports four different ranges of screen sizes by default. Susy Susy by Oddbird, is somewhat similar to the Semantic Grid System. Extra_ordinary_home.jpg by Aykut Yılmaz. Colourcode - find your colour scheme.