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.
Original Source: http://feedproxy.google.com/~r/tympanus/~3/JMB9BR7ZzGQ/
Inspirational Website of the Week: LARGO Inc.
An incredibly creative web experience with innovative details. Our pick this week.
Get inspired
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
Zdog
A great designer-friendly pseudo-3D engine for canvas and SVG. By David DeSandro.
Check it out
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
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
xstyled
Consistent theme based CSS for styled-components.
Check it out
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
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
Sinmouse
A mesmerizing demo by Liam Egan.
Check it out
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
Daily Ethical Design
Lennart Overkamp shares a practical and structural mindset to ethics.
Read it
Using the Grid Shepherd Technique to Order Data with CSS
David Bernegger explains how to order data using CSS Grid.
Read it
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
Fireworks Three.js
Impressive Three.js fireworks by takashi.
Check it out
Microsoft Defrag (MSDOS)
An amazing Microsoft Defrag tool simulation made by Manz.
Check it out
Compiling C to WebAssembly without Emscripten
A fascinating journey into WebAssembly and how to compile C to it without touching Emscripten.
Read it
How !important are we?
Chris Heilmann shares some eye opening thoughts on the importance of web developers.
Read it
Grid Card Slider
Adam Kuhn made this creative card slideshow component.
Check it out
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
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
CSS Grid Generator
Generate basic CSS Grid code to make dynamic layouts with this generator by Sarah Drasner.
Check it out
useAnimations
A micro animations library for Lottie Framework and After Effects for instant usage.
Check it out
Gradient toggles
Mikael Ainalem created these toggles with gradients that are gradually animated away when disabling them.
Check it out
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.
Original Source: http://feedproxy.google.com/~r/tympanus/~3/31BMeEzUkoA/
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
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
Subgrid is here
Michelle Barker writes about the Firefox Nightly support for subgrid and provides an example.
Read it
Switching From WordPress To Hugo
Learn how to move a WordPress blog to Hugo in this tutorial by Christopher Kirk-Nielsen.
Read it
React Vertex
An experimental Hooks-based WebGL library for React.
Check it out
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
The difference between keyboard and screen reader navigation
Leonie Watson highlights the important differences between keyboard and screen reader navigation.
Read it
Pointcloud effect in Three.js
Imani Dap shows how to make a nice pointcloud effect using Three.js.
Read it
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
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
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
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
BioRender
BioRender is a tool for creating and sharing beautiful, professional scientific figures.
Check it out
Static web – back to the roots?
Brice Berdah explores the shift back to static site generators to sanitize web development practices.
Read it
Breath – CSS Only
Sandrina Pereira created this abstract animated composition that uses CSS filters for a gooey effect.
Check it out
The Avener – Beautiful
A really nice effect to showcase a new music video.
Check it out
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
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
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
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
Rebuilding the Solar System with CSS
Rob DiMarzo explains how to rebuild his amazing CSS-only solar system demo.
Read it
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.
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.
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.
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
Paper Marbling Textures Vol.2 by Aurora Prints & Goods
5 Marble Textures Vol.1
13 Free Marble Texture Backgrounds by Alex Clem
6 Marble Textures Vol.2
Paper Marbling Textures Vol.4 by Aurora Prints & Goods
10 Marble Paper Textures by Ari Bintara
6 Marble Textures Vol.3
Paper Marbling Textures Vol.3 by Aurora Prints & Goods
18 Ink Marble Paper Textures by ArtistMef
Paper Marbling Textures Vol.1 by Aurora Prints & Goods
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
Modern Fluid Non-Seamless Marble V.3 Patterns
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.
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.
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.
Original Source: http://feedproxy.google.com/~r/abduzeedo/~3/Jo3Lc4-2-gg/zdog-round-flat-designer-friendly-pseudo-3d-engine
Zdog a Round, Flat, Designer-friendly Pseudo-3D Engine
abduzeedoMay 28, 2019
Zdog is a 3D JavaScript engine for and SVG. With Zdog, you can design and render simple 3D models on the Web. Zdog is a pseudo-3D engine. Its geometries exist in 3D space, but are rendered as flat shapes. This makes Zdog special.
Zdog is small. 2,100 lines of code for the entire library. 28KB un-minified.
Zdog is round. All circular shapes are rendered as proper circles with rounded edges. No polygonal jaggies.
Zdog is friendly. Modeling is done with a straight-forward declarative API.
Zdog was designed to bring the simplicity of vector illustration into 3D. Drawing circles and squares is easy and fun. Zdog just adds another dimension.
Example of 3D Models
See the Pen Super Mario round 3D by Dave DeSandro
(@desandro) on CodePen.
See the Pen Celeste snowglobe round 3D by Dave DeSandro
(@desandro) on CodePen.
See the Pen Zdog – On the go by Dave DeSandro
(@desandro) on CodePen.
See the Pen Kirby round 3D by Dave DeSandro
(@desandro) on CodePen.
About Zdog
Created by David DeSandro, Zdog is directly inspired by Dogz, a virtual pet game by P.F. Magic released in 1995. It used flat 2D circle sprites to render the Dogz’ models, but in a 3D scene. See Dogz playthrough video here. Dogz were fully animated in real time, running, flopping, scratching (on Windows 3.1!). It was remarkable.
Zdog uses the same principal. It renders all shapes using 2D drawing API in or . Spheres are actually dots. Toruses are actually circles . Capsules are actually thick lines. It’s a simple, but effective trick. The underlying 3D math comes from Rotating 3D Shapes by Peter Collingridge.
Zdog is pronounced “Zee-dog” in American parlance or “Zed-dog” in British.
Original Source: https://www.sitepoint.com/build-a-desktop-application-with-electron-and-angular/?utm_source=rss
In this tutorial we’ll build a cross-platform desktop application with Electron and web technologies such as TypeScript and Angular. Electron.js is a popular platform for building cross-platform desktop apps for Windows, Linux and macOS with JavaScript, HTML, and CSS. It’s created and maintained by GitHub and it’s available under the MIT permissive license. It was […]
The post Build a Desktop Application with Electron and Angular appeared first on SitePoint.
