Jay Degener

47 Flips | 2 Magazines | 8 Following | @degeneja | Keep up with Jay Degener on Flipboard, a place to see the stories, photos, and updates that matter to you. Flipboard creates a personalized magazine full of everything, from world news to life’s great moments. Download Flipboard for free and search for “Jay Degener”

Top Usability Mistakes in Web Design

High-quality usability has been the center of discussions in the industry in the past ten years, as it becomes more and more important for users. …

13 Tenets Of User Experience

In my career as a user experience professional, part of my purpose has always been to help push our profession forward. And I’ve had the great …

CSS3 Regions - How it Works

One of the best advantage of print media, like a magazine or a newspaper, over the website is the full flexibility on arranging the pages and the …

Web Development

Free Javascript Ebooks

JSbooks is a showcase of the bests free ebooks about Javascript. Find here the best publications about JS without spending any bucks !

Developing With Sass and Chrome DevTools

In this article we'll take a look at how we can better integrate Chrome DevTools into our Sass development workflow.<p>Tutorial Sneak Peek!<p>Here's a peek …

Web Development

How to animate media queries

Responsive design is everywhere, and whether you’re using a framework or writing media queries yourself, some elements on your page are bound to move …

Fullscreen Layout with Page Transitions

View demo Download sourceToday we’d like to share an experimental responsive layout with you. Initially, the layout shows four flexible boxes. When …

13 Top-Notch CSS3 Fresh Tutorials | Web & Graphic Design

Unlimited Downloads : 400,000+ Design Assets<p>In this post we offer you a great collection of 13 Top-Notch CSS3 Fresh Tutorials you can always use …

Tutorials

50 Free HTML5 CSS3 Templates Which You Should Download

Finding of high-quality and beautiful templates are available out there. These templates make creating an eye-catching website an easy and quick …

Web Design

Pure CSS3 breadcrumb navigation - the pixel perfect way

Description<p>The problem with most CSS3 based breadcrumbs is that they use border based triangles for the arrows which is awful because:<p>1. Hover …

Tutorials

How to Code an Expanding HTML5/CSS3 Search Input Field

Building a Simple Form<p>I do not want to have the demo forms actually submit anything, so I am using JavaScript for stopping the submit event. But the …

Password Protection

Create a Drop-Down Navigation Menu with HTML5 and CSS3

There are some great solutions to drop-down navigation menus, like the superfish jquery plugin for example. Many of them are using a lot of files and …

Creating A Multi Column Layout With CSS3

Advertisement<p>Every year, computer screens are getting wider and wider and the text paragraphs on websites are becoming wider too and difficult to …

Web Development

Swinging effect with CSS3 animations

In a previous post I’ve made two subtle CSS3 hover effects with CSS transitions. In this tutorial I’m using <b>CSS3 animations</b> and <b>transitions</b> to create a …

CSS

How to Create a Toggle Switch in CSS3 — SitePoint

You’ll find mobile-interface-like toggle switches in various places around the web but I wanted to improve existing examples.<p>Specifically, I wanted a …

7 Wonderful Secrets of CSS3 Rules Every Designer Should Know

If you are a web designer then you will know how difficult it is to memorize a lot of stuff related to the Web Design and Development work. When …

15 CSS tutorials - learn the basics and a few new tricks

Learning CSS can be a daunting task. Whether you're an absolute beginner or learning the ropes, it's always important to get the best advice and …

CSS

30+ Hot CSS3 Image Hover Scripts

CSS3 image hover effects is one of the common techniques used in web design to make web pages more interactive and stand out visually. CSS image …

HTML5, CSS3 and JavaScript - The Fine Art of Web Development by Martin Ivanov

25 Fresh HTML5 jQuery And CSS3 Tutorials

CSS3 and HTML5 are the latest designing and development language which can help you take your development and designing to the very next level. It …

jQuery

4 Steps For A Better Website Development Process

Launching a new website or redeveloping your current one sounds simple enough, right? But there’s actually a lot to consider before you dive into the world of Web development, and it runs much deeper than defining a price.<p>A website isn’t a product, it’s a service. This makes choosing a Web …

Lesson 1: HTML 5 (The Future of WEB)

This Facebook post is no longer available. It may have been removed or the privacy settings of the post may have changed.

Responsive Web Design Easter Egg

<b>Article Continues Below</b><p>Three years ago in these pages, ALA technical editor Ethan Marcotte fired the shot heard ’round the web. ALA designer Mike …

Designing for Breakpoints

Jeremy Keith notes that what happens between the breakpoints is just as important as the breakpoints themselves—perhaps even more so. While I agree …

Web Design

Flexbox Is As Easy As Pie: Designing CSS Layouts

There are, however, some caveats. The specification changed between the implementation in Internet Explorer (IE) and the release of IE 10, so you …

Typographic Design Patterns And Current Practices (2013 Edition)

Now, three years later, <b>we’ve reviewed the original study and explored how Web typography has changed</b> over these years. We spent countless hours …

The State Of Responsive Web Design

Most designers like pixel perfection, but “normal”-sized images on high-density devices look pixelated and blurry. Simply serving double-sized images …