Front end web development
1.2K views | +0 today
Follow
Your new post is loading...
Your new post is loading...
Scooped by Adam Johnson
Scoop.it!

jGestures: a jQuery plugin for gesture events

A jQuery plugin that enables you to add gesture events such as 'pinch', 'rotate', 'swipe', 'tap' and 'orientationchange' just like native jQuery events. Includes event substitution: a "tapone" event can be triggered by "clicking", a "swipe" by performing a swipe-ish mousegesture.
more...
No comment yet.
Scooped by Adam Johnson
Scoop.it!

Architecture for a Sass Project

Architecture for a Sass Project | Front end web development | Scoop.it
Some suggestions for organizing modules in a Sass project for easier development and maintainability. Helpful for those working on a team or on their own.
more...
No comment yet.
Scooped by Adam Johnson
Scoop.it!

Chosen: A jQuery Plugin by Harvest to Tame Unwieldy Select Boxes

more...
No comment yet.
Scooped by Adam Johnson
Scoop.it!

JointsWP | A Blank, Foundation 5 Wordpress Theme

A blank, Foundation 5 WordPress theme A project by @jeremyenglert. Follow me on Twitter to keep up -to-date with JointsWP. Start with a Solid Foundation JointsWP is a blank WordPress theme built with Foundation 5, giving you all the power and flexibility you need to build complex, mobile friendly websites without having to start from scratch.... Read more »
more...
No comment yet.
Scooped by Adam Johnson
Scoop.it!

Web Project Management and Collaboration Using GitHub | Web Project Management | Web Project Manager | thesambarnes

Web Project Management and Collaboration Using GitHub | Web Project Management | Web Project Manager | thesambarnes | Front end web development | Scoop.it
Holly Davis discusses a few ways GitHub can be used for web and digital project management when working with designers, developers and anyone using GitHub.
more...
No comment yet.
Scooped by Adam Johnson
Scoop.it!

3 Reasons Your Website Will Never Be Finished

If you're constantly tinkering with it, you may have an advantage over your competitors.
more...
No comment yet.
Scooped by Adam Johnson
Scoop.it!

Leveling Up With Flexbox presentation at Smashing Conference

Download the slides and view the demos for my presentation on practical flexbox progressive enhancement, "Leveling Up With Flexbox" for Smashing Conference in Oxford, as well as get links to relate...
more...
No comment yet.
Scooped by Adam Johnson
Scoop.it!

Dark Patterns: User Interfaces Designed to Trick People - YouTube

Presented by Harry Brignull at the UX Brighton Conference. http://90percentofeverything.com
more...
No comment yet.
Scooped by Adam Johnson
Scoop.it!

Creating Style Guides

Creating Style Guides | Front end web development | Scoop.it
A style guide, also referred to as a pattern library, is a living document that details the front-end code for all the elements and modules of a website or application. It also documents the site’s visual language, from header styles to color palettes. In short, a proper style guide is a one-stop guide that the entire team can reference when considering site changes and iterations. Susan Robertson shows us how to build and maintain a style guide that helps everyone from product owners and producers to designers and developers keep an ever-changing site on brand and on target.
more...
No comment yet.
Scooped by Adam Johnson
Scoop.it!

The role of intuition and data in web design

The role of intuition and data in web design | Front end web development | Scoop.it
There seems to be a growing debate in the web community about the role of research and data when compared to creative intuition. Which then is better?
more...
No comment yet.
Scooped by Adam Johnson
Scoop.it!

How I improved my workflow with SMACSS & Sass - Bram Smulders

How I improved my workflow with SMACSS & Sass - Bram Smulders | Front end web development | Scoop.it
Preprocessing & Component based design principles.
more...
No comment yet.
Scooped by Adam Johnson
Scoop.it!

Why and How to avoid Hamburger Menus - by Luis Abreu

Why and How to avoid Hamburger Menus - by Luis Abreu | Front end web development | Scoop.it
We now have data that suggests Sidebar menus—sometimes called Hamburger Menus/Basements—might be causing more harm than good. Here’s some public data
more...
No comment yet.
Scooped by Adam Johnson
Scoop.it!

A Complete Guide to Flexbox | CSS-Tricks

A Complete Guide to Flexbox | CSS-Tricks | Front end web development | Scoop.it
Background The Flexbox Layout (Flexible Box) module (currently a W3C Candidate Recommendation) aims at providing a more efficient way to lay out, align and
more...
No comment yet.
Scooped by Adam Johnson
Scoop.it!

8 simple CSS3 transitions that will wow your users

8 simple CSS3 transitions that will wow your users | Front end web development | Scoop.it
CSS3 has introduced countless possibilities for UX designers, and the best thing about them is that the coolest parts are really simple to implement. Just a co
more...
No comment yet.
Scooped by Adam Johnson
Scoop.it!

DRY-ing Out Your Sass Mixins

DRY-ing Out Your Sass Mixins | Front end web development | Scoop.it
You might already be familiar with the DRY principle of writing code: “Don’t Repeat Yourself.” Using Sass is a great way accomplish this, but Sam Richard challenges us to take it a step further than that. By the end of this article, you’ll be adapting your Sass mixins to use the absolute minimum amount of code, so your pages will be super-light and quick to load anywhere. Advanced Sass magic ahead; strap in!
more...
No comment yet.
Scooped by Adam Johnson
Scoop.it!

RegExr: Learn, Build, & Test RegEx

Regular expression tester with syntax highlighting, contextual help, video tutorial, reference, and searchable community patterns.
more...
No comment yet.
Scooped by Adam Johnson
Scoop.it!

Tips for Mobile Design by @lukew (with images, tweets) · bombayhustle

From the venerable Luke Wroblewski (@lukew)
more...
No comment yet.