Web Development
The best Web Development links we can find. Jan 26
Get flash to fully experience Pearltrees
27 Must-Have Starter Kits For Web Designers
Starter kits are great timesavers for web designers and they are particularly useful for those who often create mock-ups for project pitching on daily basis. If you are a designer-cum-programmer think of it as your code snippets So what’s in a starter kit? We think it varies – depending on what each designer routinely worked with. For GUI designers , keeping a copy of form elements (buttons, checkboxes, tab, drop down menus, etc) helps speed up the process of creating screens and layouts; on the other hand, browser (IE, Firefox Safari) templates with web safe area keep web designers reminded how/where they should prioritize their contents.Free Website Performance Tool and Web Page Speed Analysis Try our free web site speed test to improve website performance. Enter a URL below to calculate page size, composition, and download time. The script calculates the size of individual elements and sums up each type of web page component. Based on these page characteristics the script then offers advice on how to improve page load time.
Web Page Analyzer - free website optimization tool website speed test check website performance report from web site optimization
List of Really Useful Tools for CSS Developers | W3Avenue
Regardless of size and scope of your project, CSS development process can take quite a lot of time. Even if you are an experienced CSS developer; having good set of tools at your disposal can drastically improve your productivity. W3Avenue has compiled a list of really useful CSS tools that will help you increase both your productivity and knowledge. We have categorized these tools under various categories to help you easily find the right tools for your needs.
The Best Social Media Icons All In One Place | Freebies
The ability to easily bookmark or share content on popular social media platforms is now a must have feature for web sites. It’s also important that this feature isn’t over looked by web site visitors. So it’s always a good idea to use icons when linking to social media sites. They get peoples attention and the logos are immediately recognizable.All the dimensions are in percentage widths so the layout adjusts to any screen resolution. Vertical dimensions are not set so they stretch to the height of the content. Maximum column content widths
The Perfect 3 Column Liquid Layout: No CSS hacks. SEO friendly. iPhone compatible.
Accessible, Custom Designed Checkbox and Radio Button Inputs Styled with CSS (and a dash of jQuery) | Filament Group, Inc., Boston, MA
Styling checkbox and radio button inputs to match a custom design is nearly impossible because neither reliably supports basic CSS, like background colors or images; it's even a challenge to get the margins to appear consistently across browsers. To remedy this we developed a concise jQuery plugin based on progressive enhancement that leverages an input element's built-in functionality and accessibility features and works in all modern browsers without added markup or mandatory CSS classes. In the past few years web application interface designs have evolved from flat metal gray to having rich color palettes and dimensional background images thanks to the adoption of web standards and advanced CSS techniques.
After I got a lot of feedback for the Beautiful Slide Out Navigation, I had some new ideas for a similar horizontal navigation. Thanks a lot to everyone! Like Stefan Matei pointed out, it might be quite cute but we don’t want the user to hover over all options first, in order ... View demo Download source After I got a lot of feedback for the Beautiful Slide Out Navigation , I had some new ideas for a similar horizontal navigation.
Beautiful Slide Out Navigation Revised | Codrops
Beautiful Slide Out Navigation: A CSS and jQuery Tutorial | Codrops
Today I want to show you how to create an amazing slide out menu or navigation for your website. The navigation will be almost hidden – the items only slide out when the user hovers over the area next to them. This gives a beautiful effect and using this technique can spare ...
Twice a month, we revisit some of our readers’ favorite posts from throughout the history of Nettuts+. This tutorial was first published in November, 2010. So you learned the base id , class , and descendant selectors – and then called it a day? If so, you’re missing out on an enormous level of flexibility. While many of the selectors mentioned in this article are part of the CSS3 spec, and are, consequently, only available in modern browsers, you owe it to yourself to commit these to memory. Let’s knock the obvious ones out, for the beginners, before we move onto the more advanced selectors.
The 30 CSS Selectors you Must Memorize | Nettuts+
When an HTML page contains a small amount of content, the footer can sometimes sit halfway up the page leaving a blank space underneath. This can look bad, particularly on a large screen. Web designers are often asked to push footers down to the bottom of the viewport, but it's not immediately obvious how this can be done.