Creative developer based in the UK

Remove chrome element focus borders

Remove these for Chrome by using the outline style:

.el{outline:none;}

Or for the whole site:

*{outline:none;}

I’d hopefully assume you know the implications of doing this site wide…

Saturday Sep 3rd

css
chrome

1 note

A/V

“Paul Irish, from the Chrome Developer Relations team, walks through smart techniques to improve the performance of your app. He describes CSS reflows and how to avoid them, hardware accelerated CSS, animation optimization, web workers, benchmarking and build scripts.”

Word to the mother, hooray for Paul!

(Source: gregbabula)

Thursday May 19th

html5
css

25 notes

CSS Sprites and the ASP.NET Sprite and Image Optimization Library

Because browsers limit how many concurrent HTTP requests they make to a website, a web page with many small icon images can result in a longer load time. This article shows how to combine many small images into a single larger image - a CSS sprite - using the free ASP.NET Sprite and Image Optimization Library available from Microsoft.

http://bit.ly/meOrW5

The ASP.NET Sprite and Image Optimization framework is designed to decrease the amount of time required to request and display a page from a web server by performing a variety of optimizations on the page’s images. This is the third preview of the feature and works with ASP.NET Web Forms 4, ASP.NET MVC 3, and ASP.NET Web Pages (Razor) projects.

http://aspnet.codeplex.com/releases/view/61896

Sunday May 1st

3 notes

Test of System Colors Specified in CSS 2

CSS Level 2 defines several additional color names that represent the special system-specific colors used by the Windowing system for colors such as the standard text background color, the colors of scrollbars, the color of the title bar in active windows, and so on. By using these named colors, you can design a document, using CSS2, that closely integrates itself with the look and feel of the other windows on the page. These named colors are summarized in the following table. Of course, the colors that actually appear in the “demonstration” column (the middle one) will depend on the system colors set for your computer.

CSS 2 Color Name / Description

ActiveBorder: Active window border.
ActiveCaption: Active window caption.
AppWorkspace: Background color of multiple document interface.
Background: Desktop background.
ButtonFace: Face color for three-dimensional display elements.
ButtonHighlight: Dark shadow for three-dimensional display elements (for edges facing away from the light source).
ButtonShadow: Shadow color for three-dimensional display elements.
ButtonText: Text on push buttons.
CaptionText: Text in caption, size box, and scrollbar arrow box.
GrayText: Grayed (disabled) text. This color is set to #000 if the current display driver does not support a solid gray color.
Highlight: Item(s) selected in a control.
HighlightText: Text of item(s) selected in a control.
InactiveBorder: Inactive window border.
InactiveCaption: Inactive window caption.
InactiveCaptionText: Color of text in an inactive caption.
InfoBackground: Background color for tooltip controls.
InfoText: Text color for tooltip controls.
Menu: Menu background.
MenuText: Text in menus.
Scrollbar: Scroll bar gray area.