Udacity - Educating the 21st Century
11 weeks ago by fozbaca
Learn about programming languages while building a web browser! You will understand JavaScript and HTML from the inside-out in this exciting class.
class
programming
javascript
html
browser
11 weeks ago by fozbaca
Learn HTML & CSS - a book that teaches you in a nicer way
february 2012 by fozbaca
WELCOME TO A NICER WAY TO LEARN ABOUT HTML & CSS
A book about code that doesn't read like a 1980s VCR manual...
It's not just for programmers, it's written and presented to make it easy for designers, bloggers, content and e-commerce managers, marketers to learn about the code used to write web pages...
book
css
design
html
A book about code that doesn't read like a 1980s VCR manual...
It's not just for programmers, it's written and presented to make it easy for designers, bloggers, content and e-commerce managers, marketers to learn about the code used to write web pages...
february 2012 by fozbaca
Bootstrap, from Twitter
february 2012 by fozbaca
Simple and flexible HTML, CSS, and Javascript for popular user interface components and interactions.
css
design
framework
twitter
html
february 2012 by fozbaca
Treesaver.js
september 2011 by fozbaca
Treesaver® is a JavaScript framework for creating magazine-style layouts using standards-compliant HTML and CSS.
css
html
javascript
from delicious
september 2011 by fozbaca
Treesaver | Design for reading
september 2011 by fozbaca
Create once, publish everywhere. Our HTML5 app is built with web standards—HTML, CSS and Javascript. Treesaver works on any device that has a web browser.The same design and the same code works on PCs, Macs and Linux desktop computers . . . Apple, Android, and Blackberry smart phones . . . and tablets like iPad or Samsung Galaxy Tab.When you make a Treesaver dynamic publication, you skip the hassle and cost of making separate apps for every operating system—and every target device.And now Treesaver offers design consulting, pre-packaged design grids, hosting, the ability to drive content via RSS feeds, and full support services. All building around a new open-source community.
css
html
javascript
from delicious
september 2011 by fozbaca
Object Oriented CSS
september 2011 by fozbaca
How do you scale CSS for thousands of pages? Object Oriented CSS is an answer. It’s an approach for writing CSS that’s fast, maintainable, and standards-based. It adds much needed predictability to CSS so that even beginners can participate in writing beautiful websites. Nicole Sullivan first presented it at Web Directions North in Denver and the response has been overwhelming.
css
html
oocss
from delicious
september 2011 by fozbaca
The media object saves hundreds of lines of code
september 2011 by fozbaca
The media object saves hundreds of lines of code:
css
html
oocss
from delicious
september 2011 by fozbaca
Golden Grid System
august 2011 by fozbaca
Golden Grid System:
grid
framework
mobile
html
css
from twitter
august 2011 by fozbaca
HOWTO: Native iPhone/iPad apps in JavaScript
august 2011 by fozbaca
HOWTO: Native iPhone/iPad apps in JavaScript:
javascript
html
tutorial
css
iPhone
iPad
from delicious
august 2011 by fozbaca
Aloha Editor - HTML5 WYSIWYG Editor
august 2011 by fozbaca
The world's most advanced browser HTML5 based WYSIWYG editor lets you experience a whole new way of editing. It's faster than existing technologies and offers unprecedented WYSIWYG functionalities.
javascript
html
editor
WYSIWYG
html5
from delicious
august 2011 by fozbaca
PhotoSwipe - IMAGE GALLERY FOR MOBILE AND TOUCH DEVICES
july 2011 by fozbaca
PhotoSwipe - IMAGE GALLERY FOR MOBILE AND TOUCH DEVICES:
css
html
javascript
mobile
photography
iPhone
iPad
Android
blackberry
from delicious
july 2011 by fozbaca
Joshfire Framework
july 2011 by fozbaca
The first open source multi-device development framework.
web
html
javascript
development
node.js
from delicious
july 2011 by fozbaca
Creating a custom HTML theme | Tumblr
june 2011 by fozbaca
Creating a custom HTML theme | Tumblr:
design
css
web
tutorial
html
tumblr
from delicious
june 2011 by fozbaca
Gridless - An awesome boilerplate for responsive, cross-browser websites
june 2011 by fozbaca
Gridless has a simple approach on markup and styles. There aren't any pre-made grid systems and the CSS isn't littered with silly classes. Gridless is only a starting point, that should be edited to suit each project's needs.
css
design
html
from delicious
june 2011 by fozbaca
Book of Speed
june 2011 by fozbaca
The business, psychology and technology of high-performance web apps
html
css
javascript
web
development
book
from delicious
june 2011 by fozbaca
HTML EMAIL BOILERPLATE
june 2011 by fozbaca
Welcome to the HTML Email Boilerplate. This website and its sample code creates a template of sorts, absent of design or layout, that will help you avoid some of the major rendering problems with the most common email clients out there — Gmail, Outlook, Yahoo Mail, etc. While not plug and play (you know, you'll have to do some work ;-), it will provide some helpful examples and snippets that will keep your email design rendering as true-to-form as possible.
design
css
web
html
email
from delicious
june 2011 by fozbaca
Creating HTML Emails : An Overview for Web Designers
june 2011 by fozbaca
Creating HTML Emails : An Overview for Web Designers:
design
css
html
email
from delicious
june 2011 by fozbaca
Formly - The form glamorizer for jQuery
june 2011 by fozbaca
An unbelievably easy way to add style and validation to your forms. Forms are everywhere and, usually, suck. Formly makes adding forms to your site a bit more exciting. Easily add style, validation, and a more impressive user interaction with a single function.
design
javascript
html
css
forms
jquery
from delicious
june 2011 by fozbaca
Scrollability
may 2011 by fozbaca
Native scrolling for mobile web apps... or at least the closest thing to it!
design
css
javascript
html
mobile
from delicious
may 2011 by fozbaca
Premailer: pre-flight for HTML email
may 2011 by fozbaca
Premailer: pre-flight for HTML email:
design
css
html
email
from delicious
may 2011 by fozbaca
Skeleton: Beautiful Boilerplate for Responsive, Mobile-Friendly Development
may 2011 by fozbaca
Skeleton: Beautiful Boilerplate for Responsive, Mobile-Friendly Development: Skeleton is a small collection of C...
design
css
html
javascript
grid
mobile
from twitter
may 2011 by fozbaca
Courses - Google Code University - Google Code
may 2011 by fozbaca
Here is a list of courses and innovative resources to help CS students, faculty, and instructors. These are examples of the training Google engineers use to learn new skills.
tutorial
go
python
java
c++
css
html
javascript
Android
linux
from delicious
may 2011 by fozbaca
Front End Development Guidelines
may 2011 by fozbaca
Front End Development Guidelines:
design
css
web
tutorial
html
javascript
from delicious
may 2011 by fozbaca
Innovative Techniques To Simplify Sign-Ups and Log-Ins
may 2011 by fozbaca
Innovative Techniques To Simplify Sign-Ups and Log-Ins:
design
web
css
html
javascript
from delicious
may 2011 by fozbaca
Tempo :: The tiny JSON rendering engine by TwigKit
march 2011 by fozbaca
Tempo is a tiny JSON rendering engine that enables you to craft data templates in pure HTML.
javascript
jquery
html
JSON
from delicious
march 2011 by fozbaca
ReMarkdown: HTML as Markdown text using CSS
january 2011 by fozbaca
ReMarkdown: HTML as Markdown text using CSS:
css
html
markdown
from delicious
january 2011 by fozbaca
Email Templating Language | MailChimp.com
january 2011 by fozbaca
Email Templating Language | MailChimp.com:
mailchimp
email
template
html
from delicious
january 2011 by fozbaca
W3Fools – A W3Schools Intervention
january 2011 by fozbaca
W3Fools – A W3Schools Intervention:
web
css
html
javascript
reference
from delicious
january 2011 by fozbaca
Creating a Gmail Desktop App in Adobe Air, HTML and Javascript - TutorialCadet – Web Developer and Programming Tutorials.
january 2011 by fozbaca
Creating a Gmail Desktop App in Adobe Air, HTML and Javascript:
Air
HTML
javascript
Gmail
from twitter
january 2011 by fozbaca
Pure CSS3 box-shadow page curl effect
december 2010 by fozbaca
Pure CSS3 box-shadow page curl effect:
design
css
html
tutorial
december 2010 by fozbaca
10 Design Lessons From HTML Email Templates That Actually Sell
november 2010 by fozbaca
10 Design Lessons From HTML Email Templates That Actually Sell:
design
email
html
template
tips
newsletter
marketing
november 2010 by fozbaca
The 1140px CSS Grid System/Framework · Fluid down to mobile
november 2010 by fozbaca
The 1140 grid fits perfectly into a 1280 monitor. On smaller monitors it becomes fluid and adapts to the width of the browser.
Beyond a certain point it uses media queries to serve up a mobile version, which essentially stacks all the columns on top of each other so the flow of information still makes sense.
Scrap 1024! Design once at 1140 for 1280, and with very little extra work, it will adapt itself to work on just about any monitor, even mobile.
code
columns
css
css3
grids
html
layout
mobile
templates
framework
fluid
grid
1140
1140px
Beyond a certain point it uses media queries to serve up a mobile version, which essentially stacks all the columns on top of each other so the flow of information still makes sense.
Scrap 1024! Design once at 1140 for 1280, and with very little extra work, it will adapt itself to work on just about any monitor, even mobile.
november 2010 by fozbaca
Enterprise HTML
october 2010 by fozbaca
Provides proven high performance, enterprise-level and scalable HTML tips and best practices.
fun
enterprise
html
tips
october 2010 by fozbaca
The Square Grid - A simple CSS framework for designers and developers
october 2010 by fozbaca
The Square Grid - A simple CSS framework for designers and developers:
css3
design
development
framework
grid
html
layout
october 2010 by fozbaca
Make CSS3 buttons that are extremely fancy
august 2010 by fozbaca
Make CSS3 buttons that are extremely fancy:
css3
button
html
howto
august 2010 by fozbaca
HTML5 Boilerplate - A rock-solid default for HTML5 awesome.
august 2010 by fozbaca
HTML5 Boilerplate - A rock-solid default for HTML5 awesome.:
css3
html5
framework
javascript
template
html
august 2010 by fozbaca
Guide to CSS support in email clients
july 2010 by fozbaca
Guide to CSS support in email clients:
css
cheatsheet
email
guide
html
marketing
newsletter
july 2010 by fozbaca
The 10 HTML Tags Beginners Aren’t Using
june 2010 by fozbaca
The 10 HTML Tags Beginners Aren’t Using:
html
beginner
june 2010 by fozbaca
zen-coding - Project Hosting on Google Code
may 2010 by fozbaca
There are two branches of Zen Coding plugins:
Zen HTML and Zen CSS are the separate plugins for TextMate and NetBeans. They are using template logic, provided by applications and based on Zen HTML Elements and Zen CSS properties documentation.
Zen Coding is the all-in-one plugin, created and supported by Sergey Chikuyonok for Aptana, TextMate, Coda and Espresso. It is based on JavaScript (for Aptana) or Python (the rest of all) script and using more advanced Zen HTML Selectors logic for building HTML.
aptana
code
css
eclipse
editor
Netbeans
plugin
zen
xhtml
textmate
html
Zen HTML and Zen CSS are the separate plugins for TextMate and NetBeans. They are using template logic, provided by applications and based on Zen HTML Elements and Zen CSS properties documentation.
Zen Coding is the all-in-one plugin, created and supported by Sergey Chikuyonok for Aptana, TextMate, Coda and Espresso. It is based on JavaScript (for Aptana) or Python (the rest of all) script and using more advanced Zen HTML Selectors logic for building HTML.
may 2010 by fozbaca
ValidForm Builder - Easy and safe XHTML 1.0 strict forms with validation!
april 2010 by fozbaca
The ValidForm Builder is a open source PHP and JavaScript library that simplifies the often tedious creation of standards based web forms. Correct field validation of forms is an often overlooked problem and can lead to serious security issues. Building a form and adding validation to it was never that easy!
css
html
javascript
jquery
Forms
framework
builder
april 2010 by fozbaca
Gusto, for the iPad - Web Development Environment
april 2010 by fozbaca
Gusto is a full-featured website development environment designed exclusively for the iPad with a focus on workflow and usability.
css
FTP
html
ipad
development
editor
april 2010 by fozbaca
HTML Email Newsletter Toolbox – Tutorials, Templates and Inspiration
march 2010 by fozbaca
HTML Email Newsletter Toolbox – Tutorials, Templates and Inspiration:
collection
email
html
inspiration
newsletter
template
tips
march 2010 by fozbaca
Learn CSS Positioning in Ten Steps: position static relative absolute float
february 2010 by fozbaca
This tutorial examines the different layout properties available in CSS: position:static, position:relative, position:absolute, and float.
html
css
javascript
layout
reference
february 2010 by fozbaca
Creating Polaroid Style Images with Just CSS
january 2010 by fozbaca
Through a combination of browser-specific CSS (2 and 3) integration and some basic styling, we've turned regular old images into cool looking polaroid style images—with no additional markup to show the text.
css
html
css3
effects
polaroid
photo
gallery
january 2010 by fozbaca
Equal Height Columns with Cross-Browser CSS and No Hacks
december 2009 by fozbaca
Equal Height Columns with Cross-Browser CSS and No Hacks:
css
html
design
template
december 2009 by fozbaca
Adaptable view - how do they do it?
november 2009 by fozbaca
Adaptable view is a user interface design pattern which you can use to allow users to manually change visual appearance of content in order to fit their needs. This is usually done by switching styles (in web sites and applications). This way you provide your users with more control over the appearance of content which improves user experience.
design
web
css
html
tutorial
javascript
layout
ui
Lists
november 2009 by fozbaca
Create YouTube-like adaptable view using CSS and jQuery
november 2009 by fozbaca
Besides Turn off the lights feature I explained earlier, YouTube has more great stuff. I believe that you noticed "change view" feature which allows you to switch between normal and wide mode and thus expand/shrink movie area. I like this feature because in different circumstances, I need a different view. But the thing I like the most is that, although layout changes, it is done seamingly and all the information remains easily accessible.
css
html
tutorial
javascript
layout
ui
november 2009 by fozbaca
XRAY ::look beneath the skin
november 2009 by fozbaca
XRAY is a bookmarklet for Internet Explorer 6+, and Webkit and Mozilla based browsers (including Safari, Firefox, Camino or Mozilla). Use it to see the box model for any element on any web page.
code
xhtml
css
html
bookmarklet
layout
design
november 2009 by fozbaca
related tags
3column ⊕ 039 ⊕ 1140px ⊕ @ ⊕ @forwork ⊕ @toread ⊕ accessibility ⊕ ADO ⊕ Adobe ⊕ advice ⊕ Air ⊕ AIR ⊕ ajax ⊕ Algorithm ⊕ Amazon ⊕ android ⊕ Animation ⊕ Apache ⊕ API ⊕ apple ⊕ Application ⊕ Applications ⊕ appls ⊕ aptana ⊕ architecture ⊕ ASP ⊕ ASP.NET ⊕ audiio ⊕ AXAH ⊕ BASH ⊕ beginner ⊕ BestOF ⊕ BitTorrent ⊕ blackberry ⊕ Blog ⊕ blueprint ⊕ book ⊕ bookmarklet ⊕ browser ⊕ builder ⊕ business ⊕ button ⊕ c ⊕ c++ ⊕ Calendar ⊕ Calendaring ⊕ CGI ⊕ cheatsheet ⊕ chrome ⊕ class ⊕ CLI ⊕ CMS ⊕ code ⊕ codec ⊕ ColdFuxion ⊕ Collaboration ⊕ collection ⊕ Color ⊕ columns ⊕ Communication ⊕ community ⊕ compatibility ⊕ content ⊕ Cool ⊕ Copyright ⊕ Copywriting ⊕ csi ⊕ css ⊕ css3 ⊕ Culture ⊕ del.icio.us ⊕ design ⊕ Developer ⊕ development ⊕ DHTML ⊕ Docs ⊕ documentation ⊕ DreamWeaver ⊕ ebook ⊕ eclipse ⊕ editor ⊕ effects ⊕ email ⊕ embed ⊕ enterprise ⊕ Essay ⊕ example ⊕ EXIF ⊕ Extension ⊕ firefox ⊕ flash ⊕ Flex ⊕ fluid ⊕ Font ⊕ Fonts ⊕ form ⊕ forms ⊕ framework ⊕ free ⊕ freeware ⊕ FTP ⊕ fun ⊕ gallery ⊕ generator ⊕ Gmail ⊕ go ⊕ goldenratio ⊕ google ⊕ Graphic ⊕ graphics ⊕ GreaseMonkey ⊕ grid ⊕ grids ⊕ grod ⊕ GUI ⊕ guide ⊕ h264 ⊕ hCalendar ⊕ hCard ⊕ HCI ⊕ Helper ⊕ howto ⊕ html ⊖ html5 ⊕ HTTP ⊕ Humor ⊕ iCal ⊕ ide ⊕ ie ⊕ IE6 ⊕ IIS ⊕ Image ⊕ images ⊕ inspiration ⊕ interaction ⊕ interesting ⊕ interface ⊕ Internet ⊕ InternetExplorer ⊕ ipad ⊕ iphone ⊕ iPhoto ⊕ ISAPI ⊕ java ⊕ javascript ⊕ JPEG ⊕ jquery ⊕ JSON ⊕ JSP ⊕ Language ⊕ layout ⊕ layouts ⊕ Learning ⊕ Library ⊕ link ⊕ Links ⊕ linux ⊕ liquid ⊕ list ⊕ Lists ⊕ Mac ⊕ Magazine ⊕ mailchimp ⊕ Manual ⊕ map ⊕ markdown ⊕ marketing ⊕ Media ⊕ Microformats ⊕ MicroFormats ⊕ Microsoft ⊕ Minimalism ⊕ mobile ⊕ MovableType ⊕ Mozilla ⊕ MP4 ⊕ MVC ⊕ mysql ⊕ Netbeans ⊕ Netscape ⊕ newsletter ⊕ Newspaper ⊕ node.js ⊕ ODBC ⊕ ogg ⊕ Online ⊕ oocss ⊕ OpenSource ⊕ OSX ⊕ Outlook ⊕ pastrykit ⊕ patterns ⊕ PDA ⊕ PDF ⊕ perl ⊕ phi ⊕ Phone ⊕ photo ⊕ photography ⊕ photos ⊕ Photoshop ⊕ php ⊕ placeholder ⊕ plugin ⊕ Plugins ⊕ polaroid ⊕ Presentation ⊕ Printer ⊕ programming ⊕ prototype ⊕ prototyping ⊕ python ⊕ QuickTime ⊕ Rails ⊕ Rant ⊕ re ⊕ reading ⊕ redesign ⊕ reference ⊕ regex ⊕ resize ⊕ resolution ⊕ resources ⊕ REST ⊕ rounded ⊕ RSS ⊕ ruby ⊕ safari ⊕ screen ⊕ search ⊕ Security ⊕ Shell ⊕ simple ⊕ simplicity ⊕ sitemap ⊕ slideshow ⊕ Smultron ⊕ snippets ⊕ software ⊕ SQL ⊕ SQLite ⊕ SSI ⊕ statistics ⊕ Style ⊕ styleguide ⊕ table ⊕ tables ⊕ Technology ⊕ template ⊕ templates ⊕ textmate ⊕ Theme ⊕ Themes ⊕ Tiger ⊕ Tip ⊕ tips ⊕ tool ⊕ Tools ⊕ Trends ⊕ tumblr ⊕ tutorial ⊕ Tutorials ⊕ twitter ⊕ typography ⊕ ui ⊕ UK ⊕ Unix ⊕ URL ⊕ Usability ⊕ Utility ⊕ ux ⊕ VBscript ⊕ VBScript ⊕ Version ⊕ versioncontrol ⊕ VI ⊕ video ⊕ visualization ⊕ web ⊕ webdesign ⊕ webdev ⊕ webdevelopment ⊕ webkit ⊕ WebMail ⊕ WebService ⊕ widget ⊕ Wiki ⊕ Windows ⊕ Wireframes ⊕ WordPress ⊕ Writing ⊕ WYSIWYG ⊕ XFN ⊕ xhtml ⊕ XML ⊕ XMLHttpRequest ⊕ XSL ⊕ XSLT ⊕ XSS ⊕ yahoo ⊕ zen ⊕Copy this bookmark: