Auteur inconnu mais ça va tellement bien sur cette page

Site de e-commerce

Site web pour une menuiserie

Menuiserie des Monts

Prospectus

Flyer rond C.A.T. Flying School

Page web C.A.T. Flying School

Cliquer ici pour devenir aéronaute

Camion + Cartes de visite + mini landing page

Camion
Cartes de Visite
Mini landing page

MAMP PRO ou Configuration manuelle ?

Dépliant 74 x 210 mm, 4 pages

Surligner un flux de texte en CSS

Flux de texte de plusieurs lignes,
surligné, avec interlignages
et retours à la ligne naturel…

.surligneMoi {
  	color: white;

	/* Etape #1 */
	display: inline;
  	background: #6c0a50;
        line-height: 1.7;
	
  	/* Etape #2 */
        box-shadow: 8px 1px 0 3px #6c0a50,-8px 1px 0 3px #6c0a50;
}

Prestashop 1.7 Google Icons

ac_unit
ac_unit
add_alert
add_alert
add_location
add_location
add_to_queue
add_to_queue
airplay
airplay
airport_shuttle
airport_shuttle
album
album
all_inclusive
all_inclusive
art_track
art_track
av_timer
av_timer
beach_access
beach_access
beenhere
beenhere
branding_watermark
branding_watermark
brush
brush
burst_mode
burst_mode
business_center
business_center
cake
cake
call_to_action
call_to_action
camera
camera
camera_alt
camera_alt
camera_front
camera_front
camera_rear
camera_rear
camera_roll
camera_roll
casino
casino
center_focus_strong
center_focus_strong
center_focus_weak
center_focus_weak
check_box
check_box
check_box_outline_blank
check_box_outline_blank
child_care
child_care
child_friendly
child_friendly
closed_caption
closed_caption
collections
collections
collections_bookmark
collections_bookmark
color_lens
color_lens
colorize
colorize
compare
compare
control_point
control_point
control_point_duplicate
control_point_duplicate
crop
crop
crop_16_9
crop_16_9
crop_3_2
crop_3_2
crop_5_4
crop_5_4
crop_7_5
crop_7_5
crop_din
crop_din
crop_free
crop_free
crop_landscape
crop_landscape
crop_original
crop_original
crop_portrait
crop_portrait
crop_rotate
crop_rotate
crop_square
crop_square
dehaze
dehaze
delete
delete
delete_forever
delete_forever
description
description
details
details
directions
directions
dns
dns
domain
domain
done
done
done_all
done_all
edit
edit
equalizer
equalizer
error
error
error_outline
error_outline
explicit
explicit
exposure
exposure
exposure_neg_1
exposure_neg_1
exposure_neg_2
exposure_neg_2
exposure_plus_1
exposure_plus_1
exposure_plus_2
exposure_plus_2
exposure_zero
exposure_zero
fast_forward
fast_forward
fast_rewind
fast_rewind
featured_play_list
featured_play_list
featured_video
featured_video
fiber_smart_record
fiber_smart_record
filter
filter
filter_1
filter_1
filter_2
filter_2
filter_3
filter_3
filter_4
filter_4
filter_5
filter_5
filter_6
filter_6
filter_7
filter_7
filter_8
filter_8
filter_9
filter_9
filter_9_plus
filter_9_plus
filter_b_and_w
filter_b_and_w
filter_center_focus
filter_center_focus
filter_drama
filter_drama
filter_frames
filter_frames
filter_hdr
filter_hdr
filter_none
filter_none
filter_tilt_shift
filter_tilt_shift
filter_vintage
filter_vintage
fitness_center
fitness_center
flare
flare
flash_auto
flash_auto
flash_off
flash_off
flash_on
flash_on
flip
flip
forward_10
forward_10
forward_30
forward_30
forward_5
forward_5
free_breakfast
free_breakfast
games
games
golf_course
golf_course
gradient
gradient
grain
grain
grid_off
grid_off
grid_on
grid_on
group
group
group_add
group_add
hd
hd
hdr_off
hdr_off
hdr_on
hdr_on
hdr_strong
hdr_strong
hdr_weak
hdr_weak
healing
healing
hearing
hearing
high_quality
high_quality
hot_tub
hot_tub
image
image
image_aspect_ratio
image_aspect_ratio
indeterminate_check_box
indeterminate_check_box
iso
iso
kitchen
kitchen
landscape
landscape
leak_add
leak_add
leak_remove
leak_remove
lens
lens
library_add
library_add
library_books
library_books
library_music
library_music
linked_camera
linked_camera
location_city
location_city
looks
looks
looks_3
looks_3
looks_4
looks_4
looks_5
looks_5
looks_6
looks_6
looks_one
looks_one
looks_two
looks_two
loop
loop
loupe
loupe
mic
mic
mic_none
mic_none
mic_off
mic_off
monochrome_photos
monochrome_photos
mood
mood
mood_bad
mood_bad
movie
movie
movie_creation
movie_creation
movie_filter
movie_filter
music_note
music_note
music_video
music_video
nature
nature
nature_people
nature_people
navigate_before
navigate_before
navigate_next
navigate_next
new_releases
new_releases
not_interested
not_interested
note
note
notifications
notifications
notifications_active
notifications_active
notifications_none
notifications_none
notifications_off
notifications_off
notifications_paused
notifications_paused
pages
pages
palette
palette
panorama
panorama
panorama_fish_eye
panorama_fish_eye
panorama_horizontal
panorama_horizontal
panorama_vertical
panorama_vertical
panorama_wide_angle
panorama_wide_angle
party_mode
party_mode
pause
pause
pause_circle_filled
pause_circle_filled
pause_circle_outline
pause_circle_outline
people
people
people_outline
people_outline
person
person
person_add
person_add
person_outline
person_outline
photo
photo
photo_album
photo_album
photo_camera
photo_camera
photo_filter
photo_filter
photo_library
photo_library
photo_size_select_actual
photo_size_select_actual
photo_size_select_large
photo_size_select_large
photo_size_select_small
photo_size_select_small
picture_as_pdf
picture_as_pdf
play_arrow
play_arrow
play_circle_filled
play_circle_filled
play_circle_outline
play_circle_outline
playlist_add
playlist_add
plus_one
plus_one
poll
poll
pool
pool
portrait
portrait
power
power
priority_high
priority_high
public
public
radio_button_checked
radio_button_checked
radio_button_unchecked
radio_button_unchecked
remove_red_eye
remove_red_eye
room_service
room_service
rotate_90_degrees_ccw
rotate_90_degrees_ccw
rotate_left
rotate_left
rotate_right
rotate_right
rv_hookup
rv_hookup
school
school
sd_card
sd_card
sentiment_dissatisfied
sentiment_dissatisfied
sentiment_neutral
sentiment_neutral
sentiment_satisfied
sentiment_satisfied
sentiment_very_dissatisfied
sentiment_very_dissatisfied
sentiment_very_satisfied
sentiment_very_satisfied
share
share
sim_card_alert
sim_card_alert
slideshow
slideshow
smoke_free
smoke_free
smoking_rooms
smoking_rooms
sms
sms
sms_failed
sms_failed
spa
spa
star
star
star_border
star_border
star_half
star_half
straighten
straighten
style
style
switch_camera
switch_camera
switch_video
switch_video
sync
sync
sync_disabled
sync_disabled
sync_problem
sync_problem
system_update
system_update
tag_faces
tag_faces
tap_and_play
tap_and_play
texture
texture
time_to_leave
time_to_leave
timelapse
timelapse
timer
timer
timer_10
timer_10
timer_3
timer_3
timer_off
timer_off
tonality
tonality
transform
transform
tune
tune
vibration
vibration
view_comfy
view_comfy
view_compact
view_compact
vignette
vignette
voice_chat
voice_chat
vpn_lock
vpn_lock
warning
warning
wb_auto
wb_auto
wb_cloudy
wb_cloudy
wb_incandescent
wb_incandescent
wb_iridescent
wb_iridescent
wb_sunny
wb_sunny
wc
wc
whatshot
whatshot
wifi
wifi

Extraire toutes les images d’un .pptx ou .keynote en une seule manipulation.

Les fichiers .ppt, .pptx et .key sont des archives.zip. Vous pouvez donc changer l’extension propriétaire par .zip

La décompression de l’archive vous donnera accès à toutes les médias embarqués dans les présentations. Sur Mac OSX, l’utilitaire d’archive semble avoir du mal à gérer ça. Essayer Decompressor.

Décoder un code barre


gepir.gs1.org/search-by-gtin

Creating rounded triangles in CSS with clip-path

codyhouse.co

ImageOptim optimise les images


imageoptim.com

Un WordPress de galerie d’artiste peintre

Ioulia, galerie de peintures personnelles

[WP] Réorganiser les posts

Great ContentBox


contentbox.org

[MacOs] SSL & Virtual Hosts

http://kylehuynh.com/blogs/enable-ssl-in-apache-of-xampp-mac-osx/

[MacOS] Récupérer les fenêtres hors écran

+ + Barre d’espace

Activer la possibilité de déplacer n’importe quelle fenêtre depuis n’importe quel endroit de cette fenêtre. Cette option ne peut s’activer que par une commande (à exécuter dans le Terminal) :

defaults write -g NSWindowShouldDragOnGesture -bool true

Commande pour désactiver :

defaults delete -g NSWindowShouldDragOnGesture


Merci www.macg.co

Publication

Un WP qui génère une timeline.

10 amazing new CSS techniques

Révolution solaire

See the Pen maPyJP by Alexandre (@AlexandreZorel) on CodePen.

Horses & Wheels, making of

Horse & Wheels – Making Of from Oram Dannreuther on Vimeo.

Horses & Wheels

A Simple (But Effective) 31‐Point SEO Checklist for 2018

seo-checklist-header

Catalogue 210 x 210 mm, 104 pages

Affiche A5 - logos couleurs.indd

Magazine l’Héritage Volvo n°10, 62 pages, 210 x 280 mm, dos carré collé

ateliers-cordier

Billets cadeaux imprimés sur papier bleu avec encre blanche, 297 x 100 mm, 4 pages

Vue-du-billet

Brochure 210 x 148 mm 16 pages

Brochure 32 pages 150×150 mm

CSSRefBus
CSS references

generatewp.com

Livret « Femmes de Jazz » 144 x 179 mm

Césures ou hidden… ?

Texte masqué avec point de suspension par défaut

.trop_de_texte {
   overflow: hidden; /* requis */
   white-space:nowrap; /* requis */
   -o-text-overflow: ellipsis; /* pour Opera 9 */
   text-overflow: ellipsis; /* pour le reste du monde */
}

Césure typographique

.cesure_inteligente { 
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
}

Favicon Generator. For real.

Generate the favicon pictures and HTML code that work on all major browsers and platforms… ici

Et après : Favicon checker

Résultats & graphiques en CSS


www.arcencielcom.com

Arc-en-Ciel Communication — dépliant

arcenciel-depliant-couv arcenciel-depliant-interieur arcenciel-depliant-exterieur

jQuery CollagePlus

Ce plugin pour jQuery va organiser vos images pour correspondre exactement au conteneur. Vous pouvez définir le padding, les bordures et définir une hauteur de ligne.

jQuery CollagePlus

 0.2.0-preview

CSS Gradient Generator

Capture d’écran 2014-11-03 à 13.51.42

Css transition In, transition Out

a {
     opacity: 0.5;
     transition: opacity 0.9s;  /* Out */
}
a:hover {
     opacity: 1;
     transition: opacity 0.2s;  /* In */
}

www.eyc-customer-event.com

Livret 56 pages 144 x 179 mm

Css arrow please!

Liens (à tester)

“Trois outils pour donner une touche sexy à vos compte rendus un peu ternes !

Responsive CSS Sprites

::selection {
     /* remember to define selection' styles! */
   background: #353E49;
   color:#fff;
}

www.ballooning-federation.eu

Brochure 28 pages 150×150 mm

Générateur de CSS3, pour les transformations, dégradés,…

Oh les beaux menus ! (CSS MenuMaker)

Compteur CSS (ou puces stylisables)

/* Exemple du compteur CSS sur les balises OL > LI */

	ol {counter-reset: maVariable 0;} /* on initialise en nommant le compteur et on commence à compter à partir de 0 (integer optionnel)  */
	ol li {
        list-style-type: none; /* Pas de puces puisqu'on a le compteur */
		counter-increment: maVariable; /* on incrémente le compteur à chaque nouveau li */
	}
	ol li:before {
		content: counter(maVariable) " :"; /* on affiche le compteur et containe un texte avant et/ou après */
		padding: 0 20px 5px;
		margin-right: 10px;
		font-weight: bold;
		font-size: 0.8em;
		background: #678;
		color: white;		
		-moz-border-radius: 60px;
		border-radius: 60px;
	}

Autres fonctions :

  1. Augmenter le compteur :
    counter-increment: maVariable + 3;
  2. content : counter(maVariable, decimal);
  3. « decimal » affiche sous forme de chiffre (1, 2, 3)
  4. « lower-roman » affiche des chiffres romains bas de casse (i, ii, iii)
  5. « upper-roman » affiche les chiffres romains haut de casse (I, II, III)
  6. « lower-latin » / « lower-alpha » affiche des lettres bas de casse (a, b, c)
  7. « upper-latin » / « upper-alpha » affiche des lettres haut de casse (A, B, C)

Invitation 100x210

Intelligent cropping for flexible image containers – jQuery FocusPoint

demo

Les raccourcis sur cheetyr.com

Placer des images temporaires dans les pages web avec lorempixel.com

<img 
  src="http://lorempixel.com/g/300/400/cats" 
  alt="Image de chat en niveaux de gris de 300x400px" />

Editeur d’image map en ligne sur maschek.hu

jQuery color plugin xcolor

Xcolor est une extension jQuery pour manipuler les couleurs : « Code is poetry », Robert Eisele

Flyer pour Graines de Bien-Être à Bordeaux

Comparatif des solutions de newsletters intégrées à WordPress : arobase.org/newsletter/plugin-wordpress-newsletter.htm

*[attribut] {
	/* Balise dont l'attribut est déclaré */
}
a[target="_blank"] {
	/* Balise dont l'attribut a excatement la valeur */
}
img[src*="http"] {
	/* Balise dont l'attribut contient la valeur */
}
*[attribut~="valeur"] {
	/* Balise dont l'attribut est une liste ayant pour séparateur l'espace. Si un élément de cette liste est la valeur, ça match ! */
}
a[href^="http"] {
	/* Balise dont l'attribut commence par la valeur */
}
a[href$="pdf"] {
	/* Balise dont l'attribut fini par la valeur */
}

Bonus :

element:not(.class) { 
/* CSS3 seulement, élément n'ayant pas la class */
}
$('*[attr!="value"]').css(
/* jQuery, élément dont l'attribut n'a pas la valeur */
);

positionner.un.element {
     position:fixed;
      /* par rapport à son parent grâce à jQuery & ScrollToFixed */
}

jQuery.ScrollToFixed.jsScrollToFixed sur github.com

owl-logo

owlgraphic.com/owlcarousel/

Trop de plugins tuent les plugins.

extraire.des.adresses@mail.com

50 snippets jQuery

jqueryfrance.free.fr/50_snippets_jquery_qui_peuvent_vous_aider.php

css-tricks.com/snippets/css/a-guide-to-flexbox/

philipwalton.github.io/solved-by-flexbox/

:focus {
     /* remember to define focus styles! */
     outline: 0;
}

Créer des packs de font pour @font-face

fontsquirrel.com/tools/webfont-generator

Formidable compression des fichiers .png

tinypng.com compresse les .PNG 24 bits en .PNG 8 bits avec preservation de la couche alpha et faibles pertes de qualité.

Et pour le développement : tinypng.com/developers

TimelineJS

Beautifully crafted timelines that are easy and intuitive to use.

timeline.knightlab.com

ScrollMagic

The jQuery Plugin for magical scroll interactions.

Recherche avec ScrollMagic : /lkh/template/

© 2022 :-)

Theme by Anders NorenUp ↑