aldolat + webdesign   157

Material Design Color Palette Generator - Material Palette
Making over your site’s typography isn’t just about finding the right font or size. Nope, it’s also about finding the right color. If you haven’t experimented with this Material Design Palette yet, take a moment to do so now. You’ll see that regardless of which branding colors you select, the primary and secondary font color are always black or a shade of grey.
color  palette  icons  material_design  webdesign  webdev 
february 2017 by aldolat
Typography Handbook
A concise, referential guide on best web typographic practices.
typography  webdev  webdesign  CSS  from instapaper
june 2016 by aldolat
Considerations for styling the pre tag
You’ve probably used it. It’s that very special tag in HTML that allows for the white space within the tags to actually be honored. For example, four spaces will actually be four spaces! That’s unlike how HTML normally works, where white space “collapses” (the four spaces will become one). The pre tag is useful indeed.
webdev  webdesign  from pocket
may 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
Material design - Google design guidelines
We challenged ourselves to create a visual language for our users that synthesizes the classic principles of good design with the innovation and possibility of technology and science. This is material design. This spec is a living document that will be updated as we continue to develop the tenets and specifics of material design.
design  webdesign  google  materialdesign 
november 2014 by aldolat
Stop Wasting Users' Time | Smashing Magazine
Our users are precious about their time and we must stop wasting it. On each project ask two questions: “Am I saving myself time at the expense of the user?” and “How can I save the user time here?” What is the single most precious commodity in Western society? Money? Status? I would argue it is time.
webdesign  interface  web  time  letture 
april 2014 by aldolat
Our themes don't have sliders... Because sliders suck. • Yoast
Let me make one thing very clear: sliders suck. Of course, I entitle myself to my own opinion, and you’re entitled to yours. But let me explain why they suck.
slider  webdesign  webdev  letture 
february 2014 by aldolat
Adaptive Images in HTML
Adaptive Images detects your visitor's screen size and automatically creates, caches, and delivers device appropriate re-scaled versions of your web page's embeded HTML images.
webdesign  webdev  adaptive  responsive  images 
november 2013 by aldolat
Ultimate CSS Gradient Generator - ColorZilla.com
A powerful Photoshop-like CSS gradient editor from ColorZilla.
webdesign  webdev  color  generator  css 
november 2013 by aldolat
X-Icon Editor
X-Icon Editor is an HTML5 application (based on ) that allows you to create high resolution icons that lets your sites shine with IE9 and above. With X-Icon Editor you can quickly get your site ready with a large icon which will be available for pinned sites and the new tab page. Create your own site icon today!
webdesign  webdev  favicon 
october 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 WeLoveIconFonts.com.
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
lorempixel - placeholder images for every case
Placeholder Images for every case. Webdesign or Print. It's simple and absolutely free! Just put the custom url in your code like this: to get your FPO / dummy image.
webdesign  lorem  webdev  image  generator  images 
september 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
Simple Responsive Images With CSS Background Images
there’s an easy, straightforward way to deliver responsive images that’s supported by all of today’s Web browsers: CSS background images.
webdesign  webdev  images  letture 
july 2013 by aldolat
Understand the Favicon
When Alec Rust asked the HTML5 Boilerplate project to switch to a HiDPI favicon, I realized how little I knew about favorite icons, touch icons, and tile icons. When I decided to dive in a little deeper, things got interesting.
webdesign  webdev  favicon 
january 2013 by aldolat
Mastering the 960 Grid System | Nettuts+
We’re already familiar with the 12- and 16-column variants of 960.gs, 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
Batch • 300 Icons for Web & User Interface Design
A lovingly designed and crafted suite of 300 icons for web and user interface design.
icons  webdesign 
november 2012 by aldolat
Making a website responsive in 3 easy steps | CatsWhoCode.com
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
Top 10 Free Responsive WordPress Themes - WPMU.org
Need a new responsive theme for your WordPress site? You’re in luck! So far 2012 has been a great year in the world of WordPress themes.
webdesign  responsive  themes  wordpress 
october 2012 by aldolat
Color conversion (RGB / CMYK / HSV / YUV / ...)
This is a page that will help you convert colors between RGB, CMYK and HSV color spaces.
webdev  webdesign  conversion  cmyk  color 
september 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
Free Icon Fonts for Web User Interfaces
This roundup features 18 free icon fonts that can be used in your commercial projects. The icon fonts in this post are perfect for your app user interfaces (UIs).
webdesign  fonts  icons 
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
5 Google Font Combinations That You Should Start Using
Below you will see 5 examples of Google Font combinations that I think YOU should start using. (One of them is a combination that I use here on my site.)
webdesign  fonts  wordpress 
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
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
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 sprungmarker.de
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
Designing Websites With Inkscape
Inkscape is a great program to have in your toolbox as a web designer. It’s similar to Adobe Illustrator, but the user interface and tools are slightly different. It’s also an open source program released under the GPL, and is available for Windows, OS X, and Linux. This program can be used on on its own without the use of photo editing software like Photoshop or Gimp to create professional websites. This tutorial will walk you through some basic techniques for creating websites with Inkscape using this very basic blog design as a guide.
Inkscape  webdesign  tutorials 
march 2011 by aldolat
Twenty Ten Weaver | Wordpress Weaver
Welcome to the home page of WPWeaver's Twenty Ten Weaver (and equivalent 2010 Weaver) WordPress theme. As implied by the name, Twenty Ten Weaver is a child theme of the new WordPress 3.0 default Twenty Ten theme. Important Note: Twenty Ten Weaver and 2010 Weaver are functionally identical. 2010 Weaver is the main version found at WordPress.org themes. For the user, there is no practical difference between the two themes. Twenty Ten Weaver allows you to tweak almost everything. You can change colors, fonts, sidebar columns, header size, and more. This theme also includes several new theme looks for an easy start. Just for example, this site is running on WordPress 3 and uses the "WP Weaver" sub-theme as its own theme.
wordpress  themes  webdesign  Resources 
december 2010 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
Desktop and @font-face fonts | Fontspring
OpenType for your desktop and webfonts for your sites.
typography  fonts  @font-face  webdesign  Resources 
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
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
Design Better And Faster With Rapid Prototyping - Smashing Magazine
In an iterative approach to user interface design, rapid prototyping is the process of quickly mocking up the future state of a system, be it a website or application, and validating it with a broader team of users, stakeholders, developers and designers. Doing this rapidly and iteratively generates feedback early and often in the process, improving the final design and reducing the need for changes during development.
design  webdesign  wireframe  prototyping  development  usability 
june 2010 by aldolat
CSSREMIX
Rassegna di webdesign.
webdesign  css  inspiration 
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
TimThumb PHP Script Released | Darren Hoyt Dot Com
The custom image-resize script created for Mimbo Pro is now available as an open-source project!
timthumb  thumbnail  images  webdesign 
march 2010 by aldolat
10 Easy jQuery Tricks for Designers
Let’s take a look at ten simple, effective, and useful tricks and techniques from several excellent jQuery developers and sites around the web that leverage the library to take your designs to another level.
jquery  webdesign 
september 2009 by aldolat
HTML 5 Visual Cheat Sheet by Woork
HTML 5 Visual Cheat Sheet is an useful cheat sheet for web designers and developers designed by me. This cheat sheet is essentially a simple visual grid with a list of all HTML tags and of their related attributes supported by HTML versions 4.01 and/or 5. The simple visual style I used to design this sheet allows you to find at a glance everything you are looking for.
html5  cheatsheet  webdesign  html  code 
september 2009 by aldolat
Web-kreation - Add File Type Icons next to your links with CSS
Many people use Javascript to automatically add file type icons to their external links, mailto links, Word, PDF, Excel Document links… when it can be done very easily with CSS 2.1.
css  icons  link  webdesign 
september 2009 by aldolat
AnythingSlider jQuery Plugin | CSS-Tricks
This new AnythingSlider is an attempt at bringing together the functionality of all of those previous sliders and adding new features. In other words, to create a really “full featured” slider that could be widely useful. This is the first time (on CSS-Tricks) that one of these sliders is an actual plugin as well, which should make implementing it and customizing it much easier.
jquery  javascript  webdesign  gallery  css  slider  slideshow 
august 2009 by aldolat
Perfect Full Page Background Image | CSS-Tricks
We visited this concept of re-sizeable background images before… but reader Doug Shults sent me in a link that uses a really awesome technique that I think is better than any of the previous techniques.
css  webdesign  backgrounds 
august 2009 by aldolat
50 Useful New jQuery Techniques and Tutorials | Developer's Toolbox | Smashing Magazine
In this article we present 50 useful new jQuery techniques and tutorials that have been created recently and that could make the development of your next website an easier and more interesting experience than the last.
jquery  webdesign  css  javascript 
august 2009 by aldolat
The simplest way to horizontally and vertically center a DIV | Dezinerfolio
Il modo più semplice per centrare un DIV in orizzontale e in verticale.
css  html  webdesign  tips 
august 2009 by aldolat
CSS3 module: Multi-column layout
This module describes multi-column layout in CSS. It builds on the CSS3 Box model module and adds functionality to flow the content of an element into multiple columns.
css  css3  w3c  layout  webdesign  webstandards  columns  colonne 
july 2009 by aldolat
CSS3 - Columns
The ever more delayed CSS 3 specification has a Multi-column layout module. Unsurprisingly, this module specifies ways and means of creating multi-column texts. This page contains a few tests of the column declarations.
css  css3  layout  webdesign  firefox  webstandards  colonne  columns 
july 2009 by aldolat
CSS Fundamentals: Containing Children - Nettuts+
Today, we'll be reviewing the overflow: hidden, and clearfix tricks to force a parent div to contains its children.
css  webdesign  tutorials  div  parent 
july 2009 by aldolat
« earlier      
per page:    204080120160

related tags

@font-face  accessibility  adaptive  advertising  animation  art  background  backgrounds  browser  browser-test  brushes  button  buttons  calculator  carousel  cheatsheet  clients  cmyk  code  colonne  color  columns  conversion  converter  css  css3  cufon  design  development  dhtml  div  dropdown  dummy  em  explorer  favicon  firefox  fixes  fonts  format  framework  free  freelance  gallery  generator  google  Grafica_DTP  graphics  grid  guidelines  hack  hacks  html  html5  icons  ie  ie6  image  images  immagini  Inkscape  inset  inspiration  interface  italy  javascript  joomla  jquery  layout  letture  link  logos  lorem  materialdesign  material_design  menu  microsoft  navigation  opensource  optimization  palette  parent  patterns  photoshop  plugin  png  Portfolio  principles  prototyping  pure  px  reference  resources  responsive  screenshots  seo  slider  slideshow  social  socialmedia  software  sprites  standards  superfish  tabs  template  templates  testing  text  themes  thumbnail  time  timthumb  tips  tools  transparency  tricks  tutorials  type  typography  usability  utilities  vectors  video  w3c  web  web2.0  webdesign  webdev  webmaster  webstandards  windows  wireframe  wordpress  xhtml  xml 

Copy this bookmark:



description:


tags: