February 2012
4 posts
Input type=submit VS Button type=submit
A partir de ahora en vez de utilizar en los formularios como Botón de submit el código siguiente: <input type=”submit” name=”button1” value=”Button1” /> Voy a a utilizarlo así: <button type=”submit” name=”button1” value=”somevalue”>Button1</button> Las razones a favor:
Es...
noty - THE jQuery notification plugin →
With a lot options to choose from, Noty takes charge of the notification system of any website.
I personally don’t like the base CSS style but it won’t be hard to apply the Twitter Bootstrap notifications style
jQuery Org Chart – a plugin for visualising data... →
jQuery OrgChart is a plugin that allows you to render structures with nested elements in a easy-to-read tree structure. To build the tree all you need is to make a single line call to the plugin and supply the HTML element Id for a nested unordered list element that is representative of the data you’d like to display. Features include:
Very easy to use given a nested unordered list element.
...
Say hello to Bootstrap 2.0 | Twitter Developers →
What’s new
Bootstrap 2 brings a plethora of changes and new features to the toolkit, many added as a result feedback from the community. In addition, much of our work was guided by our experiences of working on Twitter.com’s latest redesign where we created a flexible and durable design system. We took the same approach to Bootstrap 2 and came away with more features, better documentation,...
January 2012
11 posts
Bootstrap2, from Twitter →
Built for and by nerds
Like you, we love building awesome products on the web. We love it so much, we decided to help people just like us do it easier, better, and faster. Bootstrap is built for you.
For all skill levels
Bootstrap is designed to help people of all skill level—designer or developer, huge nerd or early beginner. Use it as a complete kit or use to start something more...
HTML5 Please - Use the new and shiny responsibly →
Look up HTML5, CSS3, etc features, know if they are ready for use, and if so find out how you should use them – with polyfills, fallbacks or as they are
Sisyphus.js, a library that helps save the state... →
Sisyphus.js it’s a library that helps save the state of your forms with the use of HTML5 Local Storage.
“Imagine you’re filling a complex form on site, or typing effervescent and extensive comment. And when you’re almost done with that browser is crashed, or you closed tab mistakenly, or electricity is turned off, or something else break your efforts. Disgusting, huh?
...
Javascript Best Practices →
Table Of Contents
Always Use ‘var’
Feature-Detect Rather Than Browser-Detect
Use Square Bracket Notation
Avoid ‘eval’
Reference Forms and Form Elements Correctly
Avoid ‘with’ Statements
Use onclick In Anchors Instead Of javascript: Pseudo-Protocol
Use The Unary + Operator To TypeConvert To Number
Avoid document.all
Don’t Use HTML Comments In...
jQuery UI Bootstrap 0.2 Released →
Today I am happy to announce the release of jQuery UI Bootstrap 0.2. This release includes a number of bug fixes and new additions to the theme and can be downloaded from the release site now.
jQuery TextExt Plugin to provide functionality... →
TextExt is a plugin for jQuery which is designed to provide functionality such as tag input and autocomplete.
The core design principle behind TextExt is modularity and extensibility. Each piece of functionality is separated from the main core and can act individually or together with other plugins.
5 Crucial Points Before Becoming a Freelance Web... →
A freelance career offers a plethora of opportunities and rewards for web designers like you, just itching to make it on your own. At the same time, it can lead to a lot of headache, even failure, if you don’t grasp a few basic skills that extend beyond your creative talents in graphic design. With a focus on the entrepreneurial spirit, let’s discuss the 5 critical points that you must know before...
Perfection kills » Profiling CSS for fun and... →
Aside from looking into bottlenecks on Javascript/DOM side, I decided to step into the CSS land. I wanted to see the kind of impact these nice UI elements have on performance. The old version of the app — the one without all the fluff — was much snappier, even though the JS logic behind it hasn’t changed all that drastically. I could see by scrolling and animations that things are just not as...
Fbootstrapp by Clemens Krack, based on Bootstrap,... →
Based on Bootstrap
Fbootstrap is based on Twitter’s excellent Bootstrap, as the name might indicate.
Fbootstrapp is a toolkit designed to kickstart development of facebook iframe apps in both relevant sizes. It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more, styled in the typical facebook look and feel.
This is Your Year | Passive Panda →
Google 2 Step Authentication Review — The... →
Working in IT you’d think I’d know better; however, this got me thinking about all the information I have stored in my Google account. Access to my email alone would allow access to other sensitive information, which as a flow on from my emails gives them access to other websites indirectly. Password resets to the email address for other non-Google applications or sites could be performed, as...
December 2011
17 posts
Natural Link Building 101 →
Link building is one of the most important things you can do in terms of off-site search engine optimization. As you probably know by now, search engines like Google tend to rank pages higher in search results based on the number and quality of links to those pages. Essentially, the more links you have, the more likely you will be to rank well when someone searches for keywords related to your...
Turning Small Web Projects Into Big Profit, A Case... →
Turning Small Projects Into Big Profit, A Case Study
Mobile Web Best Practices | Helping People Make... →
Extends and Control Directives: Two Crazy Things... →
“Una de las cosas más fascinantes de los programadores es que no puedes saber si...”
Your jQuery: Now With 67% Less Suck. Optimization... →
jQuery is an amazing tool that’s made JavaScript accessible to developers and designers of all levels of experience. However, as Spiderman taught us, “with great power comes great responsibility.” The unfortunate downside to jQuery is that while it makes it easy to write JavaScript, it makes it easy to write really really f*&#ing bad JavaScript. Scripts that slow down page load, unresponsive...
Weekly Freebies: 20 Fantastic Free PSD UI Kits |... →
Learn How To Increase Your Conversions From These... →
Understanding how the mind operates is an essential part of marketing and conversions, and always has been.
Today, we are fortunate to have benefited from professional psychological research studies that can give us a much better understanding of how people work, rather than using blind guesses and hunches.
People are very sensitive to taking all sorts of queues that affect their outlook on your...
An Introduction To Object Oriented CSS (OOCSS) -... →
Have you ever heard the phrase “Content is King”? Being a Web developer, and therefore having a job that’s often linked to content creation, it’s likely you have. It’s a fairly overused but true statement about what draws visitors to a site.
From a Web developer’s perspective, however, some may argue that speed is king. More and more, I’m starting to favour that stance. In recent years many...
Desktop Wallpapers: Christmas Edition (December... →
Smart Validate – jQuery Credit Card Format... →
Smart Validate is a jQuery credit card validation plugin, that makes credit card format validation a simple task. It ensures that user has entered valid credit card number before making actual transaction. Supports all major credit cards (American Express, Mastercard, Visa, Discover, Diners Club).
What the Klout | INFOGRAPHICS →
Foundation: Rapid Prototyping and Building... →
An easy to use, powerful, and flexible framework for building prototypes and production code on any kind of device.
Flexible Grid
The Grid lets you lay out pages quickly and logically with a flexible, nestable system. Even better, the Grid can be whatever size you need — it’s easily adapted to any size screens, from phones to TVs.
Rapid Prototyping
Foundation includes dozens of styles...
FancyBoxv2 is out! - Fancy jQuery Lightbox... →
What’s new
Version 2 is completely rewritten with new features and updated graphics.
Notable changes
Extendable using helpers
Responsive (try resizing window while fancyBox is open)
Integrated slideshow
New gallery transitions
Uses CSS3 (shadows, round corners)
Updated plugin options (not compatible with previous versions)
Now licensed under Creative Commons Attribution-NonCommercial...
9 Steps to Better Conversions - The C.R.E.... →
November 2011
18 posts
The Smashing Guide To Moving The Web Forward -... →
Will the Browser Wars Invade the Mobile Web? →
A List Apart: Articles: Getting Started with Sass →
CSS’ simplicity has always been one of its defining, most welcome features. CSS style sheets are just long lists of rules, each consisting of a selector and some styles to apply. But as our websites and applications get bigger and become more complex, and target a wider range of devices and screen sizes, this simplicity—so welcome as we first started to move away from font tags and table-based...
Trello, collaboration tool that organizes your... →
Trello is a collaboration tool that organizes your projects into boards. In one glance, Trello tells you what’s being worked on, who’s working on what, and where something is in a process.
Pep Gómez 18 year-old tech entrepreneur and music... →
Pep Gómez es un emprendedor castellonense de 18 años que se encuentra trabajando en la meca de la tecnología, en Silicon Valley (Estados Unidos). Es, además, diseñador, inversor en empresas de tecnología, productor musical y ha trabajado en la organización de eventos como Iniciador, iWeekend o Campus Party.
Mozilla CSS Reference - MDN →
This an alphabetical list of CSS features. If you are going to add or modify a page, please fit in with the template CSS Reference:Property Template and modify as required. The basic template for example pages can be found here:samples/cssref/TEMPLATE.html. Feel free to discuss any questions or suggestions on the Talk:CSS Reference page.
See also Mozilla CSS Extensions for Gecko-specific...
Bootstrap, from Twitter →
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.
Nerd alert: Bootstrap is built with Less and was designed to work out of the gate with modern browsers in mind.
Got Klout? Measure and Increase your Brand’s... →
Surf the Web Together — Channel.me →
You know how it is: you can try to verbally explain to someone how a website works, but nothing is easier or clearer than simply showing them what you’re talking about. Surf the Web Together now makes it easy to do exactly that. Simply paste the URL of the website that you want to show to your friend into the channel bar, and click “Create Channel.”
Your friend on the other side of the world...
Mobile Performance Manifesto | David Calhoun's... →
Lungo.js - Mobile Framework... and stuff. →
Meet the first Mobile Framework that uses the actual features of #HTML5, #CSS3 and #JavaScript.
Design and make applications for iOS, Android, Blackberry and WebOs.
Designed to take advantage of the features of current mobile devices.
Capture events like Swipe, Tap, Double-Tap…
Distribute your app in “Mobile Stores” or in websites.
No need images, everything is vector.
...
Useful Coding Tools and JavaScript Libraries For... →
jQuery Version and Plugin Usage Report | BuiltWith... →
jQuery Version Usage
Popular jQuery Plugins
jQuery: » jQuery 1.7 Released →
What’s new?
New Event APIs: .on() and .off()
Improved Performance on Delegated Events
Better Support for HTML5 in IE6/7/8
Toggling Animations Work Intuitively
Asynchronous Module Definition (AMD)
jQuery.Deferred
jQuery.isNumeric()
16 Insights into Google's Rating Guidelines |... →
Sorry, No Secrets Here
If you’re looking for SEO “secrets,” you’ll be disappointed by this post. Although this is an internal document, and Google may not be happy about it being leaked, you won’t find a smoking gun here. What you will find is a training manual on Google’s philosophy of quality. The key to proactive SEO is to understand how Google thinks. If you only chase the algorithm, you’ll...
Firebug Guide for Web Designers →
Firebug Guide for Web Designers
Firebug — an open source web development tool extension for the Mozilla Firefox web browser — is incredibly powerful, with a wide range of super useful and practical features that would benefit any web designer or developer.
In fact, this browser extension (also available in other web browsers with limited functionality) is so useful and popular that it...
Use Appcelerator Titanium to build mobile apps for... →
Titanium makes cross-platform native application development easy.
A free and open source application development platform, Titanium lets you create native mobile, tablet and desktop application experiences using existing web skills like Javascript, HTML, CSS, Python, Ruby, and PHP. Learn More.
Framework for Designing for Multiple Devices | UX... →
Weigh the pros and cons of both the mediums and decide what works best for you.
Mobile Webs
Reach a larger audience The majority of users don’t own a smartphone and don’t access app stores. They are more likely to use a mobile browser and access the Internet from their mobile phones. The barriers to accessing a site via a browser are lower than those to downloading an app, even for Smartphone...