Public

More

#html #css

HTML with Superpowers - daverupert.com

I think if you were using Web Components before 2020 you were an early adopter and you probably have some scars to show for it. But in 2021, now that all modern browsers support Web Components, I think they’re worth investigating.

#css #development #html

·daverupert.com·Oct 27, 2021

HTML with Superpowers - daverupert.com

Using rel="preconnect" to establish network connections early and increase performance | CSS-Tricks

Using rel="preconnect" to establish network connections early and increase performance | CSS-Tricks

Adding rel=preconnect to a informs the browser that your page intends to establish a connection to another domain, and that you'd like the process to start as soon as possible. Resources will load more quickly because the setup process has already been completed by the time the browser requests them.

#css #performance #html

·css-tricks.com·Aug 20, 2019

Using rel="preconnect" to establish network connections early and increase performance | CSS-Tricks

Leveling Up With Flexbox presentation at Smashing Conference

Leveling Up With Flexbox presentation at Smashing Conference

#css3 #frontend #css #flexbox #html #smashingconf

·zomigi.com·Mar 28, 2014

Leveling Up With Flexbox presentation at Smashing Conference

WTF, HTML and CSS?

#css #html #code #development #browsers #cheatsheet

·wtfhtmlcss.com·Mar 24, 2014

WTF, HTML and CSS?

Fluidity

#css #responsive #html #webdev #fluid #html5 #responsivewebdesign

·fluidity.sexy·Mar 16, 2014

Fluidity

24 ways: Front-end Style Guides

Links to Style Guides

#webdesign #web #design #style #styleguide #front-end #documentation #html #rwd #templates #css

·24ways.org·Apr 7, 2013

24 ways: Front-end Style Guides

SocialCount, a jQuery Plugin for Lighter & Faster Social Networking Widgets

SocialCount, a jQuery Plugin for Lighter & Faster Social Networking Widgets

#jquery #javascript #widgets #css #html #social #count #twitter #facebook #google+

·filamentgroup.com·Dec 7, 2012

SocialCount, a jQuery Plugin for Lighter & Faster Social Networking Widgets

Optimize Web Fonts to Increase Performance • Tips

Optimize Web Fonts to Increase Performance • Tips

#optimization #html #css #generator #webtools #web-font #font #fontface

·creatiface.com·Dec 7, 2012

Optimize Web Fonts to Increase Performance • Tips

How to create a simple CSS3 tooltip | Webdesigner Depot

How to create a simple CSS3 tooltip | Webdesigner Depot

Simple tooltip

#tips #howto #html #tooltip #css

·webdesignerdepot.com·Dec 3, 2012

How to create a simple CSS3 tooltip | Webdesigner Depot

SocialCount, a jQuery Plugin for Lighter & Faster Social Networking Widgets

SocialCount, a jQuery Plugin for Lighter & Faster Social Networking Widgets

#jquery #javascript #widgets #css #html #social #facebook #twitter #widget

·filamentgroup.com·Nov 30, 2012

SocialCount, a jQuery Plugin for Lighter & Faster Social Networking Widgets

WordPress Coding Standards

#validation #html #css #code #tagging #wordpress #standard #codex #php

·codex.wordpress.org·Nov 16, 2012

WordPress Coding Standards

Images in a responsive web

#css #html #javascript #xhtml #image #device #viewport #polyfill

·matanich.com·Nov 13, 2012

Images in a responsive web

Project Source: Corporate HTML5 Responsive Website

Project Source: Corporate HTML5 Responsive Website

#html #css #synergy #tablets #rwd #layout #theme #checkitout

·themeforest.net·Oct 8, 2012

Project Source: Corporate HTML5 Responsive Website

A Selection Of Web Apps That A Web Designer Should Know About

A Selection Of Web Apps That A Web Designer Should Know About

#webtools #html5 #css #html #resources #tools #webapps

·designresourcebox.com·Sep 15, 2012

A Selection Of Web Apps That A Web Designer Should Know About

Get Your Form On: Modern Web Forms Tutorials

Get Your Form On: Modern Web Forms Tutorials

#css #html #html5 #jquery #form #inspiration #cybmed

·noupe.com·Aug 31, 2012

Get Your Form On: Modern Web Forms Tutorials

Grid System

#css #html #prototyping #Grid #foundation #framework #resources

·zurb.com·Jun 27, 2012

Grid System

Debunking Responsive CSS Performance Myths

Debunking Responsive CSS Performance Myths

#optimization #html #stylesheet #browsers #css #rwd #responsive #javascript #cybmed

·igvita.com·Jun 15, 2012

Debunking Responsive CSS Performance Myths

Really Useful Resources and Tools for Responsive Web Design

Really Useful Resources and Tools for Responsive Web Design

#css #javascript #tablet #html #retina #Rwd #responsive #webdesign #resources #tips #cybmed

·onextrapixel.com·Jun 14, 2012

Really Useful Resources and Tools for Responsive Web Design

Allowing Users to Edit Text Content with HTML5

Allowing Users to Edit Text Content with HTML5

#html #javascript #css #storage #rdit #form #contenteditable #cybmed

·developerdrive.com·Jun 7, 2012

Allowing Users to Edit Text Content with HTML5

Modular Grids

#html #css #style #photoshop #grid #layout #modulargrid #tip

·viljamis.com·May 9, 2012

Modular Grids

Conditional CSS

#css #javascript #html #rwd #screenwidth

·adactio.com·Apr 29, 2012

Conditional CSS

What’s the Deal With :Target in CSS?

#css #html #javascript #fragmentidentifier #target #pseudo

·designshack.net·Apr 12, 2012

What’s the Deal With :Target in CSS?

Goodbye -9999px: A New CSS Image Replacement Technique

Goodbye -9999px: A New CSS Image Replacement Technique

#css #html #image #replacement #-9999

·sitepoint.com·Apr 12, 2012

Goodbye -9999px: A New CSS Image Replacement Technique

Build a lightbox for a responsive HTML5 touch interface

Build a lightbox for a responsive HTML5 touch interface

#lightbox #css #html #javascript #howto

·netmagazine.com·Apr 12, 2012

Build a lightbox for a responsive HTML5 touch interface

Back to basics: how to code an HTML5 template

Back to basics: how to code an HTML5 template

#html5 #html #markup #css #semanticweb #template

·webdesignerdepot.com·Mar 30, 2012

Back to basics: how to code an HTML5 template

All The Cheat Sheets An Up To Date Web Designer Needs: CSS3, HTML5 and jQuery

All The Cheat Sheets An Up To Date Web Designer Needs: CSS3, HTML5 and jQuery

#html5 #jquery #javascript #html #css #reference #cheatsheet

·designresourcebox.com·Mar 9, 2012

All The Cheat Sheets An Up To Date Web Designer Needs: CSS3, HTML5 and jQuery

Thinking Async

#javascript #css #jquery #html #async #optimisation #parsing #script

·css-tricks.com·Mar 9, 2012

Thinking Async

Replacing the -9999px hack (new image replacement)

Replacing the -9999px hack (new image replacement)

#css #html #offscreen #hack #hidden #-9999px

·zeldman.com·Mar 2, 2012

Replacing the -9999px hack (new image replacement)

Control image aspect ratios with CSS3

#aspectratio #html #css #image #img #howto

·netmagazine.com·Feb 7, 2012

Control image aspect ratios with CSS3

Creating “Next Level” Search Form Using jQuery & CSS3

Creating “Next Level” Search Form Using jQuery & CSS3

#jquery #javascript #css #ajax #ui #search #html

·webstuffshare.com·Feb 7, 2012

Creating “Next Level” Search Form Using jQuery & CSS3