background preloader

Web Developer

Facebook Twitter

Minus28 - How to create a website. Today I'm telling you more about my process to build this website I probably still have a lot to learn but if you are a beginner, I think this could be interesting. ‣ Before thinking about creating a website. 3 months ago I've decided I wanted to learn again HTML and CSS.

Minus28 - How to create a website

The reason behind this decision was that I like interaction and UX Design, and for these design fields, knowing about coding languages is required. I had some memories about these 2 languages as well as C/C++ that I've learned a bit at unversity. I can't say I was a complete beginner which could explain it may take you a bit longer to get used to these languages. Coursera which offers free video courses, with some assignments to do if you want, and can get feedback on it. Then I went deeper into HTML first, my idea was to go through all the tags to know well all the possibilities that this language offers and list them on .html files to be sure I would have them somewhere in a classification of my own. 50 Free Resources for Web Designers from 2014.

In this post, I have collated my top 50 FREE resources for web designers from this fantastic year, 2014.

50 Free Resources for Web Designers from 2014

There are libraries for quickly creating CSS charts and animating SVG icons, tools for converting image files to data URIs, web-based apps for creating icon fonts from SVGs, jQuery plugins for touch-enabled sliders, JavaScript libraries for creating animated GIFs, generators for creating Flexbox layouts… and much, much more. To help you find exactly what you’re looking for, I’ve broken the resources down into JavaScript Plugins & Tools, CSS Libraries, Tools & Frameworks, and Web-Based Tools & Services. Free JavaScript Plugins & Tools lightSlider is a lightweight and responsive content slider jQuery plugin with carousel thumbnails navigation. Unheap - A tidy repository of jQuery plugins. GoodUI. Animate.css. Hover.css - A collection of CSS3 powered hover effects.

All Hover.css effects make use of a single element (with the help of some pseudo-elements where necessary), are self contained so you can easily copy and paste them, and come in CSS, Sass, and LESS flavours.

Hover.css - A collection of CSS3 powered hover effects

Many effects use CSS3 features such as transitions, transforms and animations. Old browsers that don't support these features may need some extra attention to be certain a fallback hover effect is still in place. Licenses Hover.css is made available under a free personal license and paid commercial license. The Free Personal License allows you to use Hover.css for personal use only. Commercial License If you want to use Hover.css to develop commercial sites, themes, projects, and applications, the Commercial license is the appropriate license.

Once purchased on UpLabs, you’ll receive a commercial license PDF and be all set to use Hover.css in your commercial applications. MIT License (Pre v2.2.0 / 24th March 2017) Web Design: Curated Lists and Repositories. CSS-Tricks. 7 plugins jQuery que te harán el trabajo más simple. Sin duda alguna, jQuery cambió por completo la forma en que usamos -y aprovechamos- JavaScript, llevando a otro nivel la forma en que los usuarios interactuan con sitios y aplicaciones web. Si eres desarrollador web, seguramente ya te has aventurado a escribir código para dotar tu proyecto de alguna funcionalidad especial y te habrás dado cuenta que lograr algo realmente asombroso con jQuery no siempre es una tarea simple. Muchas veces queremos resolver por nosotros mismos todos los problemas, y que todo el código en el proyecto sea de nuestra propia cosecha, sin embargo, hay ocasiones en las que no contamos con el tiempo suficiente y se hace necesario recurrir a código de terceros, y así, evitar reinventar la rueda.

Aunque existen miles de plugins de este tipo regados en Internet, he recogido estos 6 por su gran calidad y sus particulares características que, además de darle un toque extra de genialidad a tu proyecto, te harán el trabajo mucho más simple. Adipoli blur.js. A Web Developer’s Guide to Photoshop. Blueprints. Mega Collection Of Cheatsheets for Designers And Developers. Cheatsheets and various quick reference guides are available for almost any type of software and language these days.

Mega Collection Of Cheatsheets for Designers And Developers

Unfortunately they’re not always easy to find when you actually need them. This is why I decided to take some time to gather up as many as possible and share them with you here! Hopefully this can be a timesaver for you, along with teaching you a new trick or two. The resources have been divided into various categories to make them easier to find. Below are more than 100 cheat sheets and reference cards for the following topics: CSS3 Cheat Sheet ↓ CSS2 Visual Cheat Sheet ↓ JQuery Cycle Lite Plugin. The jQuery Cycle Lite Plugin is a lighter version of the Cycle Plugin.

JQuery Cycle Lite Plugin

The Lite version is optimized for file size and includes only a fade transition (though other transition effects can be created using options). It also supports pause-on-hover, auto-fit, before/after callbacks, click triggers and adjustable timeouts and transition speeds. The plugin provides a method called cycle which is invoked on a container element. Each child element of the container becomes a "slide". Options control how and when the slides are transitioned. Images are used in these demos because they look cool, but slideshows are not limited to images.

Awesome jQuery Plugins And Techniques To Create Visually Excellent Websites.

CSS

SEO. Design.