background preloader

Text Rotation with CSS

Text Rotation with CSS
Once again, after reading somebody else's article, I felt inspired to put together an alternative example. In this case: Text Rotation. Within the article I linked to, the example uses an image sprite and a sprinkle of CSS to get things positioned right. Well, maybe not so much a sprinkle. It's like the top fell off the pepper shaker and you've suddenly got a large pile of pepper on your food. It makes me want to sneeze. Thankfully, many of the popular browsers of today support the ability to rotate HTML elements. <div class="example-date"><span class="day">31</span><span class="month">July</span><span class="year">2009</span></div> Nice and clean without too many extras. The Magical CSS For Webkit and Firefox (as of 3.5), you can take advantage of the proposed transform property to handle the rotation. -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); In order to perform a transformation, the element has to be set to display:block. In action Related:  CSS & Sass Tita Créa

ServiceLocator and Unity – Be Careful - Jeremiah Clark's Blog Chris Tavarez has provided a handy adapter ( UnityServiceLocator ) for using ServiceLocator to resolve types from a Unity container. You can then use ServiceLocator.SetLocatorProvider() to register the UnityServiceLocator as the default provider for ServiceLocator. For this example, we will be using ServiceLocator and Unity to resolve the type IFoo to Foo using a singleton lifetime. Then we will get two instances of IFoo and compare to ensure that they are the same object. Here are four different approaches to configuring ServiceLocator and Unity that I have found during my searches on the web: 1: static void Main( string [] args) 3: UnityServiceLocator locator = new UnityServiceLocator(ConfigureUnityContainer()); 4: ServiceLocator.SetLocatorProvider(() => locator); 6: var a = ServiceLocator.Current.GetInstance<IFoo>(); 7: var b = ServiceLocator.Current.GetInstance<IFoo>(); 9: Console.WriteLine(a.Equals(b)); 12: private static IUnityContainer ConfigureUnityContainer() 16: return container;

css - Spacing between grid cells in Zurb Foundation 4 CSS Table Generator | CSS Table .NET Junkie - Dependency Injection in ASP.NET Web Forms with the Common Service Locator When working with IoC frameworks, one should always try to minimize the amount of application code that takes a dependency on that framework. In an ideal world, there would only be a single place in the application were the container is queried for dependencies. ASP.NET Web Forms however, was never designed with these concepts in mind. It therefore is tempting to directly request for dependencies in the Page classes instead of looking for a workaround. This is what a Page could look like without such a workaround: public partial class _Default : System.Web.UI. public _Default () { this .userService = ServiceLocator .Current.GetInstance<IUserService>(); } } While this doesn’t look that bad, it creates a dependency on an particular implementation and even when your calling an abstraction (as I do with the Common Service Locator in the example) you might want to prevent this, because you’ve still got a dependency and a bit of plumbing in each and every page. protected _Default () { }

CSS Sprites: What They Are, Why They're Cool, and How To Use Them | CSS-Tricks By Chris Coyier On This article has been revised and re-written several times since its very first publication in 2007, to keep the information current. The most recent revision was done by Flip Stewart in January 2015. #What are CSS Sprites? Spoiler alert: they aren't fairies that write your stylesheets for you. To summarize: the term "sprites" comes from a technique in computer graphics, most often used in video games. CSS Sprites is pretty much the exact same theory: get the image once, and shift it around and only display parts of it. #Why use CSS Sprites? It may seem counterintuitive to cram smaller images into a larger image. Let's look at some numbers on an actual example: That adds up to a total of 14.38KB to load the three images. While the total image size (sometimes) goes up with sprites, several images are loaded with a single HTTP request. Thus, sprites are important for the same reasons that minifying and concatinating CSS and JavaScript are important. $ npm install sprity -g

spin.js Why does everyone say dependency injection in ASP.NET webforms is hard when PageHandlerFactory and IHttpHandlerFactory exist A List Apart: Style Guide Contents General notes Articles written for publication on A List Apart use an informal, conversational tone, though not at the cost of clarity or correctness. Experts require neither excessive formality nor excessive casualness to express their authority. Concise articles with snappy intros Our article space is intentionally limited to a single page. Keep your readers in mind Experienced web professionals read ALA. Extended metaphors can provide gentle uplift and support, but they make poor lifeboats. Clarity first Avoid unnecessary jargon, trendy constructions, vagueness, and buzzwords. Images Images should be no more than 696px wide; all images will be centered within the main column of the article. If your images are high-DPI, please send both standard and high-DPI versions. You can also use the code snippets image gist on Github. PNG, GIF, and JPEG are all acceptable submission formats. Author bios and photos All final drafts should be accompanied by an author bio and photo. Examples: Lists Website analytical review | SiteRatios.Com Athena : apprendre autrement.. Rated 1.6 out of 5 stars, based on 7 metrics Updated on Feb 24,2013 at 2:38 PM [1years ago] LIEGE.MINE.NU is rated 2.21 out of 7 SEO metrics which we consider as an Average rating. The site seems to be popular in Japan with a rank of #3,044 and brings in 31% of the site's traffic which is 26.00% of the total pageviews to the site. When analyzed on Feb 24, 2013 the site was hosted in BELGIUM with the IP address While reviewing the site, we have considered the following metrics for positive ratings: Excellent Alexa Global Rank rating (#14,480) Excellent SEOMoz Subdomain Rank (3.14/10) Very Good Google PageSpeed Score (70/100) Very Good Alexa Speed Score (61/100) Very Good number of daily visitors (approx. #88,074) The site has MyWot Reputation ratings The site has MyWot Confidence ratings The site was negatively rated due to the following metrics: