INCG / Timothy van Sas your design and front-end hero. Fun with CSS3 orientation media queries. For a long time we have been able to specify styles for different media types using CSS, print and screen being the most recognizable. With CSS3 these media types have been extended to allow additional expressions, aka media queries, which gives us greater control on when specific styles should be applied. In this article I will focus on the orientation media query and have a fun demonstration showing how to use it. Orientation The orientation media query allows us to target specific styles based on the current screen or device orientation. We have 2 properties; landscape and portrait which allow us to change a pages layout based on the browsers current orientation. A browser or device determines the orientation by listening to the width and height of the window.
Within our style sheet we can specify our media query which will target a media type of screen and an orientation of portrait or landscape. Karma karma karma karma karma chameleon Deconstructing the demo Fade the color change. Romina / designer. Nostalgia stung my heart a bit.
I’m thinking about my favourite game when I was 6 years old. Me, my brother and my cousin were usually playing it when it […] I woke up this morning and realized that there is just a couple of days and this year will be gone. Forever. So let’s have a sip of truth. Lots of kilometers, rain, awesome people, salt, sun & fun, good food … and thousands of unforgettable moments = our 2013 road trip Biograd na Moru Murter Neretva Almost in […] Facebook Share/Specifying Meta Tags FBML Audio Flash Video Action Bar « Graphic Design Blog. Here is the origin Configuring Meta Tags for Facebook Share Adding Facebook Share to your website is easy.
However, you can enhance how the shared item appears on Facebook by configuring how it gets previewed on a user’s profile and when a user tries to share it. You do this with a combination of <link> and <meta> tags. Facebook Share passes along the URL of your page to our servers, which in turn looks up certain HTML tags within it. Checkthis. jQuery: Smooth Scrolling Internal Anchor Links. November 13th, 2010Charlie Evans Here’s a neat little jQuery trick to fancy up your internal anchor links, by making them scroll smoothly to their target as opposed to jumping instantly.
Internal anchor links are very common place, e.g. “back to top” links, or FAQ pages which list all the questions at the top. Making them visually scroll to their target not only looks a bit fancy, it also gives some visual feedback to the user as to their new position on the page. This is what it looks like in action, click the following link:Scroll to comments This technique is very simple. Set up your link as you normally would, e.g. href=”#comments” (where comments is the id of your target) Add a class=”scroll” attribute to the link element, so it now looks something like this: Finally add the following jQuery code wherever is most appropriate. How To Create an IE-Only Stylesheet. Dollar Shave Club.
Zemljevid Najdi.si - Kranjceva 26. Frank Chimero — A graphic designer who writes. The Shocking Truth About How Web Graphics Affect Conversions. Does this situation feel familiar?
— Your web designer reckons your site is outdated. It makes you look amateurish. If we’re being honest, we might even say it’s downright ugly and you should be ashamed of attaching it to your brand. The solution? A redesign, of course. It’ll have snazzy vector paths, cute cartoon scenes, jQuery carousels, full-page high-resolution background photos, the works. Why? Well, check out the reasons! 1. 2. Neat Shtuff - Cool Shtuff that will make great gifts. Amazing Art Images : Amazing Photographs : Brilliant Design : Geek Stuff : Photographic Exhibition : Weird News : TheZigZagger.com. Fubiz™ But does it float. Anka Bulovec. Entertainment - Since 2002. A Commentary on Life: Politics, News, Entertainment, Technology, Culture, and Weirdo Beavers. Savage Chickens - Cartoons on Sticky Notes by Doug Savage.
Blog publishing assistant: related images & articles - Zemanta. Open Source Web Design Resources Part 2. We shared with you some excellent Open Source Web Design Resources from Orman Clark in November last year.
We appreciate your interest and incredible response to our previous post. In today’s post we are sharing more freebies that he created in the last three months. The collection includes textures, brushes, patterns, backgrounds and other open source web design resources. We admire Orman Clark’s contribution to the design community and his continued efforts to make the designers’ life easy with these high quality open source web design resources. Stay tuned for more! 10 High-Res Cloud Textures 10 High-Res Grungy Surface Textures 10 High-Res Sunburst Brushes 20 High Resolution Halftone Dot Brushes 20 Repeatable Pixel Patterns. Klemenpadomen. Www.paint.net. Jalovčev ozebnik - Matic - Picasa Albums Web. Multicolr Search Lab - Idée Inc. Flickr Related Tag Browser.
Gravy. 10 Ways to Live Above Your Life's Circumstances.
Art. WEB. Vidéo. Conduite de projets. Curiosité. Exrtreme - outdoor sports.