background preloader

Tutorials Archives

Tutorials In this section, you will find a variety of in-depth articles written by skilled front-end developers that cover a range of web development and web design techniques. 3d Exploring 3D Effects with 2D Optical Illusions Feb 28, 2024 by Nine A brief tutorial that guides you through creating a 3D visual effect using a 2D optical illusion with CSS and JavaScript. page-transitionview-transition Making CSS View Transitions Easy with Velvette Jan 19, 2024 by Noam Rosenthal Learn how to effortlessly implement smooth CSS view-transitions with Velvette, a useful library designed to tackle common challenges and enhance user experiences in web applications. css-scrollcss-viewscroll A Practical Introduction to Scroll-Driven Animations with CSS scroll() and view() Jan 17, 2024 by Adam Argyle With just CSS you can add scroll animations that toggle shadows on navbars, reveal images, add scrollytelling, link up carousel elements and much more. audioparticlesthree.jswebgl Dec 19, 2023 by Tiago Canzian Related:  TUTORIELSTutoriels, Formations, conseils utiles, bonnes pratiques etc

Avoir plusieurs présentations alternatives pour votre site On peut définir une présentation alternative comme : « une présentation adaptée à un autre support » que le traditionnel navigateur graphique (exemple : les mobiles). un autre design d'un site pour un support donné (exemple : pour un navigateur graphique). Il y a quelques années, l'idée même d'avoir un site avec plusieurs présentations alternatives faisait simplement sourire les « habitués ». Le concept en lui-même était séduisant, mais se heurtait à plusieurs obstacles : Avec la démocratisation de débits plus élevés comme l'ADSL et surtout l'avènement de standards comme XHTML et CSS, cette possibilité est à envisager de manière plus sérieuse. Pourquoi avoir un site avec plusieurs présentations ? Sur un site commercial, il peut être utile d'avoir un design pour la période de Noël, ou d'Halloween (par exemple). Les raisons de concevoir un site ayant plusieurs présentations alternatives étant posées, réfléchissons maintenant à la manière de le faire. Mise en page par tableaux <? Conclusion :

15 tutoriels pour créer des maquettes web sur Photoshop Vous souhaitez réaliser des maquettes web à l'aide de Photoshop, si vous êtes étudiant ou webdesigner découvrez une sélection de tutoriels qui vous aideront à maîtriser les différents outils de création autour du web design. Nous avions rédigé il y a quelques mois un premier article basé sur des tutoriels avec Illustrator : 15 tutoriels pour découvrir et maîtriser Illustrator. Aujourd'hui nous revenons avec un nouveau sujet autour du logiciel de Photoshop et de la création de maquettes web. Si vous êtes débutant ou/et étudiants et que vous souhaitez créer vos premières maquettes web sous Photoshop, nous avons sélectionné pour vous une série de 15 tutoriels complets. Ils vous permettront de voir les différentes étapes de création et les techniques ainsi que les raccourcis sous Photoshop. Pour les personnes plus confirmées, il reste intéressant de survoler ces tutoriels pour observer et découvrir de nouvelles techniques. La plupart des tutos présentés sont en anglais.

page de manuel man page(1) Table of Contents Nom man - Mettre en forme et afficher des pages de manuel. manpath - Determiner les chemins de recherche des pages de manuel. Synopsis man [-adfhkKtwW] [-m systeme] [-p chaine] [-C fichier_config] [-M chemin] [-P pager] [-S liste_sections] [section] nom ... Description man effectue la mise en forme puis l'affichage des pages de manuel en-ligne. Cette version gere les variables d'environnement MANPATH et (MAN)PAGER, ainsi chaque utilisateur peut disposer de ses pages de manuel personnelles, et choisir le programme qui lui convient le mieux pour visualiser les pages formattees. Si une section est indiquee, man ne regardera que dans cette section du manuel. On peut aussi configurer, au moyen d'arguments en ligne de commande, ou au moyen de variables d'environnement, l'ordre de recherche dans les sections, et les pre-processeurs a appliquer sur les fichiers sources. Si le nom mentionne contient un / man le considerera d'abord comme un nom de fichier. Options -a -c -d -f -h -k -m -p -t Bugs

NodeSchool Averia Serif Libre Avería ("breakdown" or "mechanical damage" in Spanish - related to the root of the English word "average") is a Unicode typeface superfamily created from the average of all fonts on the computer of the creator, Dan Sayers. The process is described at iotic.com/averia. All metrics are the result of an averaging process. The included glyphs are those that existed in a majority of the source fonts. The Averia Libre families of fonts are based on the average of all 725 fonts in the Google Web Fonts project, released under the SIL Open Font License, as of 9 Nov 2011. Averia Serif Libre exists in 6 styles, and there are also the Averia Libre, Averia Sans Libre and Averia Gruesa Libre families. For more information please visit the Avería page on the iotic website or send an email to Dan Sayers.

Learn HTML5 and CSS3 Latest Discussions by Feii Momo hi recently i've began to code in c# and i wanted to create a login system. i've been trying to link access database with the form to read data of the db but somehow it just doesn't work... :( here are my codes: What I have tried: using System; using System.Collections.Generic; using... by Member 13597916 x=int(input("Enter the number:")) y=int(input("Enter second number:")) if x>y: print("positive") else: print("negative") print(input("The number will be:")) What I have tried: It shows Indentation error...what does that mean and how do i prevent it? by Member 13597897 Problem is on '' need to like this in order to copie the value $('').attr('type', 'hidden') Can someone helpe? by Member 13427032 by THE-CODER-SALEH i made a console app and i want to control it from a form What I have tried: dim c as console or dim c as module1 but it will not work of course what can i put instead of that

LukeW | Why Separate Mobile & Desktop Web Pages? As use of mobile devices continues to skyrocket across the globe, we're seeing more ways to tackle the challenge of creating great Web experiences across multiple devices. But which approach is right for any given project? In an effort to help answer that question, I've compiled the reasons we opted to use a dual (separate mobile and desktop) template system to build our start-up, Bagcheck. I'm a big proponent of Responsive Web Design so I often get asked why we built a "separate" mobile experience for Bagcheck instead of using fluid grids, flexible images, and media queries to deliver a responsive Web solution to our mobile audience. For us site performance and speed of development were crucial. We built Bagcheck as a command-line interface first. It's also worth noting that, while competent in code, I am primarily a designer. Source Order Consider the simple example of a site-wide navigation menu. Media Another tenant of Responsive Web Design is flexible images (and videos).

man man1) est une commande UNIX permettant d'accéder aux pages de manuel installées sur le système. La plupart des programmes fournissent une page de manuel les documentant, lisible donc avec la commande man. Aucune installation n'est nécessaire, man est installé par défaut sous Ubuntu. Vous pouvez cependant ajouter des pages de manuel supplémentaires en installant le paquet correspondant. Pages de manuel supplémentaires manpages-fr : Version française des pages de manuel sur l'utilisation de GNU/Linuxmanpages : Pages de manuel (en anglais) sur l'utilisation de GNU/Linuxmanpages-posix : Pages de manuel (en anglais) sur l'utilisation des systèmes POSIX Pour le développeur manpages-fr-dev : Version française des pages de manuel pour les développeursmanpages-dev : Pages de manuel (en anglais) pour les développeursmanpages-posix-dev : Pages de manuel (en anglais) sur l'utilisation des systèmes POSIX pour les développeurs Autres man s'utilise dans un terminal de la façon suivante : man nom-de-la-page

Related: