.vimrc is the configuration file for vim. Upon execution vim will read the contents of this file setting up a customized environment. You have to save this file in your home directory. It is important to notice that the commands should not include the initial colon (:).
Here are some useful commands:
syntax on " syntax highlighing set number " show line numbers set ruler " show the cursor position all the time set ignorecase " ignore case when searching set hlsearch " highlight searches set tabstop=4 " number of spaces of tab character set shiftwidth=4 " number of spaces to (auto)indent set autoindent " always set auto indenting on set smartindent " smart indent set cindent " cindent If you are using vi instead of vim, then save your configuration to ~/.
I am a Cloud, REST API, and microservices back-end/full-stack developer, fluent in Scala, Java, C#, JavaScript, SQL, NoSQL, and ElasticSearch, who loves FreeBSD, Linux, Docker and AWS.
I started programming web pages when bright-colored-blinking gifs dominated the internet. That new place where Geocities ruled. Those were the times when creating a simple contact form required a CGI program using C or C++, Boutell’s CGIC library, and the Netscape Composer.
I am a big fan of the Mario Bros saga and an avid player of The Legend of Zelda: Breath of the Wild.
Through fluid grids and media query adjustments, responsive design enables Web page layouts to adapt to a variety of screen sizes. As more designers embrace this technique, we’re not only seeing a lot of innovation but the emergence of clear patterns as well. I cataloged what seem to be the most popular of these patterns for adaptable multi-device layouts.
To get a sense of emerging responsive design layout patterns, I combed through all the examples curated on the Media Queries gallery site several times.
Need an easy way to back up your files, but don’t feel like monkeying with expensive or complicated software? Using the xcopy command and a simple text file, you can accomplish this rather easily. Here’s what I do.
First, make sure that file extensions are not hidden by going to My Computer > Tools > Folder Options > View. Uncheck Hide Extensions for Known File Types and click OK (if it’s already unchecked, don’t worry about it).
As designers we have to be aware of the function of our work and design as much as we care about the aesthetics and visuals. There are a lot of terms for the design of how the site functions and works, from “usability design” to “user experience,” what remains constant is that if we want to become better designers we have to pair these two concepts together.
Using clear and effective design laws as guides we can use proven formulas for better design.
No fue hasta que un señor de cincuenta y tantos años, cuyo padre recientemente falleció, que entendí la importancia de sentirnos cerca de nuestros padres, pues me dijo “ahora sí me siento desprotegido”…
HTML5 and CSS3 have just arrived (kinda), and with them a whole new battle for the ‘best markup’ trophy has begun. Truth to be told, all these technologies are mere tools waiting for a skilled developer to work on the right project. As developers we shouldn’t get into pointless discussions of which markup is the best. They all lead to nowhere. Rather, we must get a brand new ideology and modify our coding habits to keep the web accessible.
Are you tired of dealing with different screen sizes for your web pages? Well, this information is for you.
I will show you some CSS tricks to help you reorganize a webpage depending on your browser window width.
We will start with a simple HTML 5 skeleton that includes a contents and a navigation section:
<!DOCTYPE html> <html lang="en"> <head> <style> /* we will add our style here on the next step */ </style> </head> <body> <div role="main"> <h1>This is the contents</h1> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Here it is. Start with a conventional item list like the following:
<ul class="hmenu"> <li><a href="">Option 1</a></li> <li><a href="">Option 2</a></li> <li><a href="">Option 3</a></li> <li><a href="">Option 4</a></li> <li><a href="">Option 5</a></li> </ul> Don’t forget to add the class parameter to the ul tag – that will help us do the magic. The previous list is rendered in a regular browser like the following: Now, add the following CSS to your file:
.hmenu { margin: 0; padding: 0; list-style-type: none; list-style-image: none; } .
Attribute selectors allow you to select CSS elements based on their attributes or values.
For example, if you want to select an image named “great.gif” you can do it by using the following rule:
img[src="great.gif"] { border: 3px solid #000; } There are four types of selectors.
By attribute. The following example will select all the images that contain the given attribute:
img[title] { border: 3px solid #000; } img[width] { border: 3px solid #000; } img[alt] { border: 3px solid #000; } By value.
