Actualités

Web Page (Store) Using the :target pseudo-selector for alternative layouts ⚒ Nerd

I really like the :target pseudo-selector. It enables you to style the target of a so called skip-link. For instance when you link to a section in an article: you could highlight the header of that section. Or you can use it for toggling simple drop-down menus — the ones you see a lot on small screens. But you can also use it to create a completely different layout. j First I did this: <html lang="en" id="g"> Then I wrote this #g:target body { columns: 15em; column-gap: 0; } /* and some other styles, you can look at the code: view-source:http://ghehehe.nl/the-daily-rectangle/ */
Kevin Bransard · Front End Development JCMS · on 5/15/14 at 9:38 PM

Web Page (Store) Apple adds iOS Developer interface design guidelines book to iBooks | 9to5Mac

Apple has added the iOS Human Interface Guidelines for App Store app designers to the iBookstore. Previously, the guidelines were solely available from the online Apple developer portal, and the addition to the iBookstore makes the guidelines for designing iOS 7 apps more easily accessible.
Kevin Bransard · Front End Development JCMS · on 5/14/14 at 12:05 PM

Web Page (Store) Leaving Pixels Behind - Todd Parker - (Google Slides)

A vector workflow for designers - "SVG is the future, don't fear the vectors" Présentation très complète qui détail pourquoi il ne faut pas utiliser les bitmaps ... ni les caractères unicode (emoji & co) ou les font-face (font awesome & co), pourquoi le SVG c'est formidable, et comment utiliser le SVG.
Olivier Jaquemet · Front End Development JCMS · on 5/14/14 at 10:50 AM

Web Page (Store) An Introduction to the Geolocation API - Tuts+ Code Tutorial

Paper maps have long been replaced by dedicated GPS navigation devices and mobile applications, which have become ubiquitous. Today, we're lucky enough to have geolocation natively supported by browsers. In this article, we'll discuss the Geolocation API, which allows us to detect and track the location of a device. | Difficulty: Beginner; Length: Medium; Tags: Mobile Development, HTML5, Javascript, Geolocation
Kevin Bransard · Front End Development JCMS · on 4/29/14 at 11:17 AM

Web Page (Store) Chrome DevTools Features You May Have Missed - Tuts+ Code Tutorial

With the recent updates to Chrome DevTools, let's take a look at a few of the newer features which you can use to help debug and improve your web application workflow with. | Difficulty: Beginner; Length: Medium; Tags: Web Development, Chrome Dev-Tools, JavaScript & AJAX
Kevin Bransard · Front End Development JCMS · on 4/28/14 at 10:11 AM

Web Page (Store) 3 stunning CSS animation effects that will captivate your users | Webdesigner Depot

Beautiful visual design isn’t enough any more, modern design needs great interaction to really stand out. Animations in your designs can provide clarity, direct attention, and create a delightful experience. Designing interactions is exciting, but costly. Often it takes back and forth between designers and developers to get animations just right; but it doesn’t need to be this way. CSS transitions afford the opportunity for designers with limited knowledge of code to enhance their projects with stunning motion effects that will engage users like never before. Let’s start with something simple: moving from one screen to another…
Kevin Bransard · Front End Development JCMS · on 4/25/14 at 10:36 AM