Home » Articles » Multi-line buttons with Compass, Sass, and CSS3 Designing multi-line buttons that are both aesthetically pleasing and functional requires a blend of modern CSS techniques and preprocessor power. This guide dives into how to leverage Compass, Sass, and CSS3 to create buttons that stand out and enhance user interfaces. Setting Up Your EnvironmentEnsure you have Sass and Compass ins
I went along to the fifth Barcamp Brighton on the weekend. It was a truly excellent event, hosted in The Skiff, a great coworking space. Alas, a creeping cold meant that I couldn’t stick around for too long, but I made sure to give a presentation before I bailed. I spoke about media queries. As you may have gathered from my recent entries, this is something I’ve been thinking about a lot lately. I
Grid 960 is a CSS Framework that enables developers to rapidly prototype designs. They are excellent tools for creating mock ups. Why? Because they do all the heavy lifting allowing you to get faster results. That sounds nice, but how do we do that? There are a lot of articles on the internet blasting or supporting CSS frameworks, but none have any content to help inexperienced readers decide. Thi
960 Grid System Download - CSS, sketch paper, and templates for: Acorn, Fireworks, Flash, InDesign, GIMP, Inkscape, Illustrator, OmniGraffle, Photoshop, QuarkXPress, Visio, Exp Design. Repository at GitHub. Essence The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns,
Years ago, HTML tables were the standard for laying out web pages. CSS and semantic thinking changed that, and today CSS frameworks make designing relatively easy. But they can also generate a surprising number of superfluous elements. The 960 Grid System encourages the addition of <div> elements and class attributes, especially on complicated pages. Is this really an improvement over nested table
Download Download Uniform jquery.uniform.zip (155kb) Get source on GitHub version 1.5 (2/9/2010) Uniform styles: Selects (Drop downs) Checkboxes Radio buttons File Upload inputs Tested & Compatible in: Safari 3+ Firefox 3+ IE7+ Chrome jQuery 1.3+ Have you ever wished you could style checkboxes, drop down menus, radio buttons, and file upload inputs? Ever wished you could control the look and feel
Get affordable and hassle-free WordPress hosting plans with Cloudways, now offering 40% off for 4 months, and 40 free migrations. Just as you can declare the background of an element to be a solid color in CSS, you can also declare that background to be a gradient. Using gradients declared in CSS, rather using an actual image file, is better for control and performance. Gradients are typically one
Browsergames sind eine faszinierende Welt von Online-Spielen, die direkt in Deinem Webbrowser gespielt werden können, ohne dass eine Installation erforderlich ist. Diese Spiele bieten eine große Vielfalt, von einfachen Puzzles bis hin zu komplexen Strategiespielen, und ermöglichen es Dir, in eine virtuelle Welt einzutauchen, wann und wo immer Du willst. Was sind Browsergames? Browsergames sind…
Starting in 1998 with Internet Explorer 4, and then from March 2008 through March of 2010, one by one, all of the “big five” desktop browsers—Safari, Firefox, Opera, and Chrome—have rolled out roughly comparable implementations of @font-face font linking. With these, an indispensable piece of the web publishing puzzle—a piece missing since the web began—has fallen into place, and a true web-specif
Custom Checkboxes, Custom Radio Buttons, Custom Select Lists This JavaScript and CSS will allow you to use custom images for checkboxes, radio buttons and select lists. Checkboxes, Radio Buttons, Select Lists, Custom HTML Form Elements Have you ever wanted to use your own images for checkboxes, radio buttons or select lists? This script will let you do that. Easily. The unobtrusive script graceful
Almost every day designers and developers come up with fresh and clever CSS tricks and techniques and share them with other developers online. We regularly collect all these tricks, filter them, sort them, revise them and prepare them for Smashing Magazine readers. CSS and JavaScript are extremely powerful tools for designers and developers. However, sometimes it’s difficult to come up with the on
Say goodbye to the age-old clearfix hack and hello to the new and improved clearfix method.. The clearfix hack, or “easy-clearing” hack, is a useful method of clearing floats. I have written previously about the original clearfix method and even suggested a few improvements. The original clearfix hack works great, but the browsers that it targets are either obsolete or well on their way. Specifica
IT is a truth universally acknowledged, that a single man in possession of a good fortune must be in want of a wife. However little known the feelings or views of such a man may be on his first entering a neighbourhood, this truth is so well fixed in the minds of the surrounding families, that he is considered as the rightful property of some one or other of their daughters. "My dear Mr. Bennet,''
In this post we present a new speedy way of writing HTML code using CSS-like selector syntax — a handy set of tools for high-speed HTML and CSS coding. It was developed by our author Sergey Chikuyonok and released for Smashing Magazine and its readers. In this post we present a new speedy way of writing HTML code using CSS-like selector syntax — a handy set of tools for high-speed HTML and CSS cod
A showcase of the world's finest web design.
イルミネーション、つまり電飾です。 クリスマスには、どこもかしこも電飾だらけになります。 特に街なかが美しく賑やかになります。 昨年は、名古屋のJR前の盛大な電飾はありませんでしたから、とても残念に思っている人も大勢いたことでしょうね。 私もその一人でした。 しかし、去年は、大震災もありましたから、当然のように自粛ムードが高まっていました。 きっと、名古屋だけでなく各地でこの様に開催しなかった所もあったことでしょうね。 しかし、大きな飾りはなくとも、クリスマスには街路樹やお店のウインドーが、ツリー、トナカイなどが飾られてクリスマス色に電飾されますね。 外は木枯らしが吹いて寒々しいですが、ホッと癒されることもあります。 私は、街路樹の電飾が結構好きですね。 最近は、エコのために、太陽光発電で発電して、電気代の無駄をなくそうという太陽光発電のイルミネーションも出てきました。 一般にも太陽光発電
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
