infovore + css   61

Adactio: Journal—Getting started
Notes from Jeremy Keith on starting out in front-end circa 2019. Really useful for [Longridge], because I never have a good answer to where to start any more, and lots of these resources look great.
programming  css  html  web  markup  development  learning  resources  jeremykeith 
10 days ago by infovore
Line Clampin' (Truncating Multiple Line Text) | CSS-Tricks
Filed for future reference: lots of front-end ways of clamping text that aren't just 'use javascript' and webkit-clamp.
text  css  formatting 
june 2016 by infovore
A Complete Guide to Flexbox | CSS-Tricks
This makes lots of things clearer, even if the layout is a bit... eccentric.
css  flexbox  design  frontend  webdevelopment 
april 2015 by infovore
Leveling Up with Flexbox (Smashing Conference)
That looks like a good overview of flexbox to me.
css  flexbox  presentation  talk 
january 2015 by infovore
The Subtle Magic Behind Why the Bootstrap 3 Grid Works | Experience Design at Hello Erik
Very clear explanation of precisely what's going on inside the Bootstrap grid - with diagrams, and also clear explanations of the roles of each styling class. The clarification of push/pull is particularly useful.
css  grid  html  bootstrap  layout  web 
july 2014 by infovore
Susy: Responsive grids for Compass
This looks good; roughly corresponds to how most grids I've built in the past n year _really_ worked in practice.
compass  sass  css  grid  framework 
february 2014 by infovore
Styleguide — Paul Robert Lloyd
Attractive styleguide for a personal site. Might resort to these one day soon.
design  css  styles  typography 
december 2011 by infovore
Twitter Bootstrap
"Bootstrap is a toolkit from Twitter designed to kickstart development of webapps and sites. It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more." Really nice - straightforward, elegant, and a good starting point for the scratchy websites I tend to end up making.
css  framework  twitter  markup 
august 2011 by infovore
Code Standards | Isobar
Not a bad list, especially for sites needing hardcore, tight, front-end work, and that are going to face load.
development  frontend  markup  standards  process  css  html  javascript 
october 2010 by infovore
Scroll Clock
It's a digital clock made out of scrollbars; divs being resized to force overflow and generate a scrollbar make up the seven-segment display. Bonkers.
javascript  css  clock  programming  absurd 
november 2009 by infovore
Building iPhone Apps with HTML, CSS, and JavaScript
Really rather good, from what I've read so far, especially for prototyping.
iphone  javascript  html  css  development  prototyping  book 
october 2009 by infovore
The 1Kb CSS Grid by Tyler Tate :: A simple, lightweight approach
Generates a tiny file to do the most basic things, from the looks of it.
css  grid  layout  generator  code  framework  web  design 
june 2009 by infovore
Unit Interactive :: Blog :: Better CSS Font Stacks
"...using these guidelines, and building on the experience of much more knowledgeable type gurus, I have compiled a list of font stacks that will both open up more font possibilities for web designers, and hopefully offer more appropriate substitutes:" That's interesting; not sure how appropriate it is, but they're good uses of the cascade, by and large.
design  web  typography  css  fonts 
february 2009 by infovore
Recreating the button | stopdesign
"The buttons are designed to look very similar to basic HTML input buttons. But they can handle multiple interactions with one basic design. The buttons we’re using are imageless, and they’re created entirely using HTML and CSS, plus some JavaScript to manage the behavior." Dark, dark voodoo, but very impressive - and excellently explained by Doug Bowman. It's nice to see Doug blogging again.
design  ui  javascript  markup  css  frontend  html 
february 2009 by infovore
Battle of the CSS Frameworks | Capsize Designs
A neat summary of what's available out there; I use Blueprint for prototyping, but it's interesting to see what else is available - particularly the more stripped-down frameworks.
css  design  code  web  layout  framework  prototyping 
october 2008 by infovore
Code: Flickr Developer Blog » Lessons Learned while Building an iPhone Site
"Developing this site was very different from any other project I’ve worked on; there seems to be a new set of frontend rules for developing high-end mobile sites. A lot of the current best practices get thrown out the window in the quest for minimum page weight and fastest load times over slow celluar connections. Here are a few of the lessons we learned (sometimes painfully) while developing this site." Really excellent article from code.flickr on building their new mobile/iPhone site.
web  development  mobile  optimization  javascript  css  iphone  flickr 
october 2008 by infovore
Wilson Miner
Wilson Miner redesigns again, and it's _gorgeous_. The subtle transparency of the black text in RGBa values, to pick up a hint of the underlying green, is a lovely touch.
design  xhtml  css  web  grid  colour 
october 2008 by infovore
Ned Batchelder: CSS Homer, animated
"Here's Román Cortés' Homer, animated to show the structure." Click the animate buttons, and be amazed. It's all just text and CSS.
css  art  markup  code  web  design  crazy 
may 2008 by infovore
Sanskrit: Rich Textile editor
"Sanskrit is a rich-text editor that outputs Textile instead of XHTML." Also has nicely unstyled 'button' controls, making it easy to custoise the UI.
css  javascript  richtexteditor  rte  richtext  html  editor  textile 
december 2007 by infovore
Max Design - Using multiple classes within selectors
Some comprehensive notes on this. I always run into the IE5/6 issues described here when I end up relying on multiple-class selectors.
css  development  clientside  frontend  markup  html 
november 2007 by infovore
Prince: What's New
"Prince is a computer program that converts XML and HTML into PDF documents."
pdf  css  xml  print  software  publishing  layout  conversion 
september 2007 by infovore
XRAY :: for web developers
Westciv's XRAY now works in IE6. Which all of a sudden makes it super-useful.
css  tool  web  development  markup  design 
august 2007 by infovore
SitePoint Blogs » Find unused CSS selectors with “Dust-Me Selectors”
brothercake does the CSS-redundancy malarkey but as a Firefox extension. Which is definitely more immediate/accesible than my version... but still only handles individual pages. Great to see the idea in so many formats, though.
css  extensions  firefox  tools  development  code 
august 2007 by infovore
Blueprint: A CSS Framework
Impressive (if fixed-width) grid-based CSS framework. Looks natty; I should check it out, I feel.
css  framework  desgin  xhtml  markup  layout 
august 2007 by infovore
westciv :: XRAY web developer's suite
X-RAY let's you see the box model for any element on a page in action - where is the top and left of an element, how big is each margin, how big is the padding, how wide and high is the content box.
css  development  bookmarklets  design  web 
july 2007 by infovore
Scott Becker - AssetPackager – JavaScript and CSS Asset Compression for Production Rails Apps
Oh gosh, this looks good: dynamic merging/caching of js/css files in Rails, but in production only; your development environment continues to use the original files. Lovely. Now: does it work?
rails  javascript  CSS  plugin  ruby  rubyonrails  optimisation  performance  development 
july 2007 by infovore
Uni-Form
Modular form componentry; at a first glance, it looks good, but I want to go over it in a bit more detail...
css  form  xhtml  webdesign  markup  html  forms 
july 2007 by infovore
niksilver.com » Guardian Unlimited’s new look: Some background on templating
Some cracking comments about the needs of templating systems, and the development thereof. In particular: “Refactoring CSS is about making it more manageable, not shorter”
web  design  development  templating  css 
may 2007 by infovore
53 CSS-Techniques You Couldn’t Live Without | Smashing Magazine
Hmn. Some good ones in here - a fair few nasty hacks with Javascript and poor markup liberally smattered around, though. Caveator factor.
css  design  webdesign  webstandards  markup  reference  links 
january 2007 by infovore
Leopard Technology Series for Developers : Dashcode
James Duncan Davidson delivers an interesting article for Apple on getting starting with Dashcode - must get around to playing with that soon.
css  html  javascript  dashboard  widget  apple  osx  dashcode  development  tutorial 
january 2007 by infovore
Dirt simple .rcss templates
Dirt simple indeed. More importantly, it actually serves the CSS as text/css , which is usually the kicker for me.
css  rubyonrails  rails  erb  templating 
november 2006 by infovore
The IE/Win Disappearing List-Background Bug
Background images for elements in lists disappear. The solution: make the list relatively positioned. Moronic, but true.
css  ie  hack  fix  bug  web  design  markup 
may 2006 by infovore
home | donotremove
Some design elements here I like a lot (and a few I can't bear) - worth noting down for inspiration
web  design  css  xhtml 
april 2006 by infovore
Sanscons - SOME RANDOM DUDE
Transparent, any-colour icons, via css and magic
css  icons  design  webdesign  graphics 
february 2006 by infovore
Apples To Oranges Blog - Using CSS to create simple bar graphs
Lovely - especially the simpler ones. Would be great in Project Brahe, a little bit of dynamic magic...
css  design  graphing  webdesign 
january 2006 by infovore
Overview : Xyle scope : Cultured Code
Interesting looking (if a little bewildering) HTML/CSS inspector for OSX
macosx  xhtml  css  application  webdesign 
october 2005 by infovore
Aardvark Firefox Extension
Really handy extension, a nice complement to the Web Developer one, for seeing just what's going on in a page
firefox  webdev  css  design 
may 2005 by infovore
Developing Dashboard Widgets
Really want to look into this; already have some ideas for development...
osx  dashboard  widget  css  xhtml 
may 2005 by infovore
ionfish archive Pressed Words
note to self - I like this comments layout.
wordpress  css  webdesign 
april 2005 by infovore
Webdev Entry - Cody Lindley: CSS Quick Start Article & Tutorial Guide.
Tips and tricks from beginner onwards. I'm pretty sure I still need some of these.
css  tutorial  webdesign 
april 2005 by infovore
<select> Something New Part 1
Wow. Fantastically useful DOM-scripting method to style SELECTs.
webdesign  webdev  javascript  css  dom 
april 2005 by infovore
sane css typography
Always a headache - useful reference for sizing methods in css
css  typography 
april 2005 by infovore
Styling <hr>
How to add styles to <hr> tags
css  webdesign  hr 
january 2005 by infovore
Stylegala %u2605 Web design tomorrow.
Attractive webdesign site - and fourcolumn, 800+ width design
webdesign  css  html 
january 2005 by infovore
456 Berea Street highlights of 2004 | 456 Berea Street
useful 456BS articles from the past year; some great stuff in there
web  standards  webdesign  css  html 
january 2005 by infovore
Subtraction: Grid Computing%u2026 and Design
explanation of how a beautiful grid-based site design was done, with sample grid as background image
css  webdesign  grid  gridbased  layout 
january 2005 by infovore
Bring on the tables | 456 Berea Street
Great article on decent, accessible, standards-compliant tables
webdev  accessibility  webdesign  css 
january 2005 by infovore
WestCiv Style Master podGuide
Could be a lifesaver: westciv's Style Master CSS guide all ready to go as iPod notes
css  cssguide  ipod  ipodnotes  nifty  webdev  webstandards 
december 2004 by infovore
Mike Davidson: sIFR 2.0: Release Candidate 2 is Finally Here
make headings look pretty and standards complaint *despite* using javascript and flash...
css  design  sifr  textreplacement 
december 2004 by infovore

related tags

absurd  accessibility  apple  application  art  book  bookmarklets  bootstrap  browser  bug  clientside  clock  code  colour  compass  conversion  crazy  css  cssguide  dashboard  dashcode  desgin  design  development  devices  dom  editor  email  erb  extensions  firefox  fix  flexbox  flickr  fonts  form  formatting  forms  framework  frontend  generator  graphics  graphing  grid  gridbased  guide  hack  hr  html  icons  ie  interaction  iphone  ipod  ipodnotes  javascript  jeremykeith  layout  learning  links  list  macosx  markup  menu  mixins  mobile  navigation  nifty  optimisation  optimization  osx  pdf  performance  plugin  presentation  print  process  programming  prototyping  publishing  rails  reference  resources  richtext  richtexteditor  rollover  rte  ruby  rubyonrails  sass  scrolling  sifr  software  standards  styles  talk  templating  text  textile  textreplacement  tool  tools  tutorial  twitter  typography  ui  unordered  web  webdesign  webdev  webdevelopment  webstandards  widget  wordpress  xhtml  xml 

Copy this bookmark:



description:


tags: