WordPress allows you to embed tweets by pasting the tweet URL into your posts. You get a nice card with the tweet and all relevant details. Sadly, this card will not work on responsive sites due to a fix width applied by Twitter. In this post we'll see how to remove it and also make… Continue reading Make embedded tweets in WordPress responsive
Tag: css3
3D with HTML 5 canvas and CSS transforms
Intro to CSS 3D transforms http://desandro.github.com/3dtransforms/docs/introduction.html Tiler3D http://labs.hyperandroid.com/html5-tiler-3d 3D starfield with HTML 5 http://seb.ly/2009/09/simple-3d-in-html5-canvas/ three.js http://mrdoob.github.com/three.js/ Amazing basic to hardcore examples Cloud Carousel http://www.professorcloud.com/mainsite/carousel.htm Libraries jCanvas http://calebevans.me/projects/jcanvas/index.php jQuery Canvas Toolkit http://www.jeremyckahn.com/jck/
CSS box model calculator
A very useful tool when you have to calculate complex box dimensions in CSS This tool takes into account borders, paddings, margins and of course, content width.
Comparison of Sass and Less
Interesting comparison between Sass and Less meta languages for CSS production. I'd add that Sass is released under MIT license, which is GPL-compatible, whereas Less is distributed under Apache license, which is not.
Web Design Resources for October 2011
September left behind many good resources about typography, iOS development and more responsive stuff. These are the resources on the web for October 2011. Start using the PayPal API now http://smashingmagazine.com/.../getting-started-with-the-paypal-api/ SM published this interesting article on the nuts and bolts of working (and suffering) with the PayPal API and how to integrate it in… Continue reading Web Design Resources for October 2011
Best web design resources of August 2011
It's resource time and here's the August round up that left a plethora of responsive and HTML5 resources, like a responsive grid with golden proportions, HTML5 Boilerplate 2, fluid width videos, images and even responsive sliders. Read on! Golden Grid System http://goldengridsystem.com/ GGS is a foundation CSS and HTML pack to build your own responsive… Continue reading Best web design resources of August 2011
Slides from WordCamp San Francisco 2011
WordCamp San Francisco is the main conference of developers, users and fans about WordPress. This year, WordCamp SF had a massive number of 51 incredible speakers, with some of them even throwing two conferences, like @nacin and @Otto42. Here's a round up of the slides shared by the speakers. Andrew Nacin WordCamp SF 2011: Debugging… Continue reading Slides from WordCamp San Francisco 2011
Best web design resources of July 2011
A little late, yes, but here's the July round up of some cool web design resources like a voting system for HTML 5 videos, an introduction to HTML 5 canvas, why Google doesn't take meta keywords into account, free icons and more. General Resources Vote on HTML 5 videos with jQuery http://www.zurb.com/playground/html5-video-voting A nice system… Continue reading Best web design resources of July 2011
Masonry CSS3: dynamic grid layout
Masonry CSS3 is the counterpart of the well known jQuery plugin and relies on CSS 3 columns. Check the demo on the home page of Radu's site.
Best web design resources of June 2011
Here's the round up of fresh web design resources for June 2011! we have icon sets, CSS3 tools, web typography, Chrome Extensions for Google Web Fonts and WordPress resources. General web design Mobile app mockups http://mokk.me/ Mokk is a simple but effective web app to quickly mock... well, other web apps. Mokk focuses on mocking… Continue reading Best web design resources of June 2011