How to create a Lightbox without javascript
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
Read more →Increase site speed will improve your Google page ranking
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 [...]
Read more →HTML5 and CSS3 feature-detection with Modernizr library
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 [...]
Read more →Great CSS3 and HTML5 Resources
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.
Read more →CSS Frameworks, cut down on your development time.
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 [...]
Read more →Post your Front-end Developer jobs to front-end-developer.com for Free!
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
Read more →52 Font search engines for commercial and free fonts.
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 [...]
Read more →HTML 5 Cheat Sheet (PDF)
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 [...]
Read more →Modernizr: start implementing CSS 3 and HTML5 features now
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. [...]
Read more →Great tips for Making Websites Run Faster
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.
Read more →WPtouch: Automatically transforms your WordPress blog into a web-application
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 [...]
Read more →Aviary launches Falcon image markup editor and Talon for screen capture (Firefox)
Falcon is a blazing fast visual markup tool that was designed to work with Aviary’s new Firefox Extension (Talon) for screen capture, as well as for stand-alone image preparation.
Read more →Playboy looking for Senior Front end Developer
Location: Greater Chicago Area URL: http://www.playboyenterprises.com Type: Full-time Experience: Mid-Senior level Functions:Information Technology Industries:Online Media, Internet, Entertainment Posted: June 5, 2009 Pay Description:commensurate with Experience
Read more →How to become an iPhone developer in 5 steps without learning Objective-C
Buy a Mac You’ll need one with an Intel-based processor, running the Leopard version of MacOS X. It doesn’t have to be a top of the range model, though. Sign-up as an official developer If you plan on releasing your masterpiece at any point, you’ll need to sign up with the iPhone Developer Program. The [...]
Read more →Designer and Web Developer Icon Sets
This is the showcase for icon collections, that web developers and designer can use them for their work. The requirements of the icons for web will be more about simplicity, understandable metaphor and also light weight. I have collected the icons link below, these collection is strictly for web developer and its free. Pinvoke – [...]
Read more →200 bullets, arrows and icons for your Webdesign needs
A handy collection of bullets for your webdesign needs – these icons can add that little extra to your design and make your site stand out from the crowd. You may use these icons as you wish, but since the bullets are uploaded by anonymous users, some of them might be subject of copyright law. [...]
Read more →Webkit 3D Cube using new CSS transformations
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 [...]
Read more →53 CSS tutorials anyone can do
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 [...]
Read more →Top-10 design mistakes in web applications
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 [...]
Read more →Top 10 accessibility mistakes
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 [...]
Read more →
Powered by 
