Showing posts with label css. Show all posts
The 30 CSS Selectors you Must Memorize | Nettuts+
The 30 CSS Selectors you Must Memorize Twice a month, we revisit some of our readers’ favorite posts from throughout the history of Nettuts+. This tutorial was first published in November, 2010. So you learned the base id, class, and descendant selectors – and then called it a day? If so, you’re missing out on an enormous level of flexibility. While many of the selectors mentioned in this article are part of the CSS3 spec, and are, consequently, only available in modern browsers, you owe it to yourself to commit these to memory.
11 Tools to Instantly Code Faster | Nettuts+
11 Tools to Instantly Code Faster Jeffrey Way on Aug 23rd 2011 with 164 comments Tweet Twice a month, we revisit or update some of our readers’ favorite posts and sessions from throughout the history of Nettuts+. This tutorial was first published last September. Doesn’t the title say it all? There are a wide variety of tools and techniques which can drastically improve the speed at which we code. Particularly during time-sensitive settings, even a savings of a few seconds per iteration can add up substantially over the course of the month. I’ll show you eleven of my favorite tools in this article.
Code Snippets - Snipplr Social Snippet Repository
Code Management Tools Online networks like Github, Snipplr, and Forrst are fantastic, however, they can be time consuming to access, when you need to reuse a specific piece of code (assuming it’s not already part of a bundle). The solution is to install one of the various code management applications available around the web. Personally, as a Mac user, I prefer the not-free Snippets app. With this tool, when I’m working on code, I can simply press, on the Mac, Command + F12 to insert my desired code snippet into my project. Even better, it integrates an “Export to Snipplr/Snipt/Pastie” feature that’s extremely useful.
zen-coding - Set of plugins for HTML and CSS hi-speed coding - Google Project Hosting
Zen Coding — a new way of writing HTML and CSS code Follow us on Twitter @zen_coding New version 0.7 is available (March 13, 2011), read release notes for more info. Zen Coding is an editor plugin for high-speed HTML, XML, XSL (or any other structured code format) coding and editing. The core of this plugin is a powerful abbreviation engine which allows you to expand expressions—similar to CSS selectors—into HTML code. For example:
zen-coding - Set of plugins for HTML and CSS hi-speed coding - Google Project Hosting
Mercury Editor - Home
Mercury is a full featured HTML5 editor. It was built from the ground up to help your team get the most out of content editing in modern browsers. Supported Browsers To keep Mercury simple, we support all browsers that have implemented the complete W3C contentEditable specification. * Firefox 4+ * Chrome 10+ * Safari 5+
Do's and Dont's of Writing Better CSS and HTML
CSS and HTML are key languages to begin with, when you decide to invest your time in web design and development. They are powerful languages and most of the time may seem simple to work with. However, every single one of us, beginners, or advanced developers, have committed basic or major mistakes working with both these languages. With this in mind, I believe it is extremely important and always welcome to learn some good tips and practices which I hope will help you improve your skills and experience.
30 Useful and Cutting Edge CSS3 Text Effect and Web Typography Tutorials
CSS3 with it’s possibilities is a revolution in web development. The new CSS3 properties give developers a wonderful chance to enhance their designs in a way that’s quick and easy, yet visually impressive. What’s more, almost all of the major browsers now support most of the CSS3 features so that’s another reason for mastering the new techniques. One of the spheres CSS3 has changed dramatically is web typography. Text styling and neat effects can now be achieved without using any Javascript or images at all. This article presents 30 useful and cutting edge CSS3 text effect and web typography tutorials that will take your designs to the next level.
30 Useful and Cutting Edge CSS3 Text Effect and Web Typography Tutorials
An Introduction to Object Oriented CSS
With richer interactions and media heavy pages mushrooming on the web, creating web pages, which load faster and respond well has become a challenge. Separating the content, presentation and behavior of a page using HTML, CSS and JS, is not the only thing that front-end engineers have to concentrate on nowadays. The limelight is now on the performance of the pages, cleanliness and leanness of the code within, scalability and reusability of CSS, and the semantic correctness of the markup. There are a handful of frameworks, techniques and approaches that are built towards this goal of maintainability, scalability and reusability of CSS. Each of them is having its own pros and cons. But, this is not a stage to elaborate on all of them. This article is an introduction to implementing the concept of ‘Object Oriented Programming’ in building CSS for high scale websites and applications, with an eye on maintainability and reusability.
Free WordPress Themes: 2011 Edition - Smashing Magazine
It’s interesting to look back at our previous WordPress themes round-ups. It’s almost like looking at a visual timeline not only of WordPress’ advances in theme design, but of the rapid development in functionality of the CMS itself. The themes from year to year clearly differ in style as Web design trends have evolved. As each year passes and more functionality is added to WordPress’ core, these improvements are strongly reflected in the themes developed for it. Once upon a time, all WordPress themes looked like traditional blogs, with basic functionality and not a heck of a lot more. But as you will see from the themes below, that original “blog” design style is clearly gone, perhaps never to be seen again. It makes you feel nostalgic. Nowadays, user requirements for WordPress themes are very high. Users expect all themes (including free ones) to have pages for admin options built in, where you can quickly set up your website and personalize it with a minimum of fuss. With the rise
FitText - A plugin for inflating web type
A jQuery plugin for inflating web type Download on Github FitText makes font-sizes flexible. Use this plugin on your fluid or responsive layout to achieve scalable headlines that fill the width of a parent element.
Just some other awesome CSS3 buttons – Red Team Design
Whether you’re designing a website or a web application, you’ll need buttons for it. Now, with CSS3′s help, it was never easier to create nice looking buttons. In this article you’ll learn how to create some cool CSS3 buttons in just a few steps.
Flux Slider Transitions Gallery » Hardware accelerated image transitions using CSS3
Flux Slider Transitions Gallery » Hardware accelerated image transitions using CSS3
Flux Slider Transitions Gallery » Hardware accelerated image transitions using CSS3
Cabin CSS Framework — Lean, Modular & Responsive
Cabin’s core file offers only the essentials. The core cabin.css file is supposed to be as simple as possible—perfect for small websites. With this in mind, the core file does not include predefined styles for elements associated with forms,tables or grids as these are not always necessary. Adding support for any of these elements to your project is incredibly easy thanks to Cabin’s extensible nature.
Free CSS | Free CSS Templates, Open Source CSS Templates and CC CSS Templates
Free CSS | Free CSS Templates, Open Source CSS Templates and CC CSS Templates
Free CSS | Free CSS Templates, Open Source CSS Templates and CC CSS Templates
Subscribe to:
Posts
(
Atom
)
