aldolat + css   158

Advantages of Using a Preprocessor (Sass) in CSS – The Startup – Medium
Maintenance and readability of CSS code gets harder as the project gets bigger. Dealing with thousands of lines of CSS rules, waste developers time and raise the cost of the project. As the project gets bigger, CSS causes some problems.
CSS  webdesign  webdev  Sass  from instapaper
15 days ago by aldolat
How To Learn CSS
You don’t need to commit in memorizing every CSS Property and Value, as there are good places to look them up. There are some fundamental things, however, which will make CSS much easier for you to use. This article aims to guide you along your path of learning CSS.
CSS  webdesign  webdev  code 
16 days ago by aldolat
Create a Print-Friendly Page with Gutenberg.css - Hongkiat
On informational websites it’s still a good practice to offer a custom print stylesheet. Thankfully, you don’t need to design your own because Gutenberg is here to help.
CSS  webdev  print 
january 2017 by aldolat
REM vs EM – The Great Debate | Zell Liew
One of the best practices to typography on the web is to use relative units like rem and em. The question is, which should you use? There’s been a longstanding debate between rem supporters and em supporters, believing that you should use one over the other. In this article, you’re going to find my take on rem vs em. You’re also going to learn exactly what rem and em are, and how to use them to build modular components.
CSS  rem  em 
january 2017 by aldolat
Typography Handbook
A concise, referential guide on best web typographic practices.
typography  webdev  webdesign  CSS  from instapaper
june 2016 by aldolat
Truly Fluid Typography With vh And vw Units – Smashing Magazine
Embracing fluid typography might be easier than you think. It has wide browser support, is simple to implement and can be achieved without losing control over…
webdev  webdesign  CSS  from instapaper
may 2016 by aldolat
Introduction to CSS Colors
We’ll cover all the available methods for specifying colors with CSS in this guide.
color  webdesign  webdev  css  letture 
january 2015 by aldolat
An Alternative to @import in WordPress Child Themes – Konstantin Kovshenin
We can drop the @import statement, and make good use of functions.php and the wp_enqueue_style() function.
wordpress  webdev  @import  css 
december 2014 by aldolat
Ultimate CSS Gradient Generator -
A powerful Photoshop-like CSS gradient editor from ColorZilla.
webdesign  webdev  color  generator  css 
november 2013 by aldolat
Responsive Design Testing
This tool has been built to help with testing your responsive websites while you design and build them.
webdesign  webdev  html5  responsive  css 
september 2013 by aldolat
Build a Modular Dashboard Interface With Pure | Webdesigntuts+
Today, we will be making a beautiful, minimal dashboard using Pure (view the project on GitHub), the new mini-CSS module library from Yahoo!. We will be talking about and using some of the principles of SMACSS (Scalable and Modular Architecture for CSS). We’ll also be using icons from
webdesign  pure  webdev  css3  css 
september 2013 by aldolat
The 30 CSS Selectors you Must Memorize - Tuts+
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.
webdesign  css3  html  css 
september 2013 by aldolat
Variable Grid System :: Generate CSS grid templates based on '960 Grid System'
The variable grid system is a quick way to generate an underlying CSS grid for your site. The CSS generated file is based on the 960 Grid System.
webdev  generator  grid  css 
august 2013 by aldolat
Gumby - A Flexible, Responsive CSS Framework - Powered by Sass
Gumby 2 is built with the power of Sass. Sass is a powerful CSS preprocessor which allows us to develop Gumby itself with much more speed — and gives you new tools to quickly customize and build on top of the Gumby Framework.
webdesign  webdev  responsive  grid  html  framework  css 
august 2013 by aldolat
Awesome CSS libraries, boilerplates and frameworks |
When starting a new project, using a CSS framework or boilerplate can help you save a lot of time. In this article, I have compiled my favorite CSS boilerplates, frameworks and libraries to help you being more efficient when building websites or apps.
webdev  html  css  letture 
july 2013 by aldolat
Sleek, intuitive, and powerful mobile-first front-end framework for faster and easier web development.
webdev  html  framework  css 
july 2013 by aldolat
An Advanced Guide to HTML & CSS
An Advanced Guide to HTML & CSS takes a deeper look at front-end design and development, expanding on what is covered in the beginner’s guide. Studying modern front-end development, this guide teaches the latest for any designer looking to round out their front-end skills.
html  css  webdev  guide 
january 2013 by aldolat
A Beginner's Guide to HTML & CSS
A Beginner’s Guide to HTML & CSS is a simple and comprehensive guide dedicated to helping beginners learn HTML and CSS. Outlining the fundamentals, this guide works through all common elements of front-end design and development.
html  css  webdev  guide 
january 2013 by aldolat
Mastering the 960 Grid System | Nettuts+
We’re already familiar with the 12- and 16-column variants of, but did you know that a 24-column alternative exists too? In this article, you’ll master the 960 grid system by dissecting the 24-column version demo. If you’ve only used 960gs before for Photoshop mockups, consider this your lucky day. By the end of this article, you’ll be able to convert your designs to HTML and CSS in no time at all.
webdesign  css  960  grid 
january 2013 by aldolat
How to Build a Kick-Butt CSS3 Mega Drop-Down Menu | Nettuts+
Often used on e-commerce or large scale websites, mega menus are becoming more and more popular, as they offer an effective solution to displaying a lot of content while keeping a clean layout. In this tutorial, we’ll learn how to build a cross-browser, awesome CSS-only drop-down mega menu, using nice CSS3 features.
html  css  css3  dropdown  navigation 
january 2013 by aldolat
Making a website responsive in 3 easy steps |
Today, a website must not look good only on a desktop screen, but also on tablets and smartphones. A website is responsive if it is able to adapt to the screen of the client. In this article, I’ll show you how to easily make a website responsive in three easy steps.
webdesign  css  html  responsive  letture 
november 2012 by aldolat
Type study: Sizing the legible letter « The Typekit Blog
Type study is an ongoing series of guest posts about typography on the web. In this article, Ethan Marcotte dishes up advice on font size.
type  fonts  webdesign  css  typography  letture 
september 2012 by aldolat
30 Beautiful Three-Colors Websites For Your Inspiration
In this collection of websites, we focused on designs that used three colors for their primary design elements. However, a few of these sites do include one or two highlight colors beyond the 3 main colors. Nonetheless, these websites were just too well-done and close enough to the 3 color criteria that we could not help but include them in this collection.
css  html  webdev  color  webdesign  letture 
august 2012 by aldolat
Awesome CSS3 generators to simplify front end development |
CSS3 introduced lots of new possibilities in the world of front end web development. This is indeed a great thing, but it can become quite hard to remember all the parameters, especially if you come from a web designer background. Here are a list of 10 awesome CSS3 code generators that will help you to save time and hassle.
generator  webdev  css3  css  letture 
august 2012 by aldolat
12 Excellent CSS3 Button and Menu Techniques | Tutorials
No longer will we have to rely on so much JavaScript and images to create nice looking website elements such as buttons and menu navigations.
tutorial  navigation  buttons  css3  css 
august 2012 by aldolat
A Pure CSS3 Cycling Slideshow | Smashing Coding
Thanks to CSS3, we can create effects and animations without using JavaScript, which will facilitate the work of many designers.
css  webdesign  animation  slideshow  css3  HTML  letture 
april 2012 by aldolat
Custom Classes: WordPress Plugin
For a recent project, I needed a way to add custom post and body classes on a per-post basis. Sure, I could have used a category or tag to style each post, but I hate creating custom categories and tags for the purposes of styling a post. So, I created a small plugin to let me add custom classes for individual posts.
body_class  post_class  plugin  CSS  wordpress  Resources  letture 
february 2012 by aldolat
A better Photoshop grid for responsive web design » Blog » Elliot Jay Stocks
1000 is a nice, easy, round number. Dividing by 1000 results in clean percentages and better still, dividing by 1000 is something we can do in our heads: just remove the zero. A 140px column inside a 1000px container is 14%. A 500px column in a 1000px container is 50%. 320px is 32%. Easy!
css  html  grid  webdesign 
january 2012 by aldolat
Huge Collection of Code Snippets: HTAccess, PHP, WordPress, jQuery, HTML, CSS | Perishable Press
Whenever I update this site, I place any removed/unused code snippets into a giant note file for future reference, just in case. There’s all sorts of different types of code and snippets that just keep growing and growing and.. and finally it gets to a point where I just need to dump everything and start fresh. That is the purpose of this post.
snippets  htaccess  php  wordpress  jquery  html  css  htaccess 
september 2011 by aldolat
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.
framework  css  html  webdesign  development 
august 2011 by aldolat
From Monitor To Mobile: Optimizing Email Newsletters With CSS - Smashing Magazine
After reading this article, you will hopefully come away with a few ideas on how to start coding email designs with improved readability and usability when viewed in Web, mobile and email desktop clients alike. Also included are a variety of resources to get you on the right path with using CSS in email.
email  newsletter  css  html  design 
august 2011 by aldolat
38 “Call to Action” Button Templates That Really Stand Out
Make it big, make it clear, make it delicious. That’s the primary rule of successful “call to action” button, a button that leads your site visitor to your defined target such as product purchase or site conversion. While there is in-depth article that briefs about guidelines, best practices and examples to create a deadly effective “call to action” buttons, few might failed to achieve it due to issues like insufficient design skill or time.
webdesign  button  css  css3 
july 2011 by aldolat
Web font services - An Overview - by
This is just a personal driven overview of web font services and should not be understood as an authoritative attempt to classify the services - as it was mentioned to me.
webdesign  css  @font-face  fonts 
may 2011 by aldolat
Powerful New CSS Techniques and Tools - Smashing Magazine
The hard work of front-end designers never ceases to amaze us. Over the last months, we’ve seen Web designers creating and presenting a plethora of truly remarkable CSS techniques and tools. We have collected, analyzed, curated and feature latest useful resources for your convenience, so you can use them right away or save them for future reference.
css  css3  tools 
april 2011 by aldolat
Awesome New CSS3 Selectors | Perishable Press
The W3C CSS Working Group introduced some powerful new CSS3 selectors to the working CSS3 specification. These new selectors aren’t yet supported by all browsers (currently only Webkit and IE), but designers can start using all the goodness a la progressive enhancement. Let’s check out these awesome new CSS3 selectors and see some real-world examples that are simply too good to be true.
css  css3  selectors 
april 2011 by aldolat
Roots WordPress Theme | Rapidly create sites with HTML5 Boilerplate and Blueprint CSS or
Roots is a starting WordPress theme made for developers that’s based on HTML5 Boilerplate, Blueprint CSS (or and Starkers that will help you rapidly create brochure sites and blogs.
wordpress  themes  html5  html  css 
april 2011 by aldolat
CSS3 Imageless Buttons Library
This is a little library to create nice buttons for modern browsers in a faster way. No license attached, use for whatever you like. Thanks!
css  css3  button 
march 2011 by aldolat
Awesome Fontstacks
Easily create bundles of beautifully matching, free web fonts, with failsafe font stacks to back them up. Including ready-to-go CSS code!
@font-face  fonts  typography  css  webdesign 
december 2010 by aldolat
Make the Visual Editor Actually WYSIWYG | Digging into WordPress
In otherwords, match what you see when creating/editing a Post or Page in the WordPress visual editor to what you get when you actually publish it. It’s easier than you might think! Basically you can declare a special CSS file that the visual editor will use to render itself while you are editing it. If the styles in that CSS file match the styles in your live theme’s CSS file, you are straight up WYSIWYG (What You See Is What You Get).
wordpress  css  visual-editor 
november 2010 by aldolat
So You Need To Fill a Dropdown Dynamically | CSS-Tricks
You have one dropdown menu, and depending on the user’s choice in that one, a second dropdown gets filled with choices. Let’s cover three different ways you can go about that.
dropdown  menu  css  dynamic  autocomplete 
october 2010 by aldolat
AnythingSlider 1.4 | CSS-Tricks
Since the AnythingSlider has been on GitHub, a number of people have pushed the project forward. Big props to ProLoser, Mottie, meancode, betzster, and kalasoft for committing code to make it more feature rich, smarter, and more optimized.
css  jquery  slider  gallery 
october 2010 by aldolat
The 1KB CSS Grid by Tyler Tate :: A simple, lightweight approach
Though simple, The 1KB CSS Grid packs the punch of a heavyweight. Nested rows? Piece of cake! A fluid grid rather than a fixed one? No problem! Explores some of the finer details of implementing the grid.
webdesign  css  grid  generator 
september 2010 by aldolat
The 960 Grid System Made Easy
We’ll focus specifically on the 960 Grid System, but after reading this guide, you’ll find that most of the other grid systems out there are similar and will make much more sense after you understand a few basic principles.
grid  webdesign  css  layout  960 
july 2010 by aldolat
ToolTips Example
Esempi di tooltips basati solo su CSS.
css  css3  tooltip 
july 2010 by aldolat
Keith Clark - IE CSS3 pseudo-class selectors
ie-css3.js allows Internet Explorer to identify CSS3 pseudo-class selectors and render any style rules defined with them. Simply include the script in your pages and start using these selectors in your style sheets - they'll work in IE!
css  css3  javascript  ie  ie6 
july 2010 by aldolat
Linear CSS Gradients that ANY Browser Can See | Web Design Tutorials | Creating a Website | Learn Adobe Flash, Photoshop and Dreamweaver
In the past, if you wanted to have an HTML entity to have a gradient background you created in image of a gradient and displayed it in the entity using the background-image attribute in CSS. With the evolution of browsers and CSS/HTML, this is no longer the case. In this tutorial we will learn how to use CSS to add a linear gradient to the background of entities.
css  css3  gradients 
july 2010 by aldolat
Start Using CSS3 Today: Techniques and Tutorials - Smashing Magazine
In this post we present an extensive round-up of CSS3 techniques, tools and resources that will help you learn how to use CSS3 in your designs right away. We have grouped most useful articles by the corresponding properties, described what browsers support what properties, presented alternative JavaScript-based approaches and workarounds for Internet Explorer and added a couple of links to useful CSS3 generators and tools in the end of the post.
webdesign  css  css3  tutorials 
june 2010 by aldolat
50 New Useful CSS Techniques, Tools and Tutorials - Smashing Magazine
In this round-up we present fresh useful articles about less-known CSS 2.1 and CSS3 properties as well as an overview of recently published CSS techniques, tools and tips for designers and web-developers.
webdesign  css  css3  tutorials 
june 2010 by aldolat
How to Create a Drop-down Nav Menu with HTML5, CSS3 and jQuery | Nettuts+
In this tutorial, we’ll take a look and see what we can achieve with HTML5 and CSS3 when it comes to the staple of current web sites: the humble drop-down navigation menu. We’ll also use jQuery to handle the effects and add the finishing touches for us.
menu  navigation  dropdown  html5  css  css3 
june 2010 by aldolat
Google Font Directory
The Google Font Directory lets you browse all the fonts available via the Google Font API. All fonts in the directory are available for use on your website under an open source license and served by Google servers.
google  fonts  css  @font-face  Resources 
may 2010 by aldolat
Rassegna di webdesign.
webdesign  css  inspiration 
april 2010 by aldolat
Code Beautifier: CSS Formatter and Optimiser
Accorciare le notazioni, ridurre il testo inutile, unire i selettori, comprimere i codici di colore e le proprietà dei font, rimuovere backslashes e new lines e scartare proprietà non valide.
css  optimization 
april 2010 by aldolat
Clearleft and OmniTi present Fontdeck, a web service delivering real fonts to your website.
@font-face  css 
april 2010 by aldolat
Make your pages load faster by combining and compressing javascript and css files | rakaz
Today I am going to make a second tool public – including source code. It is a method to decrease the loading time of a page by combining all the different css or javascript files and compress them.
javascript  css  optimization  performance  compression  webdev 
april 2010 by aldolat
Database Powered CSS in WordPress Themes | Joseph Scott
A popular ability in WordPress themes is to add custom CSS driven by options. This brings up a common question, how should the theme inject custom CSS? I’ll outline three different approaches on how to do this. These aren’t new, many people have written about these; forums, blog posts, email lists and IRC. I’m still seeing questions about this though, so I wanted to address this specific question with specific solutions.
wordpress  themes  css  database 
april 2010 by aldolat
Typetester – Compare fonts for the screen
Comparazione degli stili CSS di blocchi di testo in realtime.
css  text  type  fonts  webdesign 
march 2010 by aldolat
Bulletproof @font-face syntax « Paul Irish
Let me introduce you to the best way to do your @font-face definitions.
css  css3  typography  @font-face 
october 2009 by aldolat
« earlier      
per page:    204080120160

related tags

@font-face  @import  accessibility  animation  apple  autocomplete  background  backgrounds  body_class  bookmarklets  borders  breadcrumbs  browser  button  buttons  calculator  cheatsheet  code  colonne  color  columns  compression  compressor  converter  css  css3  database  design  development  dhtml  div  dropdown  dynamic  em  email  emulator  extension  firefox  fixes  float  fonts  format  framework  free  gallery  generator  google  gradients  graphics  grid  guide  hacks  horizontal  htaccess  html  html5  icons  ie  ie6  image  images  inspiration  iphone  ipod  javascript  jquery  layout  letture  link  menu  microsoft  mobile  navigation  newsletter  optimization  pagepeel  parent  performance  php  plugin  Portfolio  post_class  pre  preload  print  pure  px  reference  rem  reset  resources  responsive  Sass  selectors  slider  slideshow  sliding  snippets  sprite  sprites  tabelle  tables  templates  test  tester  testing  text  thematic  themes  tips  toggle-content  tools  tooltip  transform  transitions  transparency  tricks  tutorial  tutorials  type  typography  usability  visual-editor  w3c  web  webdesign  webdev  webmaster  webstandards  wordpress  xhtml 

Copy this bookmark: