background preloader

Web & Tech

Facebook Twitter

MockFlow - Online Wireframe Tool and Design Cloud. 16 Top Tools for Responsive Web Design. How to Install WordPress: Step by Step WordPress Installation Guide. WordPress, WordPress, WordPress.

How to Install WordPress: Step by Step WordPress Installation Guide

Lately, you have heard this term thrown around a lot. You’ve been hearing great things about WordPress, the most popular of content management systems (CMSs). Now you’re curious. You want to dive in. You’re ready to take full advantage of the WordPress platform to power your website. Slider jquery. HTML, CSS & JS. Identité numérique et métadonnées. WLPPR. Breathtaking images from above. Learning HTML5. Project Cards Template in CSS and jQuery. A portfolio template with expandable projects and a full-page navigation inspired by Primer app.

Project Cards Template in CSS and jQuery

Browser support ie Chrome Firefox Safari Opera 9+ Today’s resource is inspired by the Primer app, which makes a great use of cards and motion throughout its design. We applied similar effects to a portfolio template, with expandable items and a bold, full-page navigation. Images: Unsplash Creating the structure The HTML structure is composed by 3 main elements: a .cd-nav-trigger for the menu icon, a nav.cd-primary-nav for the main navigation, and a .cd-projects-container wrapping the unordered list of projects. Adding style. Button Maker. Colorrrs. Lorem Ipsum Generator » Lorem Ipsum generated in paragraphs. Lorem Ipsum Generator • Password Generator Lorem Ipsum Generator Generated Lorem Ipsum: Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem Ipsum Generator » Lorem Ipsum generated in paragraphs

Integer nec odio. 20 Resources for Beginner Designers & Developers. Getting started in the world of design can be both thrilling and intimidating.

20 Resources for Beginner Designers & Developers

Sometimes, you feel like you just don’t have the tools or skills you need to complete even the most basic projects. At other times, your mind is just buzzing with a multitude of ideas, but you may not have the best way to organize them. Yet, throughout the process of becoming a designer you will grow and expand both as a person, artist and designer. Design is the method of putting form and content together.

Design, just as art, has multiple definitions; there is no single definition. Ai2html.

Templates HTML5 et CSS

SCROLL / PARALLAX / NAVIGATION. jQuery Panorama Viewer by Pete R. Plunder Pirates Hack Cheat Tool 2014 (Android/iOS) The 30 greatest free web fonts. It's time-consuming to cut through the ocean of mediocre free fonts online, especially web fonts, to find the real gems that punch above their (zero) price tag.

The 30 greatest free web fonts

With this in mind, we've rounded up the greatest free web fonts from around the web to get you started. There are various methods to source and license web fonts, including subscription-based models such as Typekit, Fontdeck and Fontspring, which boast libraries of quality typefaces and are becoming increasingly popular with professional designers. If you're on a tight budget, however, or are just looking to experiment on a smaller project, there are plenty of good web fonts available at no cost if you know where to look.

Font sources. 35 Stunning Parallax Scrolling WordPress Themes For Agencies, Designers, Apps and Portfolio 2014. Hand picked list of the best WordPress parallax themes designed and developed in 2014.

35 Stunning Parallax Scrolling WordPress Themes For Agencies, Designers, Apps and Portfolio 2014

These themes suited for business, portfolio, corporate, personal and any other websites. We tried to cover themes from different sources and for various purposes, so everyone can find the one that suits their needs. Parallax is when things look to be at a different position when viewed along different sightlines. This design trend gained popularity after Apple announced iOS 7 and with parallax backgrounds and now continues this trend with iOS 8 and Mac OS X Yosemite. They are slightly different from ones used in web design but they hold the same principle. Enough about science, so let’s move to the theme section: Zerif Pro. Raw. Start a free online store - Ecommerce website for everyone - Tictail : Tictail.

Griddify, a Tiny Photoshop Panel for Guides and Grids. Griddify is tiny and fast.

Griddify, a Tiny Photoshop Panel for Guides and Grids

It helps you compose custom grid systems, vertical rhythm, and do a bunch of other stuff with guides in photoshop. Watch the short tutorial to learn how it works: Download and Install (Photoshop CC) The Grid System. Underglow Editor - SVGeneration. Online Vector Based Mockup & Wireframe Tool · Moqups. Free textures for your next web project. The seigaiha or wave is a pattern of layered concentric circles creating arches, symbolic of waves or water and representing surges of good luck.

Free textures for your next web project.

Made by Olga Libby Download. Background Image Generator - SiteOrigin. Dotted Background Generator. CSS3 Patterns Gallery. Wave (294 B)✖by Paul Salentiny Browser support The patterns themselves should work on Firefox 3.6+, Chrome, Safari 5.1, Opera 11.10+ and IE10+.

CSS3 Patterns Gallery

However, implementation limitations might cause some of them to not be displayed correctly even on those browsers (for example at the time of writing, Gecko is quite buggy with radial gradients). Freebie: Free Pixel Patterns for Transparencies in Photoshop. Freebies Transparency in web design is very popular these days.

Freebie: Free Pixel Patterns for Transparencies in Photoshop

A transparent screen over an image makes a light or dark text stand out on a multi-colored photograph. Free textures for your next web project. Download Free Repeat Patterns. A suite of Javascript libraries and tools designed for working with HTML5. Recent Updates Follow @CreateJS November 2014 Added Unit Tests to EaselJSUpdates in preparation for new releases (coming soon). New class model, with big performance increases October 2014. The Pattern Library. Stripe Pattern Generator Tool. 12 Ultimate HTML5 Development Tools. The most recent is fully equipped with the latest trends!