Stubbornella » Blog Archive » Don’t Style Headings Using HTML5 Sections
6 weeks ago by soypunk
Thoughtful overview of HTML5's <section> element (and the changes to the Document Outline algorithm) along with the impacts to CSS.
css
html
html5
for-oris
6 weeks ago by soypunk
Foundation: Rapid Prototyping and Building Framework from ZURB
6 weeks ago by soypunk
"An easy to use, powerful, and flexible framework for building prototypes and production code on any kind of device."
framework
prototyping
html
css
javascript
for-oris
6 weeks ago by soypunk
Design Handbook - Fluid Project Wiki
ux
resources
for-oris
7 weeks ago by soypunk
The Fluid Design Handbook is a How-to Guide filled with user-centered design (UCD) techniques you can use to learn from your users and design better user experiences.
7 weeks ago by soypunk
https://mockupstogo.mybalsamiq.com/projects/web/Bootstrap
7 weeks ago by soypunk
Symbols of the controls for the Bootstrap library made by Twitter.
bootstrap
balasmiq
prototyping
tools
for-oris
from instapaper
7 weeks ago by soypunk
A Baseline for Front-End Developers
front-end
css
javascript
html
development
career
for-oris
from instapaper
7 weeks ago by soypunk
here’s a new set of baseline skills required in order to be successful as a front-end developer, and developers who don’t meet this baseline are going to start feeling more and more left behind as those who are sharing their knowledge start to assume that certain things go without saying.
7 weeks ago by soypunk
Government Digital Service Design Principles
8 weeks ago by soypunk
"Listed below are our design principles and examples of how we’ve used them so far"
government
design
ux
uk
for-oris
8 weeks ago by soypunk
Tesseract
This is lovely work. I'm imaging it being very useful for visualizing facets from query-time data.
javascript
d3
visualization
for-oris
10 weeks ago by soypunk
Tesseract is a JavaScript library for filtering large multivariate datasets in the browser. Tesseract supports extremely fast (<30ms) interaction with coordinated views, even with datasets containing a million or more records
This is lovely work. I'm imaging it being very useful for visualizing facets from query-time data.
10 weeks ago by soypunk
Ender - the no-library library.
12 weeks ago by soypunk
"It allows you to search, install, manage, and compile front-end javascript packages and their dependencies for the web. We like to think of it as NPM's little sister."
javascript
performance
for-oris
12 weeks ago by soypunk
Examples » We are Colorblind
12 weeks ago by soypunk
"We are Colorblind.com is dedicated to making the web and beyond a better place for the color blind."
a11y
accessibility
for-oris
12 weeks ago by soypunk
Auto PHP Codeigniter CRUD | grocery CRUD
march 2012 by soypunk
"With grocery CRUD and with the power of Codeigniter framework , you can create a full CRUD system in just one minute. With this Codeigniter CRUD generator , you don't have to copy all your css, JavaScripts, tables, forms, grid, functions , models, libraries, views again and again to your backoffice system. Just few lines of code and you are ready to have your own CMS. The CRUD is working well with Codeigniter 2.0.x and 2.1.x"
for-oris
codeigniter
march 2012 by soypunk
vigetlabs/Twitter-Bootstrap-for-Omnigraffle
march 2012 by soypunk
Omnigraffle stencil, template, and color picker modeled after Twitter Bootstrap
omnigraffle
stencil
bootstrap
framework
for-oris
march 2012 by soypunk
Morris.js
february 2012 by soypunk
Morris.js is a lightweight library that uses jQuery and Raphaël to make drawing time-series graphs easy.
charts
graphs
jquery
plugin
javascript
for-oris
february 2012 by soypunk
CodeIgniter Sparks | autoform
february 2012 by soypunk
"super easy, powerful and customizable form generator for Codeigniter."
codeigniter
for-oris
february 2012 by soypunk
Dashboard
february 2012 by soypunk
"A D3.js, Backbone.js based Graphite Dashboard Toolkit."
backbone
dashboard
javascript
css
d3
for-oris
february 2012 by soypunk
defunkt/jquery-pjax - GitHub
february 2012 by soypunk
pjax loads HTML from your server into the current page without a full reload. It's ajax with real permalinks, page titles, and a working back button that fully degrades.
javascript
jquery
plugin
ajax
performance
for-oris
february 2012 by soypunk
Prefix free: Break free from CSS vendor prefix hell!
february 2012 by soypunk
-prefix-free lets you use only unprefixed CSS properties everywhere. It works behind the scenes, adding the current browser’s prefix to any CSS code, only when it’s needed.
css
javascript
jquery
for-oris
february 2012 by soypunk
slabText – a jQuery plugin for creating big, bold & responsive headlines
february 2012 by soypunk
SlabText is a jQuery plugin for producing bih, bold and responsive headlines http://t.co/E6MZCGz1
css
javascript
jquery
plugin
typography
for-oris
from instapaper
february 2012 by soypunk
Olivier Labs | Jason
february 2012 by soypunk
Jason is a JSON viewer & editor for Mac OS X. It can open local documents as well as download JSON data via HTTP and, in case of invalid data, an error message is presented and the line containing the error is highlighted.
json
mac
osx
software
for-oris
february 2012 by soypunk
Data Feed Query Explorer - Google Analytics - Google Code
february 2012 by soypunk
"With this tool you can play with the Data Export API by building queries to get data from your Google Analytics profiles. You can use these queries in any of the client libraries to build your own tools."
google
analytics
data
api
for-oris
february 2012 by soypunk
datascience/google-analytics-export-to-csv - GitHub
february 2012 by soypunk
"Google-Analytics-export-to-CSV is a simple, command-line tool for exporting data out of Google Analytics and writing it to a CSV file." It uses the Google Data API, so you can actually extract more columns and rows using this than GA's built-in web export tools.
google
analytics
data
java
software
csv
for-oris
february 2012 by soypunk
Bear CSS - Helping you build a solid stylesheet foundation based on your markup
february 2012 by soypunk
"Bear CSS is a handy little tool for web designers. It generates a CSS template containing all the HTML elements, classes & IDs defined in your markup"
css
tools
php
html
markup
for-oris
february 2012 by soypunk
Jamie On Software - Journal - CodeIgniter View Presenters
january 2012 by soypunk
Jamie discusses "presenters" as a method of hiding presentational logic from templates (or CI's "Views")
codeigniter
php
for-oris
january 2012 by soypunk
Little Big Details
december 2011 by soypunk
Lovely blog focusing on interesting user experience design details
for-oris
ux
december 2011 by soypunk
Simple PHP 5.3+ Bcrypt class and functions — Gist
december 2011 by soypunk
This is a very simple wrapper for bcrypt (see: http://codahale.com/how-to-safely-store-a-password/) -- sadly it requires PHP 5.3. Maybe not so sadly because this is one of those technology fundamentals that may force those on PHP 5.2 to move the needle up a little faster.
php
security
bcrypt
for-oris
december 2011 by soypunk
24 ways: Subliminal User Experience
december 2011 by soypunk
A couple of minor interaction design tweaks to common web UI elements
for-oris
css
ux
december 2011 by soypunk
Nelson's Weblog: tech / good / google-previews-javascript
december 2011 by soypunk
Hint: your JavaScript isn't "safe" from crawlers anymore
for-oris
google
crawling
javascript
december 2011 by soypunk
closure-stylesheets - Closure Stylesheets - Google Project Hosting
november 2011 by soypunk
"Closure Stylesheets is an extension to CSS that adds variables, functions, conditionals, and mixins to standard CSS. The tool also supports minification, linting, RTL flipping, and CSS class renaming."
css
development
for-oris
november 2011 by soypunk
Bonfire - Jumpstart Your CodeIgniter Applications
november 2011 by soypunk
"Bonfire helps you build CodeIgniter-based PHP web applications even faster, by providing powerful tools and a beautiful interface you won't be ashamed to show your client."
codeigniter
for-oris
november 2011 by soypunk
HTML5 For Web Designers by Jeremy Keith
november 2011 by soypunk
Huh, you can now read HTML5 for Web Designers for free via the web.
html5
book
for-oris
november 2011 by soypunk
markhuot/tophat - GitHub
november 2011 by soypunk
"View Inheritance for CodeIgniter"
code
igniter
library
for-oris
november 2011 by soypunk
InstaCSS | Instant CSS Documentation Search
november 2011 by soypunk
Auto-complete search of a bunch of CSS specs.
css
reference
documentation
for-oris
november 2011 by soypunk
Kinect BeatWheel - YouTube
november 2011 by soypunk
Aweesome! Also, no surprise but a demonstration that radial menus are useful with other input devices (in this case full body motion input benefits greatly from muscle memory.)
kinect
music
software
research
ui
hci
for-oris
november 2011 by soypunk
OAuth 2.0 Playground: Open to Developers! - Google Apps Developer Blog
november 2011 by soypunk
"Today, we are announcing the OAuth 2.0 Playground, which simplifies experimentation with the OAuth 2.0 protocol and APIs that use the protocol."
google
oauth
development
web
tools
for-oris
november 2011 by soypunk
Smiley Slider
november 2011 by soypunk
A canvas-based horizontal slider that would almost sway me from thinking thumbs up, thumbs down is the best rating UI mechanism.
web
css
javascript
html
html5
canvas
ui
form
widget
for-oris
november 2011 by soypunk
jQuery Masonry
november 2011 by soypunk
A dynamic layout plugin for jQuery
The flip-side of CSS floats
webdev
css
design
layout
via:deusx
jquery
for-oris
The flip-side of CSS floats
november 2011 by soypunk
d3.js
march 2011 by soypunk
"D3 allows you to bind arbitrary data to a Document Object Model (DOM), and then apply data-driven transformations to the document. As a trivial example, you can use D3 to generate a basic HTML table from an array of numbers. Or, use the same data to create an interactive SVG bar chart with smooth transitions and interaction."
javascript
data
visualization
canvas
html
html5
css
svg
for-oris
march 2011 by soypunk
related tags
a11y ⊕ accessibility ⊕ ajax ⊕ analytics ⊕ api ⊕ auth ⊕ axure ⊕ backbone ⊕ balasmiq ⊕ bcrypt ⊕ blog ⊕ book ⊕ bootstrap ⊕ canavs ⊕ canvas ⊕ career ⊕ charts ⊕ cli ⊕ code ⊕ codeigniter ⊕ content ⊕ crawling ⊕ css ⊕ css3 ⊕ csv ⊕ d3 ⊕ dashboard ⊕ data ⊕ design ⊕ development ⊕ documentation ⊕ drupal ⊕ for-oris ⊖ form ⊕ forms ⊕ framework ⊕ frameworks ⊕ front-end ⊕ git ⊕ google ⊕ government ⊕ graphs ⊕ hci ⊕ hg ⊕ hiring ⊕ hmac ⊕ html ⊕ html5 ⊕ http ⊕ humor ⊕ ia ⊕ igniter ⊕ images ⊕ internet ⊕ java ⊕ javascript ⊕ jquery ⊕ json ⊕ kinect ⊕ layout ⊕ less ⊕ library ⊕ login ⊕ mac ⊕ management ⊕ markup ⊕ mcsweeneys ⊕ minimalist ⊕ music ⊕ oauth ⊕ omnigraffle ⊕ osx ⊕ pattern ⊕ performance ⊕ php ⊕ plugin ⊕ polyfills ⊕ process ⊕ product ⊕ prompt ⊕ prototyping ⊕ reference ⊕ research ⊕ resources ⊕ responsive-design ⊕ sass ⊕ script ⊕ search ⊕ security ⊕ services ⊕ shell ⊕ signup ⊕ software ⊕ stencil ⊕ svg ⊕ taxonomy ⊕ technology ⊕ templates ⊕ testing ⊕ theme ⊕ tools ⊕ typography ⊕ ui ⊕ uk ⊕ university ⊕ user ⊕ ux ⊕ via:deusx ⊕ visualization ⊕ web ⊕ webdev ⊕ widget ⊕ wifi ⊕ wordpress ⊕ writing ⊕Copy this bookmark: