Design web & Wordpress
3.4K views | +0 today
Follow
Design web & Wordpress
HTML, CSS, Wordpress: Outils & Tutoriels
Curated by Nicolas Biéva
Your new post is loading...
Your new post is loading...
Scooped by Nicolas Biéva
Scoop.it!

position sticky: scroll-to-top-then-fixed in pure CSS

For a time “dynamic fixed” elements were the hot web design feature: scroll a site and everything moved as expected, but when a particular element (often a menu bar, sometimes an advertisement) reached the top of the page it would fix itself in place, while the rest of the document continued to scroll underneath it. Scroll back, and the element would reattach itself to the document.
This behaviour - a dynamic hybrid between the standard position: static and position: fixed - was often added to a page with JQuery, via one of a hundred different plugins. Like many popular features, it was eventually adopted into an official specification, meaning that the effect could be achieved with native CSS, with no frameworks, scripts, or other dependencies… but in this case, the adoption process was (and continues to be) somewhat troubled.
more...
No comment yet.
Scooped by Nicolas Biéva
Scoop.it!

Modern web layout with flexbox

Modern web layout with flexbox | Design web & Wordpress | Scoop.it
Let me say this first: flexbox is easy. Whether it’s because of early-adoption issues, or because we’ve learned to think in terms of floats and blocks, I of
more...
No comment yet.
Scooped by Nicolas Biéva
Scoop.it!

Adding Custom Meta Boxes to the WordPress Admin Interface

Adding Custom Meta Boxes to the WordPress Admin Interface | Design web & Wordpress | Scoop.it
In this article we show you how to add new custom meta boxes - as well as save, validate and retrieve custom meta data on the front end of WordPress.
more...
No comment yet.
Scooped by Nicolas Biéva
Scoop.it!

WordPress 3.9+ TinyMCE 4 Tweaks: Adding Styles, Buttons, Fonts, Drop-downs & Pop-Ups

WordPress 3.9+ TinyMCE 4 Tweaks: Adding Styles, Buttons, Fonts, Drop-downs & Pop-Ups | Design web & Wordpress | Scoop.it
WordPress 3.9 now features TinyMCE version 4.0, so we went through the API and found some neat ways to extend the functionality of the TinyMCE.
more...
No comment yet.
Scooped by Nicolas Biéva
Scoop.it!

Reid Hoffman (LinkedIn) and Matt Mullenweg (WordPress) about the future of publishing

Matt Mullenweg, co-founder, WordPress and founder and CEO, Automattic, joined LinkedIn co-founder, Reid Hoffman, for a fireside chat discussing his thoughts ...
more...
No comment yet.
Scooped by Nicolas Biéva
Scoop.it!

Creating Client Testimonials With Custom Post Types

Creating Client Testimonials With Custom Post Types | Design web & Wordpress | Scoop.it
If you're running any type of business online, it's a good idea to get your clients' opinions on what they thought about the services you provided.

First of all, this can benefit you by giving you feedback on how you can improve aspects of your business, but most of all, it can give you great testimonials, which can help to persuade potential clients to use your services. | Difficulty: Intermediate; Tags: Plugins, WordPress, PHP
more...
No comment yet.
Scooped by Nicolas Biéva
Scoop.it!

How to Enable Box Sizing in IE7

How to Enable Box Sizing in IE7 | Design web & Wordpress | Scoop.it
We have covered CSS3 Box Sizing in a previous article. Box Sizing, with the value of border-box, allows us to retain the element width and height, regardless of the additional padding and border it has. This makes measuring and defining element size easier. However, CSS3 Box Sizing would not function ... Continue reading »
more...
No comment yet.
Scooped by Nicolas Biéva
Scoop.it!

Unmasking “Free” Premium WordPress Plugins

Unmasking “Free” Premium WordPress Plugins | Design web & Wordpress | Scoop.it

In this post, we’ll talk about “patched” malicious premium plugins. We’ll talk about what they do, how they work, and about websites that build their businesses around stolen WordPress themes and plugins.

more...
No comment yet.
Rescooped by Nicolas Biéva from Digital Delights - Images & Design
Scoop.it!

Best Places to Find Free Images Online

Best Places to Find Free Images Online | Design web & Wordpress | Scoop.it
If you are frequently sharing images online it’s essential to have a list of go-to websites where you can quickly and effectively find free images. Here's my 16 best!

Via Ana Cristina Pratas
more...
Heather Thompson's curator insight, May 6, 2014 5:44 PM

Thank  you 

BookChook's curator insight, May 7, 2014 4:57 AM

Some new image editors on this list. 

sarah's curator insight, May 12, 2014 4:10 AM

utile pour nos UD´s.

Scooped by Nicolas Biéva
Scoop.it!

Working with Classes and IDs Generated By WordPress

Working with Classes and IDs Generated By WordPress | Design web & Wordpress | Scoop.it
A helpful feature of WordPress is the way it generates classes and IDs. Some of these are generated by the system itself, while in other cases you insert some PHP in your theme and WordPress uses that to add classes and IDs to the page markup. | Tags: Creative Coding, WordPress, Wordpress, CSS
more...
No comment yet.
Scooped by Nicolas Biéva
Scoop.it!

Centering in CSS: A Complete Guide | CSS-Tricks

Centering in CSS: A Complete Guide | CSS-Tricks | Design web & Wordpress | Scoop.it
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 d
more...
No comment yet.
Scooped by Nicolas Biéva
Scoop.it!

Comment optimiser un vieux Wordpress obèse ?

Comment optimiser un vieux Wordpress obèse ? | Design web & Wordpress | Scoop.it
Wordpress est un CMS au poil quand on veut se monter un petit site sympa avec plein de fonctionnalités cools. Seulement voilà, au bout d'un moment, Wordpress s'alourdit, s'encroute et commence à faire ramer MySQL, entrainant une charge serveur importante et provoquant un bouchon côté Apache (ou Nginx ou peu…
more...
No comment yet.
Scooped by Nicolas Biéva
Scoop.it!

How to use Chrome DevTools like a Pro — Medium

As the name implies Chrome Developer Tools is a tool that allows web developers to interfere and manipulate applications via the browser…
more...
No comment yet.
Scooped by Nicolas Biéva
Scoop.it!

An Introduction To Graphical Effects in CSS

An Introduction To Graphical Effects in CSS | Design web & Wordpress | Scoop.it
Over the past couple of years, CSS has gotten a set of new properties that allow us to create quite advanced graphical effects right in the browsers, using a few lines of code, and without having to resort to graphics editors to achieve those effects. If you are like me, then that sounds like music
Nicolas Biéva's insight:

Un article très complet. Une bonne référence (parmi d'autres... )

more...
No comment yet.
Scooped by Nicolas Biéva
Scoop.it!

OptimiZilla | Ultimate Image Optimization

OptimiZilla | Ultimate Image Optimization | Design web & Wordpress | Scoop.it
The ultimate image optimization tool to compress your images in JPEG and PNG formats for sharing and posting on web pages.
more...
No comment yet.
Scooped by Nicolas Biéva
Scoop.it!

Inline SVG vs Icon Fonts

Inline SVG vs Icon Fonts | Design web & Wordpress | Scoop.it
If you're building an icon system for a site, you have some options. If you know the icons need to be raster images, then you'll likely be using CSS sprite
more...
No comment yet.
Scooped by Nicolas Biéva
Scoop.it!

Goûtez aux post-processeurs CSS !

Goûtez aux post-processeurs CSS ! | Design web & Wordpress | Scoop.it

Comme je l’ai dit, j’apprécie sincèrement les avantages que procurent les pré-processeurs lors de la phase de développement (surtout les variables et quelques mixins/extends), mais je n’aime pas devoir écrire dans un langage qui est un détournement de CSS, non standard, bref : un hack.

 
Nicolas Biéva's insight:

Un article intéressant de Raphaël Goetter à propos des post-processeurs CSS. Très clair, l'article fait référence entre autres à l'article de Vincent De Oliveira à ce même propos (http://iamvdo.me/blog/les-postprocesseurs-css)
Image: @iamvdo 

more...
No comment yet.
Scooped by Nicolas Biéva
Scoop.it!

Aligning type to baseline the right way using SASS — Medium

Aligning type to baseline the right way using SASS — Medium | Design web & Wordpress | Scoop.it
Typography is an important part of web design nowadays and free services like Google Web Fonts or Adobe’s Typekit make custom fonts on the…
more...
No comment yet.
Scooped by Nicolas Biéva
Scoop.it!

Understanding Visual Hierarchy in Web Design

Understanding Visual Hierarchy in Web Design | Design web & Wordpress | Scoop.it
Visual hierarchy is one of the most important principles behind effective web design. This article will examine why developing a visual hierarchy is crucial on the web, the theory behind it, and how you can use some very basic exercises in your own designs to put these principles into practice. | Tags: Design Theory
more...
No comment yet.
Scooped by Nicolas Biéva
Scoop.it!

JavaScript for Cats | An introduction for new programmers

JavaScript for Cats | An introduction for new programmers | Design web & Wordpress | Scoop.it

JavaScript started as a programming language to make internet pages more interactive. Nowadays JavaScript runs in more places than just web browsers — it runs on web servers, phones and even robots! This page will teach you some JavaScript basics so that you can get up and running in no time!

more...
No comment yet.