aldolat + webdev   103

Custom Fields vs. Custom Taxonomies, when to (not) use? - Meta Box
Another question that I usually see developers are confused is when to use custom fields and when to use custom taxonomies? Should I use a taxonomy instead of a custom field or vise versa? Assume that you have a custom post type “Book” and you want to store publisher name. Will you store it as a custom field or a taxonomy?
wordpress  custom-taxonomies  custom-fields  webdev 
5 weeks ago by aldolat
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
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
Typography Handbook
A concise, referential guide on best web typographic practices.
typography  webdev  webdesign  CSS  from instapaper
june 2016 by aldolat
How to Create Retina Display Image Assets for Better Looking Websites
May 29 Posted on May 29, 2016 by in Tips & Tricks | You’ve invested a lot of time into making your new website perfect, so why does it look so fuzzy when you…
webdev  from instapaper
may 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
WordPress OOP Introduction
In this article I will be creating a reusable class-encapsulated functions.php file, that you can use for your future WordPress sites.
webdev  WordPress  OOP  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
Optimizing Google PageSpeed to 100 in WordPress
What You'll Be Creating How to Reach a PageSpeed of 100 Welcome to part two of our series on Google PageSpeed. In the first episode , I optimized the PageSpeed…
webdev  from instapaper
may 2016 by aldolat
Davide Pantè: Introduzione all’utilizzo di Advanced Custom Fields
Published April 26, 2016 ACF è un plugin che facilita la creazione di interfacce complesse di ogni tipo. Questo intervento prenderà in considerazione le…
WordPress  webdev  plugin  from instapaper
april 2016 by aldolat
Object-Oriented PHP for Beginners
For many PHP programmers, object-oriented programming is a frightening concept, full of complicated syntax and other roadblocks. As detailed in my book, Pro PHP…
WordPress  webdev  OOP  from instapaper
april 2016 by aldolat
DIY WordPress Popular Posts
Over at my code snippets site , I keep track of the most popular posts and display a list in the sidebar. It's an easy way to highlight the site's best content…
webdev  WordPress  plugin  from instapaper
april 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
Favicon Generator - Generate favicon pictures and HTML
Generate the favicon pictures and HTML code that work on all major browsers and platforms
favicon  generator  webdev 
january 2015 by aldolat
Create WordPress Plugins with OOP Techniques - Tuts Code Article
In this tutorial, I will teach you the basics of writing a WordPress plugin using object oriented techniques.
oop  wordpress  php  webdev  letture 
december 2014 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
Centering in CSS: A Complete Guide | CSS-Tricks
Centering things in CSS is the poster child of CSS complaining. Why does it have to be so hard? They jeer. I think the issue isn't that it's difficult to do, but in that there so many different ways of doing it, depending on the situation, it's hard to know which to reach for.
html  webdev  centering  letture 
september 2014 by aldolat
Best Practices for WordPress Theme Development
You want to do it right, right? Not just throw it together so that it just barely works? In that case it’s important to become familiar with a few best practices for theme development, so you produce a beautiful work of art and not a crude hack job, even if you don’t want to make your theme available for other people.
wordpress  webdev  code  letture 
august 2014 by aldolat
Object-Oriented Programming in WordPress: An Introduction - Tuts Code Tutorial
This series is going to focus solely on those who are wanting to learn to build more complex solutions with WordPress. You may be someone who is comfortable with building themes and/or simple plugins, but are looking to advance your skill set by learning object-oriented programming.
php  wordpress  oop  webdev  letture 
august 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
Badge Google for People, Popup non documentato
Casualmente abbiamo scoperto una funzione non documentata del +1, che permette di arricchire i post dei propri blog con riferimenti a profili Google+
google  googleplus  webdev 
january 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
Local Setup of Multisite on LAMP
I had some issues this month setting up locally several multisites on LAMP so I’ve decided to draft my complete flow for further use (and get other opinions on it as well).
webdev  lamp 
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
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
5 Methods To Serve True Responsive Images
The problem with Fluid Image, however is that eventhough the image seems to be responsive and could fit nicely in various viewport size, the same image size is downloaded by the users regardless of the medium the image is being viewed on.
webdev  css3  responsive  image  html 
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 | CatsWhoCode.com
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
Bootstrap
Sleek, intuitive, and powerful mobile-first front-end framework for faster and easier web development.
webdev  html  framework  css 
july 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
7 Deadly Sins of WordPress Development - WPMU.org
when you develop for WordPress you have to make sure your theme or plugin can play nice with other WordPress extensions.
webdev  wordpress  letture 
june 2013 by aldolat
The WordPress Coding Standards: Naming Conventions and Function Arguments | Wptuts+
Our ultimate goal is to make sure that we’re writing code that conforms to the coding standards so that we, along with other developers, are able to more easily read, understand, and maintain code for themes, plugins, and applications built on top of WordPress.
standards  webdev  wordpress  letture 
june 2013 by aldolat
The WordPress Coding Standards: An Introduction | Wptuts+
We’ve written quite a bit about the WordPress APIs in previous articles, and we’ve touched on the WordPress Coding Standards, but we’ve never really taken a deep dive into the coding standards, understanding each aspect of them, and why they matter.
standards  webdev  wordpress  letture 
june 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
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
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
The truth about structuring an HTML5 page | Feature | .net magazine
Part polemic, part instruction manual, The Truth About HTML5 has ignited an interesting debate. Here we present an exclusive excerpt on the problems around structuring in HTML5. This is an edited excerpt from Chapter 3 of The Truth About HTML5 by Luke Stevens.
html5  html  webdev  letture 
september 2012 by aldolat
Inside WordPress Actions and Filters | Smashing WordPress
WordPress’ core has been carefully sprinkled with actions and filters that external code (in the form of themes and plugins) can hook into, injecting new functionality into the standard flow.
webdev  actions  filters  wordpress  letture 
september 2012 by aldolat
Underscores | A Starter Theme for WordPress
Hi. I'm a starter theme called _s, or underscores, if you like. I'm a theme meant for hacking so don't use me as a Parent Theme. Instead try turning me into the next, most awesome, WordPress theme out there. That's what I'm here for.
webdev  themes  wordpress 
august 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 | CatsWhoCode.com
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
Best Practices for Speeding Up Your Web Site
The Exceptional Performance team has identified a number of best practices for making web pages fast. The list includes 35 best practices divided into 7 categories.
performance  webdev  compression  optimization 
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
Pagetest - where web sites go to get FAST!
Pagetest allows you to provide the URL of a webpage to be tested. The test will be conducted from the location specified and you will be provided a waterfall of your page load performance as well as a comparison against an optimization checklist.
performance  optimization  benchmark  testing  webdev 
april 2010 by aldolat
Javascript Compressor - compress code online for free
Compress and obfuscate Javascript code online completely free using this compressor.
javascript  compressor  optimization  webdev  minify 
july 2009 by aldolat
« earlier      
per page:    204080120160

related tags

@font-face  @import  actions  adaptive  backgrounds  bazaar  benchmark  bookmarklets  browser  browser-test  calculator  carousel  centering  cheatsheet  cms  cmyk  code  color  compression  compressor  conversion  converter  css  css3  custom-fields  custom-taxonomies  date  design  em  explorer  favicon  filters  fixes  fonts  format  framework  free  gallery  generator  google  googleplus  grid  guide  guidelines  hack  hacks  howto  htaccess  html  html5  http  icons  ie  ie6  image  images  inspiration  javascript  jquery  lamp  layout  letture  lorem  material_design  menu  microformats  minify  navigation  oop  opensource  optimization  palette  patterns  performance  php  plugin  png  principles  print  pure  px  request  resources  responsive  screenshots  scripts  security  seo  slider  sniffer  software  standards  sticky  superfish  sysadmin  tabs  template  templates  testing  text  themes  tinyurl  tips  tools  transparency  tricks  tutorials  typography  url  usability  utilities  video  web  webdesign  webdev  webmaster  windows  wordpress  xhtml  xml 

Copy this bookmark:



description:


tags: