Sites with High Quality Photos You Can Use for Free | CSS-Tricks
Get affordable and hassle-free WordPress hosting plans with Cloudways — start your free trial today. I’ve been keeping a list like this around for a while, and the CSS-Tricks Staff just added a bunch of new links to it, so I figured HEY that sounds like fun little weekend post. There are so many of these it’s really no excuse to have crappy photos in the work you do, be it websites, presentations,
The Shapes of CSS | CSS-Tricks
Get affordable and hassle-free WordPress hosting plans with Cloudways — start your free trial today. CSS is capable of making all sorts of shapes. Squares and rectangles are easy, as they are the natural shapes of the web. Add a width and height and you have the exact size rectangle you need. Add border-radius and you can round that shape, and enough of it you can turn those rectangles into circle
Local Previews of Images from File Inputs (fail) | CSS-Tricks
Get affordable and hassle-free WordPress hosting plans with Cloudways — start your free trial today. A little while back there was a guest post about Ajax image previews. It’s a nice technique but it left myself and a few other commenters thinking: wouldn’t it be cool if you didn’t have to upload the image at all to preview it? After all, the image is on the persons computer already why can’t we j
Organic Tabs | CSS-Tricks
Get affordable and hassle-free WordPress hosting plans with Cloudways — start your free trial today. Have you ever seen a tabbed content area in a sidebar that was a little “jerky”? The jerkiness can be caused by a bunch of things, like the content in the tabbed areas are of different heights, or maybe the way the switch happens the current one is hidden for a brief second before the new one shows
Loading Dots jQuery Plugin | CSS-Tricks
Get affordable and hassle-free WordPress hosting plans with Cloudways — start your free trial today. A little while ago reader James Dimick emailed me some jQuery code he was working on to make a “loading dots” thing. You know, the classic design pattern where the screen (or some area) shows “Loading…” with the dots growing out. Loading Loading. Loading.. Loading… Loading…. I took a look at his co
Middle Box Links | CSS-Tricks
Get affordable and hassle-free WordPress hosting plans with Cloudways — start your free trial today. Worst name ever, but I was having a hard time naming it and that seemed to fit the bill. This is the end result: It covers a variety of things I thought were interesting: jQuery 1.4’s new element creation syntax which is pretty cool and we haven’t covered Writing a little plugin to prevent repeated
Grid Accordion with jQuery | CSS-Tricks
Get affordable and hassle-free WordPress hosting plans with Cloudways — start your free trial today. Accordions are a UI pattern where you click on a title (in a vertical stack of titles) and a panel of content reveals itself below. Typically, all other open panels close when the new one opens. They are a clever and engaging mechanism for packing a lot of information in a small space. One way to l
jQuery MagicLine Navigation | CSS-Tricks
Get affordable and hassle-free WordPress hosting plans with Cloudways — start your free trial today. These “sliding” style navigation bars have been around a while, I just thought I’d take a crack at doing it myself as the opportunity came up recently. Turns out it’s really pretty darn easy. I put two examples together for it. The Idea The idea is to have a highlight of some kind (a background or
How To Create an IE-Only Stylesheet | CSS-Tricks
Get affordable and hassle-free WordPress hosting plans with Cloudways — start your free trial today. This article has been updated from an older version (originally Sept 24, 2007). I just wanted to expand it and make it more clear. If you read this blog, there is a 99% chance you’ve had a hair-pulling experience with IE. But if you are worth your salt as a CSS coder, you should be able to deal wit
Fully Executing JQuery Animations Without Queuing | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! It is pretty common when using jQuery’s .animate() function that it is triggered by a mouseEnter or hover event. That’s all well and good, but it means that we need account for those events being triggered multiple times. If the element with the hover event attached is hovered over multiple
Scroll/Follow Sidebar, Multiple Techniques | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! Really simple concept today folks! A sidebar that “follows” as you scroll down a page. There are a number of ways to go about it. We’ll cover two: CSS and JavaScript (jQuery) with a bonus CSS trick. View Demo Download Files The easiest way to handle this is just to use CSS fixed positionin
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
