Concevez votre site web avec PHP et MySQL Bienvenue dans le nouveau cours PHP de Mathieu Nebra ! PHP permet de développer toutes sortes de sites web : blogs, réseaux sociaux, sites e-commerce… car ce langage a justement été conçu pour créer des sites "vivants". Cela vous semble compliqué ? Pas de panique : c'est un cours pour vrais débutants en PHP et vous pourrez avancer à votre rythme, étape par étape. Vous allez voir qu'à la fin, vous serez capable de créer votre propre site ! D'ailleurs, pour vous accompagner dans votre apprentissage, nous avons intégré un projet fil rouge sur lequel vous allez progresser de chapitre en chapitre. Au cours de ce TP, nous allons réaliser ensemble un site web dynamique qui permettra aux utilisateurs de contribuer en partageant des recettes de cuisine ; de quoi voir les bases et vous lancer dans l'aventure PHP en toute autonomie ! Vous avez hâte de découvrir tout ce que vous saurez faire à la fin du cours ?
9 Apps to Help You Create HTML5 Animations Without Coding Apps 9 Apps to Help You Create HTML5 Animations Without Coding This post is written in partnership with PrintRunner, an online printing company that offers label printing services. We all love HTML5 and the stunning animations article shows us its true potential. So, for those of you thinking about creating a professional animation or application using pure HTML5 and CSS3 here are some options. Adobe Edge Even Adobe who owns Flash technologies realized that HTML5 is the way to go in the years to come. Tumult Hype Create one of a kind animations using HTML5 and CSS3. Hippo Studios Is a minimalist animation application that makes technologies like HTML5 and CSS3 work even on old browsers like Internet Explorer 6 where usually these kind of technologies wouldn’t work. Sencha Is a rich CSS3 animation builder with a nice user friendly interface that includes timeline and support for mobile devices. MotionComposer Purple Visual Studio Is an animation tool created for iPad and iPhone devices. Mugeda
CoffeeScript (1) coderschool Microsoft Visual Studio is an integrated development environment (IDE) from Microsoft. It is used to develop computer programs for Microsoft Windows, as well as web sites, web applications and web services. Visual Studio uses Microsoft software development platforms such as Windows API, Windows Forms, Windows Presentation Foundation, Windows Store and Microsoft Silverlight. It can produce both native code and managed code. Visual Studio includes a code editor supporting IntelliSense (the code completion component) as well as code refactoring. The integrated debugger works both as a source-level debugger and a machine-level debugger. Visual Studio supports different programming languages and allows the code editor and debugger to support (to varying degrees) nearly any programming language, provided a language-specific service exists.
Page Transitions with CSS3 In the last few years, we've seen a lot of single page websites lying around the internet, most of them using JavaScript for some transitions effect. Well, now I'm gonna teach you how you can have your own, but instead I'll be using CSS Transitions and the :target property to do all the magic. View demo Download source In the last few years, we’ve seen a lot of single page websites lying around the internet, most of them using JavaScript for some transitions effect. Well, now I’m gonna teach you how you can have your own, but instead I’ll be using CSS Transitions and the :target property to do all the magic. The Dribbble shots used in the demos are by Matt Kaufenberg. Markup The HTML will contain five main divisions: a header and the four content sections. In the header we will have the main heading and the navigation: Now, the main idea is to use the pseudo-class :target in order to add a transition to the current section. First we will give style to our header and the navigation.
Fire.app: Dead Easy HTML Prototyping Hypertext Preprocessor Text Rotation | CSS Text Rotation | CSS 3.0 Text Rotation CSS3 Preview Area CSS3.0 Rotation Text Rotation Browser Compatibility Text Rotation Mobile Compatibility BlackBerry 6+ iOS 2.0+ Sponsors Free Responsive HTML Template The designer’s guide to the OSX command prompt The command prompt. Once the lofty domain of that guy you know with the computer science degree. Now more and more the every day domain of the hacker web designer. Perhaps you’ve mastered a little Javascript or PHP, but you are realizing that the cool kids are playing around with stuff that is only accessible to people who are comfortable with the command prompt. Or, perhaps you are just interested in upping your game. Whatever the case, I’m here to help. First things first: launching terminal The command prompt1 application on OSX is called Terminal. Applications → Utilities → Terminal Here’s a screenshot of my Finder window showing the Terminal application and the path that I took to get to it in the status bar at the bottom: Once you get there, double-click the Terminal icon to launch it. Dressing it up a bit: Terminal themes When you first open Terminal on OSX, you’ll find it a stark barren white place. Let’s dress it up a bit so that it feels like home. Terminal → Preferences pwd ls cd ~ cat
Actualités - Pour vous Tout Google avec un seul compte Connectez-vous à votre compte Google. Localiser mon compte Mot de passe oublié ? Se connecter avec un autre compte Créer un compte Tout Google avec un seul compte My CSS theming setup “Why is your window transparent?” a coworker asked me when she noticed my screen. I told her about how I do my CSS theming, and she pulled another coworker over and made me repeat the explanation. Since that seems like something other people might find handy, here it is. Sass: Syntactically Awesome Sytlesheets I rarely do CSS/front-end theming work, but when I do, I try to make it as fun and easy as back-end development. Browser-based tools I prefer doing the initial tweaking in Google Chrome, because I like the way that the developer tools make it easy to modify the stylesheet. Colors, sizes, and spaces A second monitor is totally awesome and well worth it. Designs rarely specify all the colours, sizes, and spacing needed. To make it easier to match sizes and spaces, I use WinWarden to make my browser window 20% translucent. When I know I’m going to be making a lot of changes, I use AutoHotkey to map a shortcut so that I can refresh the CSS with one keystroke instead of several.
Can I use... Support tables for HTML5, CSS3, etc About "Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers. The site was built and is maintained by Alexis Deveria, with occasional updates provided by the web development community. May I use your data in my presentation/article/site, etc? Yes, the support data on this site is free to use under the CC BY 4.0 license. Is there a way to see the support data in colors other than red/green? Yes, you can enable accessible colors from this link or from the option under Settings. Do you have the data available in a raw format? Yes, the raw support data is available on GitHub and is updated regularly. Could you add feature X to the site? Adding features takes quite some time and there are many requests for additions. If you've done the research yourself already, you can also submit a feature on GitHub. Could you cover email clients too so I can see what I can use in HTML emails? I use the following criteria:
Fillerama