Killer Responsive Layouts With CSS Regions — Smashing Magazine
In this article, CJ Gammon talks about the CSS Regions specification, which provides new options for web designing. We are largely constrained by the layout features available to us. Content placed inside a container will often extend the container vertically. If a design requires elements to remain a certain height, then our options are limited. In these cases, we can only add a scroll bar or hid
Laying The Groundwork For Extensibility — Smashing Magazine
After a decade of JavaScript library work, the progressive-enhancement revolution, the advent of polyfills, and the effort to birth the “Web Components” and “Shadow DOM” specifications have taught us surprising lessons: In every period, being able to use features in both high- and low-level forms has always been desirable. HTML is great, until it isn’t. And JavaScript-only has predictable drawback
Semantic CSS With Intelligent Selectors — Smashing Magazine
In this article, we will explore an alternative approach to styling Web documents. With the use of “intelligent” selectors, we’ll cover how to query the extant, functional nature of semantic HTML in such a way as to reward well-formed markup. If you code it right, you’ll get the design you were hoping for. Heydon Pickering hopes that employing some of these ideas will make your workflow simpler an
Backbone.js Tips And Patterns — Smashing Magazine
Backbone.js provides structure to JavaScript applications, but it leaves a lot of design patterns and decisions up to developers who end up running into common problems when they first begin developing in Backbone.js. In this article, Phillip Whisenhunt will explore different design patterns that you can use in your Backbone.js applications, and he’ll look at many of the common gotchas that trip u
Building The New Financial Times Web App: A Case Study | Smashing Coding
When the mockups for the new Financial Times application hit our desks in mid-2012, we knew we had a real challenge on our hands. Many of us on the team (including me) swore that parts of interface would not be possible in HTML5. Given the product team’s passion for the new UI, we rolled up our sleeves and gave it our best shot. We were tasked with implementing a far more challenging product, with
CSS3 Transitions: Thank God We Have A Specification! — Smashing Magazine
This article is packed with a number of quirks and issues you should be aware of when working with CSS3 transitions. Please note that I’m not showing any workarounds or giving advice on how to circumvent the issues discussed. This article is packed with a number of quirks and issues you should be aware of when working with CSS3 transitions. Please note that I’m not showing any workarounds or givin
Structural Semantics: The Importance Of HTML5 Sectioning Elements — Smashing Magazine
Now that HTML5 has finally made sectioning elements available, many of us greet them with great reluctance. Make no mistake: Sectioning elements help you improve document structure, and they’re in the spec’ to stay. Once and for all, Heydon Pickering will be exploring the problems these elements solve, the opportunities they offer and their important but misunderstood contribution to the semantic
We’re Gonna Need A Bigger API! — Smashing Magazine
Everyone likes stuff that moves about on the Web, right? Remember how you cried joyful tears when you first used ? I do. I nearly sobbed all the water out of my body as I gazed upon “JAKE’S COOL WEBSITE” bobbing back and forth in uppercase serif. Of course, we’re more mature as an industry these days. We’ve learned that users don’t want websites to look like a CSI console having a personal crisis;
How To Design Better JavaScript APIs — Smashing Magazine
In this post, Rodney Rehm focuses on how to make your code accessible to other developers. Discover the most important things that you will need to consider before and while writing your own utilities and libraries. At some point or another, you will find yourself writing JavaScript code that exceeds the couple of lines from a jQuery plugin. Your code will do a whole lot of things; it will (ideall
How To Write Fast, Memory-Efficient JavaScript — Smashing Magazine
There are many common pitfalls when it comes to writing memory-efficient and fast code. In this article we’re going to explore some test-proven approaches for writing code that performs better. JavaScript engines such as Google’s V8 (Chrome, Node) are specifically designed for the fast execution of large JavaScript applications. As you develop, if you care about memory usage and performance, you s
Towards A Retina Web — Smashing Magazine
Reda Lemeden covers some basic notions that are key to understanding the challenges and constraints of designing for multiple display densities, and invites Web designers and developers to offer a pleasurable viewing user experience regardless of the display they are using. With the recent announcement and release of the Retina Macbook Pro, Apple has brought double-density screens to all of the pr
JavaScript Events And Responding To The User — Smashing Magazine
Events in browsers are incredibly useful. In this article, Christian Heilmann gets back to the basics of events and gets you in the mood to start playing with them. Whenever people ask me about the most powerful things in JavaScript and the DOM, I quickly arrive at events. The reason is that events in browsers are incredibly useful. Furthermore, decoupling functionality from events is a powerful i
Journey Through The JavaScript MVC Jungle — Smashing Magazine
When writing a web application from scratch, it’s easy to feel like we can get by simply by relying on a DOM manipulation library (like jQuery) and a handful of utility plugins. The problem with this is that it doesn’t take long to get lost in a nested pile of jQuery callbacks and DOM elements without any real structure in place for our applications. When writing a Web application from scratch, it
An Introduction To Object Oriented CSS (OOCSS) — Smashing Magazine
Have you ever heard the phrase “Content is King”? Being a Web developer, and therefore having a job that’s often linked to content creation, it’s likely you have. It’s a fairly overused but true statement about what draws visitors to a site. From a Web developer’s perspective, however, some may argue that speed is king. More and more, I’m starting to favour that stance. In recent years many experi
PrefixFree: Break Free From CSS Prefix Hell — Smashing Magazine
A solution for when prefixes cause maintenance troubles, bloat CSS files, and make it harder to tweak values. In this article, Lea Verou presents her recent tool: prefixfree. Editor’s note: This article is the first piece in our new series introducing new, useful and freely available tools and techniques presented and released by active members of the Web design community. Lea Verou is well-known
An Introduction To LESS: LESS vs Sass — Smashing Magazine
LESS and Sass share a lot of basics. Both of them are fantastic tools for designers who code, and they can also help developers work more efficiently and quickly. In this post, Jeremy Hixon presents the main difference between them. I’ve been using LESS religiously ever since I stumbled upon it months ago. CSS was never really a problem for me, in and of itself, but I was intrigued by the idea of
CSS3 Flexible Box Layout: Everything I Wish I Knew When I Started — Smashing Magazine
Offering a range of new features that help us break free of the float, the flexbox model is another step forward for the layout of modern Web pages and applications. By experimenting with these new techniques now, you can actively contribute to its development. The flexible box layout module — or “flexbox,” to use its popular nickname — is an interesting part of the W3C Working Draft. The flexbox
The Guide To CSS Animation: Principles and Examples — Smashing Magazine
In this article, we will take our first steps with CSS animation and consider the main guidelines for creating animation with CSS. We’ll be working through an example, building up the animation using the principles of traditional animation. Finally, we’ll see some real-world usages. With CSS animation now supported in both Firefox and Webkit browsers, there is no better time to give it a try. Rega
Useful Node.js Tools, Tutorials And Resources — Smashing Magazine
Luca Degasperi brings this round-up with the most useful resources for Node.js. From handy tools to detailed tutorials, not to mention in-depth articles and resources on this promising technology. Created by Ryan Dahl in 2009, Node.js is a relatively new technology which has gained a lot of popularity among Web developers recently. However, not everyone knows what it really is. Node.js is essentia
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Password Protection