Cesar H Castro Jr

686 Flips | 1 Magazine | 36 Likes | 3 Following | 424 Followers | @cesarhcastrojr | Keep up with Cesar H Castro Jr 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 “Cesar H Castro Jr”

How to improve your web design workflow

As a freelancer in the field of web design or development, you are well aware that time is money. When you are able to get a great deal of work done …

Tips For Designing A Website Navigation With Good UX

Website navigation is one or the core experiences for browsers. An effective navigation system helps to negotiate a site, determining where users are …

What’s the Best Font for Your Resume or CV?

It might sound a little silly at first, but the typeface you select for your resume design can speak volumes to potential employers. The font …

10 awesome new web design tools for May

Summer is finally on its way, and with it comes a whole load of great new web design tools. One of the most exciting of which is Lobe, a system that …

Minimal Page Transitions with jQuery & CSS – Front-end Development & Design

Abrupt changes in an interface are hard for users to process. The best way to ease a user out of the current page they are on and into the new page …

Get paid to build websites in your pajamas

What’s better than a great job as a web developer? A great job as a web developer that you can do without putting on pants.<p>Such is the magic of being …

Practical SVG by Chris Coyier

Harness the power and possibilities of crisp, performance-efficient SVG with Chris Coyier. From software basics to build tools to optimization, …

Responsive Web Design Articles, Tutorials & Guides

Because the showcase of responsive website designs proved pretty popular, we decided to revisit the topic and look at some super handy responsive web …

Will we be flattening our HTML for CSS Grids?

I was watching Rachel Andrew talk about CSS Grid Layout yesterday at An Event Apart. Grid is amazing and the day will soon come where it's a dominant …

Web Development

The Annoying Mobile Double-Tap Link Issue

We had a question come up the other day on ShopTalk about regular ol' anchor links on iOS, and some weird situation where you couldn't just tap them …

Useful Docs and Guides for Front-End Developers

by Bradley Nice, Content Manager at ClickHelp.co — software documentation tool<p>I come across so many interesting info-apps and documents in my daily …

The Guide to HTML5 Canvas JavaScript Libraries

<b>Have you ever wanted to spice up your website with some interactive elements</b>, but didn’t know which library to use or where to start?An increasing …

JavaScript

Know Your File Types: When to use JPEG, GIF & PNG

JPEG, GIF & PNG – What’s The Difference?<p>Trying to save space on image files, but not compromise quality? Many designers use wrong file formats (check …

HTML Tutorial for Beginners 101 (Including HTML5 Tags)

Would you like to learn some HTML?<p>Sounds like a great idea. Hence the reason why I’ve put together this HTML tutorial for beginners.<p>There are at …

Web Development

Creating a fullscreen HTML5 video background with CSS

Fullscreen background videos that autoplay right when the webpage loads (above the fold) has become quite a popular trend these days. Personally I …

It’s Time, We Think Beyond Flat Designs in Website Development

Are you not dead and done with the current <b>web design trends</b>? As flat designs have been really successful type of design, it has been out there too …

Dentality 3in1. HTML5 template for dental and medical clinics.

Dentality 3 in 1. HTML5 template for dental and medical clinics.<p>Dentality 3 in 1 is the awesome responsive HTML5 template, created for medical …

Web Design

12 Awesome Animations You Think HTML5 Can Not Do

In August 9, Google posted a post regarding Flash and Chrome. Adobe Flash Player has played a vital role in bringing rich media content such as video …

Software

Apple Patents A Clever UI Trick For Using Your Phone With One Hand

The patent shows an iPhone that can dynamically adjust its UI to the way it’s being held.<p>Criticizing larger, so-called “phablets,” Steve Jobs once said that the iPhone was the perfect size, because you could easily use it with one hand. Today, though, the majority of smartphones Apple makes are too …

Fancy SVG Letter Animation

View demo Download source<b>Today we’d like to show you a fancy little lettering animation made with SVG and anime.js. The idea is inspired by Jake</b> …

Graphics

Suspended – Medium

Pure CSS Dynamic Image Colorizing

.row { display: flex; flex-wrap: wrap; padding: 0 4px; } /* Create four equal columns that sits next to each other */ .column ...<p>.row { display: …

Web Design

5 top grid systems for web designers

When I begin a new project, half the battle is starting on the right foot. I imagine others feel the same, as they navigate countless tools and blogs …

Web Design

Inspiration for Navigation Indicators

View demo Download sourceToday we’d like to share some style inspiration with you. The topic of this inspirational collection is navigation …

How to create a “Coming Soon” countdown page

If you are planning to launch a new product, an online project, or simply an ordinary blog site, posting a “Coming Soon” page with a countdown …

jQuery

Amazingly Useful HTML, CSS and JavaScript Tools and Libraries

by Bradley Nice, Content Manager at ClickHelp.co — professional technical writing tool<p>Front-end development is tricky: it’s not difficult to learn, …

Above & Beneath: Featured Content Layout Effect

View demo Download sourceToday we’d like to share a little aquatic landing page template with some special effects with you. The idea is to show a …

CSS

Flatbook for Chrome cleans up Facebook's messy desktop UI

If you’re tired of all the ads and clutter in Facebook’s desktop interface, you’ll want to check out Flatbook for Chrome. The free extension does wonders for the way the site looks and makes it a whole easier to browse and kill time with.<p>For starters, it hides all ads and useless bits like the …

Celebrity Gossip

Flexible typography with CSS locks

In early 2012, I shared a formula for “molten leading”, or fluid line spacing. Experienced typographers know that long lines of text need more line …

Typography

How to Check and uncheck all using jQuery and JavaScript

The check and uncheck all functionality basically is seen where the large list of records are available. This small feature makes little easier for …

jQuery