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 [...]
jPath is a platform for developing cross – platform native applications using JavaScript and HTML. Project is in “pre-alpha” state, so don’t expect to see very descriptive information on this page. You can download this demo here: Demo 12-07-2011 (jPath + Ace editor)
CSS3 has taken web designing to a new platform. With features like css3 rounded corners and text-shadow, designers are no longer required to rely on bulky CSS hacks or graphics. However, with different browsers having their specific implementation of CSS3 it’s a load on designers to remember the syntax for each and every browser. To make [...]
IE WebDeveloper Toolbar Is a free plugin The Microsoft Internet Explorer Developer Toolbar provides a variety of tools for quickly creating, understanding, and troubleshooting Web pages. Features: Explore and modify the document object model (DOM) of a Web page. Locate and select specific elements on a Web page through a variety of techniques. Selectively disable Internet [...]
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 [...]
Zen Coding is an editor plugin for high-speed HTML, XML, XSL (or any other structured code format) coding and editing. The core of this plugin is a powerful abbreviation engine which allows you to expand expressions—similar to CSS selectors—into HTML code. For example:
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 [...]
In this “Collection of HTML5 and CSS3 Resources“, you will find articles and tutorials covered on different websites. Demos and examples are also included in this list. I tried my best to collect all useful and related information to put at one place. Still if you find something missing, kindly share it in the comments below.
A CSS framework, also known as a web design framework is a pre-prepared library that is meant to allow for easier, more standards-compliant styling of a webpage using the Cascading Style Sheets language. Just like programming and scripting language libraries, CSS frameworks (usually packaged as external .css sheets inserted into the header) package a number [...]
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
1stopfonts A font of the day place. An archive. A font search engine. [Google] Agfa Font search engine packaged so that one might think it is an independent effort. Not so: Agfa is swamping the net with URLs to capture font traffic. This site leads mainly to Agfa fonts. [Google] Archive.org Font-related search. [Google] Columbia [...]
XHTML is dead, long live HTML 5! According to W3C News Archive, XHTML 2 working group is expected to stop work end of 2009 and W3C is planning to increase resources on HTML 5 instead. And even although HTML 5 won’t be completely ready until 2022, it doesn’t mean that it won’t be widely adopted [...]
So, you’re a front-end developer, and you want to start taking advantage of new features in CSS 3 and HTML5. That’s great, but you know that most of your users aren’t running browsers that support these new standards. You could just wait for browsers to get with the times, or you could check out Modernizr. [...]
Installing a fast browser is not always enough to have a good experience when you browse the web: many web pages aren’t optimized for performance. To help webmasters improve their sites, Google launched a new section as part of Google Code: “Let’s make the web faster“, which includes useful articles, videos and downloadable tools.
More than just a plugin, WPtouch is an entire theme package for your WordPress website. Modeled after Apple’s app store design specs, WPtouch makes your WordPress website load lightning fast on touch mobile devices, show your content beautifully, all while not interfering with your regular theme. WPtouch automatically transforms your WordPress blog into a web-application [...]
