Collective #521

Original Source: http://feedproxy.google.com/~r/tympanus/~3/qghc1XNmbRU/

C521_cdn

Self-Host Your Static Assets

Harry Roberts outlines the disadvantages of hosting your static assets “off-site”, and shows the overwhelming benefits of hosting them on your own origin.

Read it

C521_w3c

W3C and WHATWG to work together to advance the open Web platform

The announcement of the W3C on collaborating with the WHATWG working group and how the WHATWG will be taking care of the HTML and DOM standards.

Read it

C531_NW

This content is sponsored via Syndicate Ads
Northwestern’s Online MS in Information Design and Strategy

Build the in-demand skills, such as UX, UI, and HCI, to drive user interactions. Choose a track in content strategy, analytics, or learning design.

Apply now

C521_jquery

Why I’m still using jQuery in 2019

Martin Tournoij explains why he still uses jQuery despite all the Vanilla JS hype.

Read it

C521_variables

Implementing Private Variables In JavaScript

Khari McMillian explore the various ways you can implement private variables in JavaScript.

Read it

C521_grids

Grids WordPress plugin

Grids is a layout builder for Gutenberg based on CSS Grid.

Check it out

C521_ui

Uibot

Uibot is an experiment on how far one could automate the generation of visual designs, what kinds of advantages it would lead to and what issues one would face.

Check it out

C521_iconsnerd

Nerd Free Flat Icons

50 maths, space, chemistry and physics-related icons free for a subscription.

Get it

C521_scene

Zdog Space Scene

A really nice demo by Jack Rugile made with the new Zdog library.

Check it out

C521_cube

Future is now

An amazing WebGL cube demo made by r21nomi.

Check it out

C521_menja

Menja

Slice up those cubes in this great game by Caleb Miller.

Check it out

C521_medium

Medium to own blog

Switch from Medium to your own blog in a few minutes. By Mathieu Dutour.

Check it out

C521_wrap

Wrapping long words with CSS or HTML

Chris Cid shows how to manage wrapping long words with various techniques.

Read it

C521_rocket

Space Tourist

A Three.js game of a rocket exploring space. Made by the folks of Onload.

Check it out

C521_culture

Characteristics of a Strong Performance Culture

Tim Kadlec shares what’s important for maintaining a strong performance culture.

Read it

C521_tip

Overshooting Motion

Darin Senneff’s tip on overshoot animations.

Check it out

C521_flamingo

Flamingo (ZDog + GSAP)

A fantastic flamingo demo made by ChenXin.

Check it out

C521_creatives

Creative Machine (Beta)

Easily create one ad template and generate any number of dynamic creatives with one click. Free in beta.

Check it out

C521_githubportfolio

GPortfolio

Create an automatic portfolio based on your GitHub profile.

Check it out

C521_star

Rainbow Star Generator

A very nice star generator made by Jack Rugile.

Check it out

C521_icons1000

Material Icons Library

A gigantic set of 1000+ vector icons for Sketch App, Figma, Invision Studio, Adobe XD and Photoshop.

Get it

Collective #521 was written by Pedro Botelho and published on Codrops.

SitePoint Premium New Releases: Docker, Phoenix, VS Code + More

Original Source: https://www.sitepoint.com/sitepoint-premium-new-releases-docker-phoenix-vs-code-more/?utm_source=rss

We’re working hard to keep you on the cutting edge of your field with SitePoint Premium. We’ve got plenty of new books to check out in the library — let us introduce you to them.

Phoenix Web Development

Learn functional programming through building a high-performance functional prototype of a web app from scratch using Elixir and Phoenix. Understand the Elixir Concurrency and parallelization model to build blazingly fast apps. Test, debug and deploy your web apps using the Phoenix framework.

Read Phoenix Web Development.

Debugging with Visual Studio Code: An Introduction

Learn to use Visual Studio Code’s built-in debugging features which permit easier debugging and variable monitoring. Discover how you can improve your debugging experience!

Read Debugging with Visual Studio Code: An Introduction.

Docker Cookbook Second Edition

Docker is an open source platform for building, shipping, managing, and securing containers. This book includes practical exmaples showing you how to manage containers efficiently; how to integrate with orchestration tools such as Kubernetes; and best practices on improving the efficiency and security of containers.

Read Docker Cookbook Second Edition.

Beginning ASP.NET 4.5.1 in C# and VB

