I just pushed out a new main navigation on the site. The reasons were twofold. One, I needed to add a few new sections to the site. Go check em out! I added a gallery section where I can post screenshots of design stuff that I like. I've been using LittleSnapper to capture that stuff forever, so I thought I'd actually post it somewhere online too. There is also an Almanac section that is currently
Let’s say you have a bunch of images you want to display, and the goal is to get them edge-to-edge on the browser window with no gaps. Just because you think that would be cool. They are of all different sizes. You don’t care if they are resized, but they should maintain their aspect ratio. Like this: Nice and seamless Ideally we keep it pretty chill on the markup, like: <section id="photos"> <img
UGURUS offers elite coaching and mentorship for agency owners looking to grow. Start with the free Agency Accelerator today. The Five Simple Steps website has a responsive design with a neat feature. When the browser window is narrow, the menu in the upper right converts from a regular row of links into a dropdown menu. When you’re on a small screen (iPhone shown here) and click the dropdown, you
Nathan Smith let me know about this little gem. IE 8 (only) thinks that all table cells have a colspan attribute, whether they do or not. So if you are looking to style table cells uniquely that have that attribute, it's a bit tough.td[colspan], th[colspan] { /* WARNING: this will apply in IE 8 to table cells even if they don't have a colspan */ background: red; }What we would expect to happen is
This article as originally published on February 25, 2008, but is now being completely re-written to be more comprehensive and show modern techniques. Jon Hick’s site Hicksdesign is where I first saw the concept of a “body border.” In this case, it’s a very subtle and lovely effect. Characteristics of a body border: Go around entire browser window, stuck to the edge regardless of screen size All e
You normally don’t think of <img> as having a background color, but they certain can have that property. It might come up if say, you wanted two borders around your images. You could use border for one and simulate the other by giving the image a background-color and padding. Or maybe you set the background to a bright red color so that missing images are bold and obvious. There is another reason
If you Google around about this problem (at the time of this writing), you’ll find some incomplete answers and some other snippets advocating this bad practice: <!-- NO! Bad! --> <iframe src="..." style="visibility:hidden;" onload="this.style.visibility='visible';"></iframe> The reason this is bad is that the CSS will hide the iframe no matter what and users with JavaScript turned off will never s
If you are looking for how to do FULL SCREEN BACKGROUND IMAGE, go here. My friend Richard recently came to me with a simple CSS question: Is there a way to make a background image resizeable? As in, fill the background of a web page edge-to-edge with an image, no matter the size of the browser window. Also, have it resize larger or smaller as the browser window changes. Also, make sure it retains
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く