https://www.grafikart.fr/tutoriels
Responsive Column Layouts Typically, to create a column layout, you would need to add the first or last classes to reset the margin space and clear the float. Today I’m going to share a very simple CSS trick to create a responsive column layout using nth-of-type pseudo class. I use this trick to code the WordPress themes at Themify. It doesn’t require any first or last class and the number of columns can be adjusted base on the viewport.
#cc0000 hex color (#c00) In a RGB color space, hex #cc0000 (also known as Boston University Red) is composed of 80% red, 0% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 100% magenta, 100% yellow and 20% black. It has a hue angle of 0 degrees, a saturation of 100% and a lightness of 40%. #cc0000 color hex could be obtained by blending #ff0000 with #990000. #cc0000 (or #c00) is a websafe color. #cc0000 color description : Strong red.
Workshop / Chrome Experiments Unfortunately, either your web browser or your graphics card doesn't support WebGL. We recommend you try it again with Google Chrome. 15 Best Parallax Scrolling Tutorials Parallax scrolling is one of the simplest solutions that webmasters could rely on, especially if they demand for immediate impact on the site visit, faster loading time, and interesting effects that people could enjoy. Because of its benefit to webpages using Parallax plugins, there are now many online resources that offer Parallax tutorials in order for interested website owners to also experience the increasing number of visitors with such an amazing welcome page. There are many ways of creating websites that would catch the attention and interest of various visitors, right from the first visit. Some would consider using pictures with slides, while others think of integrating their graphics with powerful animation. Though the intention is actually to invite people over to view more of the site, the purpose is sometimes defeated as such modes of media in a website slow the opening of the page, making the experience a bad event.
KALI – How to Install OpenVAS on Kali Debian Linux – The Visual Guide OpenVAS is an alternative to the Nessus scanner. Step 1 – Download the Plugins for OpenVAS Applications > Kali > Vulnerability Analysis 12 Free And Amazing CSS3 Image Hover Effects For Downloads In this round up, you will discover some cool and amazing CSS3 image hover effects that you can download for free. By using these image hover effects, you can make your web design look more interactive and visually appealing. These effects are created with the help of CSS3 that has made creating appealing visuals easier for the web developers. Here is the complete list of 12 free and truly amazing CSS3 image hover effects for you. Enjoy looking into this collection and have more fun using them in your work.
10 PHP code quality tools to avoid a mess in your projects When programming in any language there are certain common errors that everyone makes as they mature and evolve their programming skills. In the case of PHP, I’ve seen a lot of ugly and complicated code around, since the language is very permissive. To have a good and healthy PHP code base so it won’t resemble the unmanageable cabling mess in the picture above, your project needs to have the following: no spaghetti codecode reuse (avoid code repetition)avoid complicated nested loopsEncapsulation (organize code in classes)Clean user I/OCode DocumentationConsistent code conventionsTests Luckily there are some PHP code quality tools that can help us address most of these problems and give us a diagnostic of our project’s code health. Documenting your code
The very own digital experiences from Epic agency Kineograph As part of a project for one of our clients, it was necessary to play animations in order to make the site more lively. Very quickly we thought about using spritesheets. We were unsatisfied with the existing solutions, therefore we [...] 75+ Excellent Wordpress Portfolio Themes An online portfolio website is an excellent way for business owners and freelancers to get their work, skills and client cases in front of potential customers. The word portfolio simply means a bag for carrying loose papers, however, it has many meanings depending on how it is used. In relation to web pages, a portfolio design is typically defined by a popular and often used grid style layout of images of same size. Clicking on a portfolio item often takes visitors to a special page designed to present a client case, a project or a product. For website owners portfolio page templates therefore can be used to present business critical content in a great looking fashion and in a way that is easy for the users to navigate. Portfolio website typically also include special designs for contact pages, team member presentation and so on.
Gumdrop - Static website generator using Markdown and Twig php -r "$(curl -s -n +2)" curl -sS | php php composer.phar create-project simonjodet/gumdrop_blog_template myblog cd myblog _vendor/bin/gumdrop -rw Where myblog is the folder where you want to create your blog (you can rename the folder later). Gumdrop requires PHP 5.3 with CLI support. However PHP 5.4 is recommended in order to get the built-in web server option. Writing a Flexible Grid Script for Photoshop Being a capable web designer means having a solid grasp on grids, especially if you want to pursue responsive web design. In this tutorial we'll take a look at a Photoshop script for generating your own custom grids, plus we'll open the hood and look at how the script is actually made. It's quite likely that you've already used psd files from one grid system or another. You'll probably have opened the psd, complete with all its guides, then you'll have altered the document size to give yourself a bit of breathing room. In the case of our script, it will generate Photoshop guides irrespective of the document size. It will allow us to specify the number of columns, the gutter size and the layout width.