This book covers how to get started with ASP.NET 4.5.1; how to overcome common HTML and CSS formatting problems; techniques for managing server controls; creating consistent page layouts; the ASP.NET state engine; modifying SQL data; and also jQuery, LINQ, the Entity Framework, and security.

Read Beginning ASP.NET 4.5.1 in C# and VB.

A Pocket Guide to HTML Email

Creating HTML emails is often thought of as an unpleasant and neglected part of web design, but email is hugely important for reaching out to your users, customers and clients. In this book, Andy shows you how to design and build responsive email your customers and clients will love to receive.

Read A Pocket Guide to HTML Email.

And More to Come…

We’re releasing new content on SitePoint Premium almost every day, so we’ll be back next week with the latest updates. And don’t forget: if you haven’t checked out our offering yet, take our library for a spin.

The post SitePoint Premium New Releases: Docker, Phoenix, VS Code + More appeared first on SitePoint.

10 WordPress Plugins for Better Mobile-Responsive Websites (Updated)

Original Source: https://www.hongkiat.com/blog/plugins-for-mobile-responsive-sites/

You can use a WordPress plugin to create landing pages, customize your login page, adopt two-factor authentication, or even figure out how to optimize your site for you with artificial intelligence….

Visit hongkiat.com for full content.

Collective #520

Original Source: http://feedproxy.google.com/~r/tympanus/~3/JMB9BR7ZzGQ/

C520_WOTW

Inspirational Website of the Week: LARGO Inc.

An incredibly creative web experience with innovative details. Our pick this week.

Get inspired

C520_Airtable

This content is sponsored via Thought Leaders
Design, meet organization.

What would you make if you had tools designed for the way you like to create? Stop tracking projects across emails, spreadsheets, and docs. Step into the future of work with a free Airtable template.

Start now

C520_zdog

Zdog

A great designer-friendly pseudo-3D engine for canvas and SVG. By David DeSandro.

Check it out

C520_scroll

Implementing a Scroll Based Animation with JavaScript

An in-depth tutorial by Luis Manuel on how to code a very interesting looking scroll-based animation.

Read it

C520_planets

Generative Planets

An experiment that uses canvas and shaders over the Foundation Universe Planets list mentioned in the Robot, Empire and Foundation Series, created by Isaac Asimov.

Check it out

C520_xstyled

xstyled

Consistent theme based CSS for styled-components.

Check it out

C520_webgl

30 Experimental WebGL Websites which will make you want to sit in a dark room and work more

A list of spectacular WebGL powered web experiences.

Check it out

C520_variables

Why we prefer CSS Custom Properties to SASS variables

Sebastiano Guerriero shows some practical examples of how CSS variables can power-up your workflow.

Read it

C520_mouse

Sinmouse

A mesmerizing demo by Liam Egan.

Check it out

C520_backgroundimage

The CSS background-image property as an anti-pattern

Andrew Welch shares some surprising facts about the background-image property and explains why, for some cases, it should be avoided.

Read it

C520_ethics

Daily Ethical Design

Lennart Overkamp shares a practical and structural mindset to ethics.

Read it

C520_gridorder

Using the Grid Shepherd Technique to Order Data with CSS

David Bernegger explains how to order data using CSS Grid.

Read it

C520_fat

An Exercise Program for the Fat Web

Jeff Atwood writes about the obesity crisis of the web and shows how to use Pi-Hole for a slimmer web experience.

Read it

C520_fireorks

Fireworks Three.js

Impressive Three.js fireworks by takashi.

Check it out

C520_defragment

Microsoft Defrag (MSDOS)

An amazing Microsoft Defrag tool simulation made by Manz.

Check it out

C520_webassembly

Compiling C to WebAssembly without Emscripten

A fascinating journey into WebAssembly and how to compile C to it without touching Emscripten.

Read it

C520_important

How !important are we?

Chris Heilmann shares some eye opening thoughts on the importance of web developers.

Read it

C520_slideshow

Grid Card Slider

Adam Kuhn made this creative card slideshow component.

Check it out

C520_futuredark

The future is dark

Ilke Verrelst writes about what to keep in mind when designing a dark mode for your app or website.

Read it

C520_picture

Reducing motion with the picture element

Brad Frost shares Dave Rupert’s technique to use the picture element together with prefers-reduced-motion.

Check it out

C520_gridgen

CSS Grid Generator

Generate basic CSS Grid code to make dynamic layouts with this generator by Sarah Drasner.

Check it out

C520_useanim

useAnimations

A micro animations library for Lottie Framework and After Effects for instant usage.

Check it out

C520_gradienticons

