Videos in category CSS


CSS-Tricks #73: Building a Website (3 of 3): WordPress Theme

CSS-Tricks #73: Building a Website (3 of 3): WordPress Theme

Posted in Broadcasting, Design, Screencasts, CSS

In part 3 of this series, we take the HTML and CSS that we have already created for this design, and convert it into a WordPress theme. We start with a completely “blank” WordPress theme, then take different parts of the HTML and put them where they need to be in the theme. We are careful to keep as much dynamic WordPress stuff in there as possible, for example, dynamically creating...

Tags: Design, HTML, CSS, CSS-Tricks, Broadcasting, Screencasts



Google I/O 2011: Bring the Cloud to Your IDE with the Google Plugin for Eclipse

Google I/O 2011: Bring the Cloud to Your IDE with the Google Plugin for Eclipse

Posted in Conferences, Companies, Development, Design, Google, Java, Javascript, CSS

Rajeev DayalWith the cloud you can now run services that previously couldn't run on or be accessible from a typical desktop machine. The ability to harness cloud services and infrastructure within apps adds huge value for your users. One of the easiest ways to add the power of the cloud to your apps is with the cloud-connected Google Plugin for Eclipse.

Tags: Google, Conferences, Eclipse, Java, Javascript, Design, HTML, CSS, Development, Companies, cloud, ...


Google I/O 2011: Using GWT and Eclipse to Build Great Mobile Web Apps

Google I/O 2011: Using GWT and Eclipse to Build Great Mobile Web Apps

Posted in Conferences, Companies, Development, Design, Google, Java, Javascript, CSS

Chris RamsdaleMobile web application development is HOT. But many developers are already familiar with web technologies such as HTML, CSS, JavaScript and GWT for building modern web applications. In this talk we will discuss how you can use these skills, and code, to build great web apps for mobile devices.

Tags: Google, Conferences, Eclipse, Java, Javascript, Design, HTML, CSS, Android, Development, Companies, ...


Google I/O 2011: HTML5 Showcase for Web Developers: The Wow and the How

Google I/O 2011: HTML5 Showcase for Web Developers: The Wow and the How

Posted in Conferences, Companies, Development, Design, Google, CSS

Eric Bidelman, Arne Roomann-KurrikWe'll share the strengths and extents of HTML5, showing magnificent demos of bleeding-edge features in Google Chrome. Digging into high-fidelity graphics, performance, and system integration, we'll break each demo down on the big screen to show how it was constructed. Then we'll show you how to use Chrome to its full potential in your own projects.

Tags: Google, Conferences, Design, HTML, CSS, Chrome, Development, Companies, Js, Google I/O 2011, io2011, ...


Google I/O 2011: Mobile Web Development: From Zero to Hero

Google I/O 2011: Mobile Web Development: From Zero to Hero

Posted in Conferences, Companies, Development, Design, Google, CSS

Michael Mahemoff, Paul KinlanExplosive growth in the mobile web is set to continue. Don't leave yourself behind. Writing a new app in every native environment is not always possible, and HTML5 is a way to reuse the bulk of your code across all major platforms. We will show you step-by-step how to build an amazing web app that works on many devices.

Tags: Google, Conferences, Design, HTML, CSS, Chrome, Development, Companies, Js, Google I/O 2011, io2011, ...




PhoneGap: Mobile Applications with HTML, CSS and JavaScript

PhoneGap: Mobile Applications with HTML, CSS and JavaScript

Posted in Conferences, Development, Design, Java, Javascript, CSS

Summary Brian LeRoux presents PhoneGap, a mobile web framework for creating phone applications using just HTML, CSS and JavaScript without having to programm in phone’s native language, Objective C, Java or C++. PhoneGap is open source and currently works on IPhone, Android and Blackberry, supporting features like: geo-location, vibration, accelerometer, sound and contacting support. Bio ...

Tags: Conferences, Java, Javascript, Design, CSS, iPhone, InfoQ, Architecture, Mobile, Android, Development, ...


CSS-Tricks #76: A Tour of jQuery on a Live Site

CSS-Tricks #76: A Tour of jQuery on a Live Site

Posted in Broadcasting, Design, Screencasts, CSS

I’m busy, you’re busy, we’re all busy trying to meet deadlines and get things done in this crazy web world. I love learning new technologies when I can, but I’m the first to admit that I reach for tools that I already know well because I can be instantly productive that way. jQuery is one of those tools for me. In this screencast I walk through a website where I used jQu...

Tags: Design, HTML, CSS, CSS-Tricks, Broadcasting, Screencasts


CSS-Tricks #75: How Not To Design a Checkout

CSS-Tricks #75: How Not To Design a Checkout

Posted in Broadcasting, Design, Screencasts, CSS

You’ll have to forgive me here folks, this isn’t a very constructive screencast. I was frustrated at the crappy checkout process for a software product I was trying, so I thought I’d screencast it as a lesson to us all on how not to design a checkout. It was confusing, frustrating, error-prone, and make me feel unsafe about even going through with the transaction. If you are d...

Tags: Design, HTML, CSS, CSS-Tricks, Broadcasting, Screencasts


CSS-Tricks #74: Editable CSS3 Image Gallery

CSS-Tricks #74: Editable CSS3 Image Gallery

Posted in Broadcasting, Design, Screencasts, CSS

We build a pretty typical image gallery design pattern, a grid of images that pop up larger when clicked. But this image gallery page makes use of hot semantic HTML5 markup, loads of visual treats with CSS3 and jQuery, and made editable through the CMS PageLime. Quick reminder, the demo is awesome-est in a WebKit browser (Safari or Chrome).

Tags: Design, HTML, CSS, CSS-Tricks, Broadcasting, Screencasts