In LagoWe Dev

Lago WebDev Examples and mini-projects learning Web Development


The 30 CSS Selectors you Must Memorize


So you learned the base id, class, and descendant selectors - and then called it a day? If so, you're missing out on an enormous level of flexibility. While many of the selectors mentioned in this article are part of the CSS3 spec, and are, consequently, only available in modern browsers, you owe it to yourself to commit these to memory...

READ

Files every Web site needs


Regardless of what sort of Content Management System or Web application framework you might use to develop your Web site, there are some basics you should cover. A sophisticated user interface and rich content is great to have, but before you get to that, you should provide the basic files that users anticipate finding and that tell both humans and machines what your site does...

READ

5 powerful techniques for responsive web design


With the multiplication of devices used to access the internet (computer, tablets, smartphones…) you have to make sure that your website will look good on every device possible. In this article, I have compiled 5 super useful techniques for a better, more responsive site or web app...

READ

CSS drop-shadows without images


READ

Writing on a blackboard


READ

Easy Responsive CSS Grid Layouts: 4 Methods


These days, there's a framework for everything, and it seems that before we can even digest one, another one is released. This holds particularly true when it comes to CSS grid layouts, and there's no shortage of frameworks deemed "the best, most lightweight to date". This overdose of information can baffle us, and leave us wondering if frameworks like HTML9 Responsive Boilerstrap JS are really the way to go...

READ

10 Easy Secrets to Quickly Become a Great Web Designer


There was a time, not so long ago, when business was good for designers. Jobs were plentiful, and being a “good” designer was good enough. Then the economy tanked, and the world was thrown into a nasty recession. Many businesses stopped hiring, many designers were laid-off, and competition for all jobs became fierce. In short, being a “good” designer was no longer good enough...

READ

12 Essential Responsive Design Tools


Translating client requirements to a full fledged, live website is no easy task. At the best of times, it requires multiple rounds of discussions between clients, designers, and developers, resulting in multiple iterations of the design, and the website itself. Throw in the whole responsive concept – having your design adapt to all kinds of mobile devices – and it can get a bit much to handle...

READ

20 More Docs and Guides for Front-End Developers


To start out the week, you might be in the mood to learn something new or maybe refine your abilities in a particular language or technology on the front-end.

In April, I put together a collection of useful docs and guides, which was a pretty popular post. Since then I’ve collected quite a few more...

READ

CSS Speech Bubbles


Speech bubbles are a popular effect but many tutorials rely on presentational HTML or JavaScript. This tutorial contains various forms of speech bubble effect created with CSS 2.1 and enhanced with CSS3. No images, no JavaScript and it can be applied to your existing semantic HTML...

READ

How To Create Your Own Front-End Website Testing Plan


So, your designers and developers have created a fantastic front-end design, which the client is delighted with, and your job now is to test it. Your heart begins to sink: Think of all the browsers, all the devices and all of these web pages you’ve got to test, not to mention the iterations and bug fixes. You need a front-end testing plan...

READ

Revealing Elements with scrollReveal.js


CSS is the language we all use on the web to style websites since its creation in 1996. Today we’re able to create awesome effects using CSS and it’s becoming more powerful everyday thanks to the introduction of shapes, flex-box, and animations. This is of course true apart from the well-known joke that we can create animations but until few years ago we could not easily vertically center elements (and this is still true in some versions of Internet Explorer)...

READ

All content copyright © 2014: Lago72