How to speed up your site to meet the expectations of visitors and search engines. Below you will find a list of tools to help you measure your site’s speed and identify bottlenecks. We’ll also review techniques like CSS sprites, JavaScript minification, lazy loading, and CDN. Even with increasingly fast Internet access and responsive [...]
It’s hard, if not impossible, to deny that performance is by far one of the most critical aspects of any decent web project, be it a small portfolio site, a mobile-first web app, right through to a full-scale ecommerce project. Studies, articles and personal experience all tell us that fast is best. Performance is not only hugely [...]
JavaScript comes with a lot of great functionality built in, but what if there is a function you need which is missing. How can we build them in seaminglessly in an elegant way that extends the functionality of our beloved JavaScript. The following will outline a couple methods to extend the existing functionality of JavaScript, [...]
Are you looking for a basic understanding of how UIs are created on the web or who wants to brush up outdated UI development knowledge? Or maybe you’d like to learn more about the medium you’re designing for and gain basic tools for prototyping designs? Do you want a better understanding of the web and [...]
An experiment that uses pseudo-elements to create 84 simple GUI icons using CSS and semantic HTML. Shared as an exercise in creative problem solving and working within constraints. This is not a “production ready” CSS icon set. The HTML is very simple and it relies on CSS pseudo-elements rather than extraneous HTML elements. Known support: Firefox 3.5+, Safari [...]
Recommended experience: Working knowledge of JavaScript Client-side scripting can make your application dynamic and active, but the browser’s interpretation of this code can itself introduce inefficiencies, and the performance of different constructs varies from client to client. Here we discuss a few tips and best practices to optimize your JavaScript code. Working with strings String [...]
Web standards are so important for email, while working with email client developers to ensure that emails render consistently. The Email Standards Project is about working with email client developers and the design community to improve web standards support and accessibility in email. The project was formed out of frustration with the inconsistent rendering of [...]
Doctype is the show for people who make websites. Whether you’re a designer that wants to learn some coding or a developer that thinks everything they make looks like crap, Doctype is the show for you! Every episode, Nick and Jim break down the latest topics and trends in web design and web development, from [...]
I recently came across a solution on CSSPlay for a JavaScript free lightbox that uses invalid markup. So, being a sucker for a challenge, I set myself the task of creating one with valid markup and I eventually succeeded. Note: This article assumes you have a basic understanding of (X)HTML and CSS. Source: Think Vitamin
Site speed reflects how quickly a website responds to web requests. Speeding up websites is important — not just to site owners, but to all Internet users. Faster sites create happy users and we’ve seen in our internal studies that when a site responds slowly, visitors spend less time there. But faster sites don’t just improve [...]
Ten years ago, only the most cutting-edge web designers used CSS for layouts and styling. Browser support for CSS layouts was slim and buggy, so these people advocated for web standards adherence, while creating hacks that made CSS layouts work in all browsers. One hack that became widely used was browser sniffing: Detecting which browser [...]
Post your Job openings and expose them to quality web developer and web designer candidates. Find your next Web Professional. Find your next gig or job. Powered by front-end-developer.com Post your Front-end Developer jobs now for Free
Paul Hayes has been playing with CSS transformations and making 3D cubes: The impression of a three dimensional cube can be created using modern CSS techniques, without the need for JavaScript, imagery, canvas or SVG. Using the proprietary transform property to skew and rotate shaded rectangles, individual cube faces can combine to form a 3D [...]
There are many advantages to designing with Cascading Style Sheets. CSS is extremely easy to learn and rework once a basic site framework has been established. Websites, or website components can easily be changed into something totally different just by swapping a single CSS file, or a line within a CSS file. CSS designers always [...]
According to Jakob Nielsen, these are the 10 most common usability violations found in web applications: Non-standard interface controls, such as home-grown scrollbars Inconsistency in the way things work, appear and are labelled across the app No providing proper affordances that give people visual clues about what they can do with an object (e.g. that [...]
Here’s a nice top ten of things not to do when building accessible sites: Don’t use verbose ALT text. ALT text for information-based images should be short and succinct. Decorative images should never have ALT text. Don’t use random characters, such as vertical bars, to separate links Don’t insert text into form fields Don’t use [...]
If you are building links for your blog to improve your Google Page Rank and Search Engine Position, submit your blog to these 100 Directories for free. The list is sorted according to their Google page rank. And the best part of it is that there is NO NEED FOR A RECIPROCAL LINK. When you [...]
Sites with long, multiple tutorials on CSS. CSS Basics.com : Learn everything you ever wanted to know about the basics of CSS CSS Tutorials : at EchoEcho CSS Tutorials : Eric Meyer / Meyerweb CSS Tutorials : at Tizag CSS Tutorials : at Tutorialized CSS Tutorials : at W3 Schools CSS Tutorials : CSS guide, [...]
A point based question and answer website for rails issues. I suppose the title pretty much explained everything… Visit site
Jim Rutherford passes on these links, the 12 tutorials that [he] found most useful for learning Ruby on Rails. Visit site
Powered by 