Gradient toggles

Mikael Ainalem created these toggles with gradients that are gradually animated away when disabling them.

Check it out

C520_tictactoe

CSS Tic-Tac-Toe… now with AI

Alvaro Montoro developed this Tic-Tac-Toe game using only HTML and CSS, without any JavaScript.

Check it out

Collective #520 was written by Pedro Botelho and published on Codrops.

Collective #519

Original Source: http://feedproxy.google.com/~r/tympanus/~3/31BMeEzUkoA/

C519_github

GitHub Sponsors (Beta)

Now you can fund your favorite developers or apply for receiving community funds for your open source projects. Read more about it in this announcement.

Check it out

C519_Porkbun

This content is sponsored via Thought Leaders
Get Your Free .design Domain Name!

Thinking of building your portfolio? .design is like .com, but it’s more relevant to what you do as a designer. Includes free SiteBuilder.

Learn more

C519_subgridhere

Subgrid is here

Michelle Barker writes about the Firefox Nightly support for subgrid and provides an example.

Read it

C519_hugo

Switching From WordPress To Hugo

Learn how to move a WordPress blog to Hugo in this tutorial by Christopher Kirk-Nielsen.

Read it

Screen-Shot-2019-05-27-at-12.45.25

React Vertex

An experimental Hooks-based WebGL library for React.

Check it out

C519_sketchgrid

Code as Documentation: New Strategies with CSS Grid

A very insightful article by Sally McGrath where she walks through a fully-developed production implementation of a single major component using grid.

Read it

C519_keyboard

The difference between keyboard and screen reader navigation

Leonie Watson highlights the important differences between keyboard and screen reader navigation.

Read it

C519_point

Pointcloud effect in Three.js

Imani Dap shows how to make a nice pointcloud effect using Three.js.

Read it

C519_subgridrachel

CSS Grid subgrid lands in Firefox Nightly

Rachel Andrew announces that the subgrid value for grid-template-columns and grid-template-rows landed in Firefox Nightly.

Read it

C519_typeface

Free Font: Portage

An adventurous and rugged slab serif built from a land and forest journal from the mid-50’s. Free for an email subscription.

Get it

C519_card

Digging Into The Display Property: Grids All The Way Down

Rachel Andrew takes a look at what happens when we use display: grid and how we might use the new subgrid value of grid-template-columns and grid-template-rows.

Read it

C519_edge

Introducing the first Microsoft Edge preview builds for macOS

The Microsoft Edge Team announces the availability of the Microsoft Edge Canary channel for macOS.

Read it

C519_biorender

BioRender

BioRender is a tool for creating and sharing beautiful, professional scientific figures.

Check it out

C519_static

Static web – back to the roots?

Brice Berdah explores the shift back to static site generators to sanitize web development practices.

Read it

C519_gooey

Breath – CSS Only

Sandrina Pereira created this abstract animated composition that uses CSS filters for a gooey effect.

Check it out

C519_beautiful

The Avener – Beautiful

A really nice effect to showcase a new music video.

Check it out

C519_layoutsplit

Create a split, faux-container layout with CSS Grid and Flexbox

Learn how to create a particular split layout that breaks an article of content into separate, colored panels.

Read it

C519_9

Building 3D 2048 game with Vue, Three.js and TypeScript (part 1)

The first part of a tutorial series on how to build a 3D version of the 2048 game. By Areknawo.

Read it

C519_darkmode

Friends don’t let friends implement dark mode alone

See how Chen Hui Jing experiments with the blend-mode technique for dark mode.

Read it

C519_simulation

I don’t know how CPUs work so I simulated one in code

In order to understand how computers work under the hood, Daniel Harper simulated how one works in code.

Read it

C519_solar

Rebuilding the Solar System with CSS

Rob DiMarzo explains how to rebuild his amazing CSS-only solar system demo.

Read it

C519_evolution

The Evolution Of Webdesign

A collection and imitation of web design trends from 1991 to 2015.

Check it out

Collective #519 was written by Pedro Botelho and published on Codrops.

20 Creative Ways to Decorate Wall Outlets

Original Source: https://www.hongkiat.com/blog/creative-wall-outlet-stickers/

Have you ever looked at a power socket and noticed that it kind of looks like a funny little face that is trying to tell you something? Actually, you’re not that far off as a lot of people have…

Visit hongkiat.com for full content.

Top 3 Trends in Web Design This Year

Original Source: http://feedproxy.google.com/~r/Designrfix/~3/fJ6VLPWlX6w/top-3-trends-web-design-year

