A Sass Mixin for CSS Triangles — SitePoint
There is a very popular CSS trick consisting on using a mix of solid and transparent borders on a 0 width, 0 height element in order to fake a triangle. If you don’t know technique yet, you can find more information about it in the following resources: CSS Triangle at CSS-Tricks CSS Triangle by David Walsh CSS Triangle generator CSS Arrow Please! (a CSS triangle generator) While this technique com
The Definitive Guide to Form Label Positioning — SitePoint
May 14, 2014The Definitive Guide to Form Label Positioning When it comes to the design and development of forms, one of the most popular topics is the positioning of labels. There are a range of different options, but many articles on the subject touch on only some of the advantages and disadvantages of some of these options. How do you put all that disparate information together to make a good de
The Designer's Guide to Working with SVG - Pt 1 — SitePoint
May 13, 2014The Designer’s Guide to Working with SVG – Pt 1 What’s the big deal about SVG, anyway? Don’t you just hit ‘Save as SVG’ in Illustrator, and you’ve got yourself an SVG? Yes and no. While it’s technically true, by the same logic, every MS Word user is technically a web developer. Perhaps the question to ask is: Is that SVG file any more useful than an equivalent PNG or JPG? Often the gen
Tips for Creating Accessible SVG — SitePoint
Scalable Vector Graphics (SVG) exists in a quantum state of accessibility. Which is to say that SVG is both accessible and inaccessible at the same time. Happily, there is no SVG uncertainty principle. We know which aspects of SVG are accessible to whom, which are not, and what we can do to improve both. SVG 1.0 was released by the W3C in 2001. SVG 1.1 came along in 2003, and SVG 1.1 2nd edition i
The Joy of Subsets: Crossbreeding Web Fonts — SitePoint
95% of web design is typography. The remaining 5% is spent trying to fix infinite task runner recursion and swearing. However, when we say “web typography”, we rarely mean type design. Choosing, pairing and setting fonts are the more commonplace activities, with type design regarded as a more specialist and esoteric occupation. Accordingly, when I published my primer on “font hacking”, most of the
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
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
7 Great Google Analytics Alternatives
This popular article was updated in late 2017 to reflect the latest UX analytics tools and practices. Analytics are important for finding out what’s working and what’s not working on your website. In short, they allow you to see user feedback at scale — via users’ actual clicks and movements. This is essential for improving your website’s UX, and in turn, conversions. However, when it comes to imp
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
How to Use Mobile Emulation Mode in Chrome
March 18, 2021How to Simulate Mobile Devices with Device Mode in Chrome Website testing has become increasingly complex. The days of checking functionality in a couple of browsers are long gone. Your latest masterpiece must be rigorously evaluated on a range of mobile, tablet and desktop devices with differing OSs, screen resolutions, and capabilities. In extreme cases, it could take as long as th
Web Accessibility: Tools and Considerations — SitePoint
February 10, 2014Web Accessibility: Tools and Considerations Web accessibility is the process of making the features of your website accessible to people of all abilities. It’s about giving everyone equal access and opportunities, thereby allowing as many as possible to access your features without hindrance. With the potential legal obligations to comply with the accessibility standards set by th
The Current Generation of CSS3 Selectors — SitePoint
After CSS 2.1, the W3C added a whole slew of new selectors to help us target elements in unique ways. Just about all of these selectors have excellent browser support, so you can — and probably should — already be using them. If you’re not too familiar with them, this article will give you an overview of these CSS3 selectors, which I’d like to term the ‘current generation’ of CSS selectors. Where
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
5 Free Web-Based Photoshop Alternatives — SitePoint
Automate Recurring Tasks with Grunt.js — SitePoint
Creating a Custom Icon Font with IcoMoon and Less — SitePoint
Upgrading to Universal Analytics: A Step-By-Step Guide — SitePoint
Clearing Floats: An Overview of Different clearfix Methods — SitePoint
The Designer's Guide to A/B Testing — SitePoint
Cross-browser Web Fonts - Part 3 — SitePoint
Understanding Masonry Layout - SitePoint