Understanding CSS Counters and Their Use Cases — SitePoint
There are certain CSS features that we probably don’t use very often. I think CSS counters fall into that category for most of us, and more than likely for two reasons: They don’t seem to have many use cases. The code to write them is a bit complex. I recently saw a practical use case for counters, so I thought I would give a brief crash course in how counters are written and share that use case h
BEM and SMACSS: Advice From Developers Who've Been There — SitePoint
CSS methodologies can be mind bogglingly confusing and tough to decide upon. Let’s consider two of the most well known options: BEM and SMACSS. Should you choose one of these for your next project? What are they best suited for? What might go wrong? If you’re already working with one – are you using it as intended? To the fullest potential? How do you know if you’re doing it right? I thought I’d b
Atom vs Brackets vs Light Table vs Sublime Text — SitePoint
September 3, 2014Atom vs Brackets vs Light Table vs Sublime Text A new breed of editor has arrived. It fills the gaping void between basic text applications (Notepad, TextEdit, gedit, etc.) and full Integrated Development Environments (VisualStudio, Eclipse, NetBeans etc.) Simpler applications lack basic development requirements such as multiple documents, line numbering and code coloring. IDEs te
Scrolljacking and Accessibility: Are we Breaking the Web? — SitePoint
Big brands have always started new trends and fads. A hundred years ago Kelloggs hit on the idea of marketing their cereals to children — a previously ignored sector in cereal marketing — by including a ‘prize’ with the box. Almost overnight the new ‘kids cereals’ category was created. Recently, Apple came up with the new concept of ‘scrolljacking’ in their product pages. This is method that ‘re-w
Pure CSS Off-screen Navigation Menu — SitePoint
Hamburger menu, drawer menu, off-canvas menu: Whatever you call it, hiding a website’s primary navigation just off screen is becoming a ubiquitous pattern in responsive web design. More and more sites feature a fixed-position icon that, when tapped, pushes the entire site to the side to reveal a hidden navigation menu. While there are plenty of jQuery plugins that will create this effect for you,
A Creative Grid System With Sass and calc() — SitePoint
Before we even get started talking about Sass and the code for this project, let me remind you this is no more than a quick experiment which by no means should be used in a live context. So what follows is only a proof of concept of what we could do with a couple of Sass variables and the calc() function from CSS. There are probably still quite a couple of flaws and edge cases that are not handled
Using Device Orientation in HTML5 — SitePoint
Device orientation is yet another cool feature of HTML5. Device orientation allows a device to detect its physical orientation with respect to gravity. If you’ve ever rotated a smart phone or tablet, and the screen has rotated in response, then you’ve seen device orientation in action. Orientation is measured using three angles – alpha, beta, and gamma – that describe the device’s current position
12 Little-Known CSS Facts — SitePoint
CSS is not an overly complex language. But even if you’ve been writing CSS for many years, you probably still come across new things — properties you’ve never used, values you’ve never considered, or specification details you never knew about. In my research, I come across new little tidbits all the time, so I thought I’d share some of them in this post. Admittedly, not everything in this post wil
Understanding Bootstrap Modals — SitePoint
In this tutorial, we’ll be talking about one of the most useful jQuery Bootstrap plugins, the Bootstrap Modal. Bootstrap Modals offer a lightweight, multi-purpose JavaScript popup that’s customizable and responsive. They can be used to display alert popups, videos, and images in a website. Bootstrap-based websites can use Bootstrap modals to showcase, for example, terms and conditions (as part of
The Cicada Principle and Why It Matters to Web Designers » HTML & CSS, Layout » Design Festival
June 4, 2012Showcase: 20 Examples of Scrolling as an Innovative Design Tool Scrolling is most often viewed as a mundane design necessity, but a few innovative web designers have used scrolling not just as part of typical page navigation, but as something to incorporate into the design itself. Some designers are creating fairly simple sites that use your browser canvas size to create “slides” that
13 jQuery SelectBox/Drop-down Plugins — SitePoint
There are several ways to define a block of JavaScript functionality. Learn which is the most appropriate one for your particular use case.
Learn HTML and CSS: An Absolute Beginner's Guide Article - Part 1
This article was written in 2009 and remains one of our most popular posts. If you’re keen to learn more about HTML and CSS, you may find this recent article on the future of HTML of great interest. So, you’re ready to take the plunge and begin to learn how to build your own web pages and sites? Fantastic! We’ve got quite a ride ahead, so I hope you’re feeling adventurous. This information is an e
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Animating with CSS, JS and SVG, and Avoiding Burnout — SitePoint
SitePoint CSS Reference