Bookmarks tagged with #css.
Show all
Show all
CSS, HTML, Design and Development blog
A blog on CSS, HTML, Javascript to make and design websites
Saved
on: 2016-05-20
Bootstrap 4 Cheat Sheet - The ultimate list of Bootstrap classes
Quickly find your Bootstrap classes on this interactive Bootstrap cheat sheet. It includes code samples and live preview of elements.
Saved
on: 2016-04-21
Almost complete guide to flexbox (without flexbox) | Kenan Yusuf
Front-end engineer, focused on creating exceptional products, user interfaces and experiences on the web.
Saved
on: 2016-04-12
A Simple Web Developer’s Color Guide — Smashing Magazine
Laura Elizabeth never found color theory useful when trying to use color in her projects. Somewhat ironically, she’s been finding that the better she got at choosing and using color, the better she became in the theory behind it. In this article, Laura shares a simple color workflow that you can use in your next web project.
Saved
on: 2016-04-06
Every Fucking Bootstrap Website Ever
adventurega.me ist die beste Quelle für alle Informationen die Sie suchen. Von allgemeinen Themen bis hin zu speziellen Sachverhalten, finden Sie auf adventurega.me alles. Wir hoffen, dass Sie hier das Gesuchte finden!
Saved
on: 2016-03-17
Code Guide by @mdo
Standards for developing consistent, flexible, and sustainable HTML and CSS.
Saved
on: 2016-02-29
Website Layout Tools Compared: Flexbox Vs. Susy – Smashing Magazine
Many developers are unsure which tool is best for creating layouts for their websites. Some feel that Flexbox is powerful enough to handle all of their layout problems. However, they are unsure whether to learn it because of its confusing syntax. Others feel that Susy is much simpler and prefer its simplicity to Flexbox. So, which is more powerful, Flexbox or Susy? Is it possible to use both Flexbox and Susy at the same time? In this article, Zell Liew will find out!
Saved
on: 2015-12-16
AllThingsSmitty/css-protips
⚡️ A collection of tips to help take your CSS skills pro 🦾 - AllThingsSmitty/css-protips
Saved
on: 2015-12-14
The "Blur Up" Technique for Loading Background Images | CSS-Tricks
The following is a guest post by Emil Björklund. Filter effects in CSS have been around for a while, and together with things like blend modes, they bring new
Saved
on: 2015-12-09
Visual Regression Testing with PhantomCSS | CSS-Tricks
The following is a guest post by Jon Bellah, a Lead Front End Engineer at 10up. Jon reached out to us about writing on the idea of visual regression testing,
Saved
on: 2015-11-18
GitHub's CSS Performance // Speaker Deck
A talk on some problems solved related to CSS Performance at GitHub. The talk was given at CSS Dev Conference in Honolulu, HI 2012. I recorded the prese…
Saved
on: 2015-11-12
Angled Edges with CSS Masks and Transforms | Viget
Easily add angled edges to elements with CSS Masks and Transforms.
Tags:
#css
Saved
on: 2015-10-28
oak.is / Animated SVGs: Custom easing and timing
The chart above is an animated SVG featured on Sprout. This chart, and one other animation on Sprout, were initially GIFs. By using animated SVGs instead of GIFs we were able to reduce our page size from 1.6 mb to 389 kb, and reduce our page load time from 8.75 s to 412 ms. That’s a huge difference. Below, I’ll break down the animation of one of the circles seen in the chart. The technique applies to all of the elements in the graphic. With this you can create your own lightweight animated graphic.
Saved
on: 2015-06-29
CSS Equal Height Columns, Three Different Ways - Call Me Nick
Saved
on: 2015-05-12
An Introduction To Graphical Effects in CSS : Adobe Dreamweaver Team Blog
Saved
on: 2015-05-02
CSSconf EU 2014 - YouTube
CSSconf EU, Berlin, September 12, 2014 CSSconf EU is a conference dedicated to the designers, developers and engineers who build the world’s most engaging us...
Tags:
#css
Saved
on: 2015-04-27
Documentation - Materialize
Materialize is a modern responsive CSS framework based on Material Design by Google.
Saved
on: 2015-04-24
How to Center in CSS
Centering in CSS is a pain in the ass. This is a code generator
that consolidates them and gives you the code you need for each
situation.
Saved
on: 2015-04-20
How to Target IE6, IE7, IE8, IE9, IE10 and IE11 | RealcomBiz
Saved
on: 2015-04-17
Bootstrap 3: adding a new set of columns - Stack Overflow
I've been using Bootstrap 3 for a while and now I need to make a new set of extra small columns for horizontal mobiles (e.g. 384px screen width) and after this use it as follows:
col-xxs-1, col-xx...
Saved
on: 2015-04-16
CSS - Beyond the Basics Course
38-minute CSS course: In this course, you'll get hands-on practice using CSS layout techniques such as a CSS Reset with Normalize, a layout wrapper...
Saved
on: 2015-03-09
Bootstrap 3 Tips and Tricks You Still Might Not Know | DigitalOcean
Learn about Bootstrap 3 features like removing gutter padding, custom container sizes, heading classes, maintaining aspect ratios for videos, displaying cont…
Saved
on: 2015-03-07
twitter bootstrap - Reduce the gutter (default 30px) on smaller devices in
In bootstrap 3 the gutter is defined as 30px (15px on each side of a column). The issue I'm running is that, for example if I shrink my screen down to be tiny, the gutters end up being wider than the
Saved
on: 2015-03-06
Trello CSS Guide
Trello CSS Guide. GitHub Gist: instantly share code, notes, and snippets.
Tags:
#css
Saved
on: 2015-02-12
Freebie: "Boxify" One Page Website Template | Codrops
Today we are very happy to share a beautiful and modern one page website template with you. Boxify is a stylish HTML5/CS
Saved
on: 2015-02-03
How to Scale SVG | CSS-Tricks
The following is a guest post by Amelia Bellamy-Royds. Amelia has lots of experience with SVG, as the co-author of SVG Essentials and author of the
Saved
on: 2015-01-11
Hover Effect Ideas | Set 1
Hover Effect Ideas: Inspiration for subtle hover effects
Saved
on: 2015-01-10
Sass Guidelines
An opinionated styleguide for writing sane, maintainable and scalable Sass.
Saved
on: 2015-01-06
flexible.gs - Flexible Grid System
Flexible.gs is a lightweight, intuitive, and highly adaptable CSS grid system.
Saved
on: 2014-12-17
Introduction | Semantic UI
Semantic empowers designers and developers by creating a shared vocabulary for UI.
Saved
on: 2014-11-14
http://www.helloerik.com/the-subtle-magic-behind-why-the-bootstrap-3-grid-works
Saved
on: 2014-07-16
uncss: Find Unused CSS
The uncss utility allows developers to find unused CSS in webpages.
Saved
on: 2014-05-20
Jeet Grid System | Smart CSS preprocessor grids
CSS preprocessor grid built with fractions and ratios to make columns flexible and your workflow fast.
Saved
on: 2014-05-06