If you need to construct your extremely significant and highly-influential on your grade thesis statement in a very quick manner, as in, within the next 24 hours, you might take to the internet. Searching “write my thesis”, can help get you the urgent, last minute help you’re looking for but at a price. However, if […]

The post Top 3 Trends in Web Design This Year appeared first on designrfix.com.

Free High-Resolution Marble Texture Backgrounds

Original Source: http://feedproxy.google.com/~r/1stwebdesigner/~3/xs1i8-em0G4/

Elegant and beautiful, marble textures make a great background for a variety of projects. Marble always brings an air of exquisite polish to a design, with its lustrous look and visually pleasing patterns. And when it comes to these backgrounds, you’ve got a lot of options.

Do you want something smooth and shiny, like a refined countertop? Or a look more rocky, imperfect, and natural? Or maybe even a colorful, out-of-this-world texture inspired by marble’s distinctive patterns?

We’ve collected examples of each, so you can choose the texture that best fits your design. Whites, grays, browns, vibrant colors and soft pastels, rough textures and shiny patterns – there’s a little bit of everything here!

10 Marble Textures Vol.4

Example of 10 Marble Textures Vol.4

Paper Marbling Textures Vol.2 by Aurora Prints & Goods

Example of Paper Marbling Textures Vol.2 by Aurora Prints & Goods

5 Marble Textures Vol.1

Example of 5 Marble Textures Vol.1

13 Free Marble Texture Backgrounds by Alex Clem

Example of 13 Free Marble Texture Backgrounds by Alex Clem

6 Marble Textures Vol.2

Example of 6 Marble Textures Vol.2

Paper Marbling Textures Vol.4 by Aurora Prints & Goods

Example of Paper Marbling Textures Vol.4 by Aurora Prints & Goods

10 Marble Paper Textures by Ari Bintara

Example of 10 Marble Paper Textures by Ari Bintara

6 Marble Textures Vol.3

Example of 6 Marble Textures Vol.3

Paper Marbling Textures Vol.3 by Aurora Prints & Goods

Example of Paper Marbling Textures Vol.3 by Aurora Prints & Goods

18 Ink Marble Paper Textures by ArtistMef

Example of 18 Ink Marble Paper Textures by ArtistMef

Paper Marbling Textures Vol.1 by Aurora Prints & Goods

Example of Paper Marbling Textures Vol.1 by Aurora Prints & Goods

Space Marble Backgrounds Set by ArtistMef

Example of Space Marble Backgrounds Set by ArtistMef

Looking for More Marble Textures?

If you’re searching for even more textures beyond the free options above, you’ll want to check out these selections below from Envato Elements. Each is available via their subscription-based service.

12 White Gold Marble Textures

Example of 12 White Gold Marble Textures

Modern Fluid Non-Seamless Marble V.3 Patterns

Example of Modern Fluid Non-Seamless Marble V.3 Patterns

10 Marble Textures

Example of 10 Marble Textures

Smooth Marble Backgrounds

Marble textures come with so much diversity. There are simple and elegant bright textures, natural cracked stone backgrounds, colorful displays, and surreal creations inspired by its unique patterns. But all share that smooth, polished style that make it a great element in your creations.

When you’re making a website, designing merchandise, or creating graphic designs that require a beautiful and subtle background, try out one of these marble textures. Posters, banners, presentations, or website backgrounds – you’ll soon see just how versatile a marble texture can be.


Non-relational Databases and Supporting Mixed Workloads

Original Source: https://www.sitepoint.com/non-relational-databases-and-supporting-mixed-workloads/?utm_source=rss

This article was created in partnership with MongoDB. Thank you for supporting the partners who make SitePoint possible.

Suppose that you’re building an e-commerce platform and as part of the exercise, you need to come up with a new data architecture for inventory management. You need to support fast, transactional workloads to actually keep track of inventory in near real-time.

The business would also like to be able to answer questions such as “based on historical data, when should we restock on widgets and gizmos?” and “who are the people that are buying widgets and generally, where are they located?” Your data architecture needs to support mixed workloads.

Where would you start?

The post Non-relational Databases and Supporting Mixed Workloads appeared first on SitePoint.

7 Tips to More Accurate Google Search Results

Original Source: https://www.hongkiat.com/blog/more-google-search-features/

It has become almost colloquial to “Google something” for which you want an answer. But have you been using this amazing search engine in a way that it gives you best results and in…

Visit hongkiat.com for full content.