Web Coding

DevDocs is an all-in-one API documentation reader with a fast, organized, and consistent interface. It allows you to search multiple documentations at the same time and can be operated entirely through the keyboard.

It’s a common need in web apps: you click something and the text of the thing you just clicked changes. Perhaps something simple like a “Show” button that swaps to “Hide”, or “Expand Description” to “Collapse Description.” This is a fairly simple thing to do, but there are various considerations to make. Let’s cover a bunch of ways.

About 5 years ago it felt like the progressive enhancement battle had been won, but after watching the reactions to Nicholas Zakas’ “Enough with the JavaScript already” it seems all the old arguments are back with reinforcements. Well, I’m wearing my angry-pants and I’m ready for a jog down ranty lane.

Antialiasing is something of an unsung hero in web graphics; it’s the reason we have clear text and smooth vector shapes on our screens. There are actually a couple of approaches to antialiasing used in browsers today which are most obvious when it comes to text rendering. When the algorithm used for antialising switches it can lead to unexpected visual results. In this article we’ll take a look at the approaches to antialiasing and see how the pixels get drawn.

Right now Apple, Microsoft, Google and Mozilla are pushing towards “flat” design by slimming down the visual clutter of their applications. Despite this minimalist trend, it is unavoidable that at least a few buttons and menu options will remain in browsers.

CSS

In this article, in order to customize the look of the native HTML dropdown select, we’ll be using a different approach based on some cutting edge techniques like @supports, pointer-events and appearance.

A few months ago, I blatantly ripped off Charlie Gleason’s idea. His presentation at MelbJS featured greyscale, full-screen, animated GIFs (of his own face, among other things) behind the text on many slides. I discovered that he’d painstakingly edited and optimised each GIF in Photoshop so it looked good behind the text on each slide.

You need a simple yet beautiful timeline to demonstrate the clients you worked for, recent achievements and events in your life in a chronological order? Your search ends here: let me introduce you to Timeline.css

When using a UI Framework, I think it’s quite important that you can easily customize it. This is especially true for Web Frameworks where there isn’t really a “style guide” like on platforms like iOS or Android.

If you know the exact width/height of an element, you can center it smack dab in the middle of its parent element easily with this classic trick: top and left set to 50% and negative margins half the width and height of the element. That’s great if you know the width and height of the element you’re trying to center, but what if they are percentages?

Since we’re using so much JavaScript in our web applications these days, we’re looking for more ways to keep them fast. We use event delegation to keep event listening efficient, we use function debouncing to limit the number a times a given method can be used, use JavaScript loaders to load only the resources we need, and so on. Another way we can make our pages efficient and fast is to dynamically add and remove styles directly to a stylesheet instead of constantly querying the DOM for elements and applying styles. Here’s how it works!

AngularJS is quickly gaining a reputation as one of the most forward-thinking JavaScript frameworks around, with good reason. Backed and developed by Google, Angular takes an approach to your front end that may seem a little odd at first, but you’ll soon wonder why you did things any other way.

Web Design

Back in April we showcased 21 Beautiful Examples of Big Images in Web Design. Since there are a lot of new websites using big images, we decided to gather a new round of inspiration around this trend. Once again you will be able to see websites using large and beautiful photography as backgrounds, headers and much more. Beautiful images get a lot of attention and are certainly a nice way to spice up your design. So check out these excellent examples and use them as inspiration for ways to use big images in your next project.

We here at UnderWorld Magazines enjoy showcasing logo’s, we’ve shown you 20 great logos that feature berries and 20 Creative Logos With Buildings. So we will keep showcasing logo’s in this article we have listed 20 A Showcase of Fresh Logo Designs for your inspiration. To find more inspiration visit websites like logofaves.com, logomoose.com, and logopond.com.

“Conceived by Brandia Central, the Portuguese agency behind the UEFA EURO 2012 insignia, the UEFA EURO 2016 logo is a representation of various art movements and football elements. Different inspirations can be identified, all centred around the iconic Henri Delaunay Cup. The red, white and blue of the French flag combine with flowing lines and shapes to produce a contemporary and bold style, lending the logo distinction and elegance.”

Let’s be honest guys, flat design is so old already. Now every major smartphone’s interface is flat design, and most of the shit that goes on dribbble is too. In fact, they even have a ‘beating a dead horse’ badge if you post about flat design on designer news. Let’s face it guys, flat design has gone mainstream.

Here, we have some really interesting distressed wall textures to give to you for free. They’re perfectly weathered, and they have been baking under the tropical sun for quite a while. We hope you enjoy these textures and find them useful in your personal and commercial projects. All these texture files are huge at 3,000px-wide, and are set a high resolution.