-
Review+1 +1
Flexbox: What is it & Why Should You Use It?
Web development has come a long way since the days of simple HTML and CSS. Today, there are a variety of layout models available to developers, each with its own strengths and weaknesses. While the battle between CSS Grid and Flexbox is still raging on, here we're going to take a look at what Flexbox is and why you might want to use it in your web development process.
-
+1 +1
The Web's Cruft Problem
TJ VanToll argues that the need to monetize content is causing an overload of cruft that is hurting the web and giving rise to tools like Facebook Instant.
-
+1 +1
Atomic OOBEMITSCSS
I think I'm going to try to implement this in my next project. What naming conventions / systems do you guys keep to ensure your css doesn't end up a jumbled mess?
-
+1 +1
Free Responsive JQuery Carousel Slider Plugins
Free jquery carousel slider plugins are used for developing websites in more attractive and effective way. Check out this article if you are looking for one to fit with your website.
-
+1 +1
10 Ways to Minimize Reflows and Improve Performance
Browser repaints and reflows are expensive and affect your application's performance. Craig provides ten tips to help improve responsiveness.
-
+2 +1
You Might Not Need jQuery
Examples of how to do common event, element, ajax and utility operations with plain javascript.
-
+1 +1
Augmented Reality in the Browser with Awe.js
Patrick Catanzariti creates an augmented reality LIFX lightbulb controller using awe.js and IFTTT.
-
+1 +1
reactcss
"Pop" classes on and off: Use a class-based data structure, similar to traditional modifier css, that can be applied conditionally. Keep styles in one place: Html and components styles stay together. Separate the style logic from the display and business logic. Simple to attach to elements: Use the "is" syntax to effortlessly attach inline styles to html elements and spreads to custom components.
-
Unspecified+1 +1
Ribbon physics study
An awesome codepen of a <canvas> draggable ribbon.
-
+6 +1
Hack Physics and JavaScript (part 1)
Taking a very basic understanding of vectors and writing JavaScript that kind of replicates those vectors but in no way represents a real physics environment. The beauty of hack physics is that you don't even really need to understand the physics theory behind it. You just need to understand how to use it to animate stuff.
-
+1 +1
SVGOMG - SVGO's Missing GUI
An interface that allows you to optimize SVGs by selecting your optimizations, and getting a live preview of how your SVG looks with these optimizations applied.
-
+2 +1
Sass Pixel Art
Una Kravets explains how to use Sass to create pixelized art. Not something for use on an actual production site, but an excellent introduction for getting sass to read from a matrix.
-
+1 +1
Art-Directing SVG Images With The viewBox Attribute.
How-To, Notes, Tips and Why We Need A viewBox Property in CSS
-
+2 +1
Physics - Point and spring simulation
Simulating points and springs may seem super complicated and math/physics intensive, however it's actually quite simple to get up and running in very few lines of code. I won't go into a detailed explanation of each and every single feature, but I'll try to highlight the most important bits.
-
+2 +1
Accessible Footnotes with CSS
Hugo strays from Sass for a brief moment to consider how in-document linked footnotes can be created to be maintainable and accessible with just HTML and CSS.
-
+2 +1
Safari is the new IE
Last weekend I attended EdgeConf, a conference populated by many of the leading lights in the web industry. It featured panel talks and breakout sessions with a focus on technologies that are just ...
-
+2 +1
MADOGATARI展[SHAFT 40th ANNIVERSARY]
An interesting example of z-axis parallax scrolling.
-
+1 +1
Responsive Typography with Sass Maps
Managing responsive typographic rhythm isn’t easy. Jonathan Suh shows how Sass maps make responsive typography much more manageable.
-
Unspecified+1 +1
DEMO: Edit this webpage with your voice
If you're using a browser that supports the Web Speech API (e.g. Chrome, Safari, Opera), you can edit this webpage by speaking your commands, and you can inspect page elements by having the information spoken to you.
-
+1 +1
HTML5 accessibility
A site with all the info on which new HTML5 user interface features are accessibility supported in browsers.
Submit a link
Start a discussion