Original Source: https://www.hongkiat.com/blog/self-hosted-cloud-storage-nextcloud-owncloud-seafile/
Are you planning to build your own Dropbox-type cloud storage for your team or business? Though there are various self-hosted cloud solutions for creating a private cloud yet all of them will not fit…
Visit hongkiat.com for full content.
Original Source: https://www.hongkiat.com/blog/tooltips-scripts-50-scripts-with-ajax-javascripts-css-tutorials/
An interesting UI element, tooltips (also called infotips) make a small box appear when the mouse cursor is hovered over a certain text or image with information regarding the element being hovered…
Visit hongkiat.com for full content.
Original Source: http://feedproxy.google.com/~r/abduzeedo/~3/Fn-Y3uO5Qzg/brand-identity-clifford-pier-singapore
Brand Identity for The Clifford Pier Singapore
AoiroStudio
Jun 14, 2018
It’s booked! We will be heading down to Singapore for our yearly vacation, nothing cooler than exploring designers, artists, and photographers based in this beautiful country. Let’s take a look at the work of Foreign Policy and their Brand Identity for The Clifford Pier. I took this particular project because the design truly reflects the colours from Singapore after watching so many travel videos on the subject. As they quote: “Collaterals with color palette in sea-foam, coral and Caspian blue; classic postage stamps accented with tropical flora and fauna”.
Sharing an entity with its heritage, The Clifford Pier draws from its legacy as a bustling port in Singapore during the 1930s. Ginger flower motifs pay homage to William Farquhar who was fascinated with local botany during his time on the island. Collaterals with color palette in sea-foam, coral and caspian blue; classic postage stamps accented with tropical flora and fauna, along with architectural elements, are reminiscent of the glorious voyages that set sail from this historical landmark.
More Links
Learn more about Foreign Policy
Brand Identity & Graphic Design
brand identity
branding
graphic design
Original Source: http://feedproxy.google.com/~r/Designrfix/~3/40_U8-9pNKQ/mysimpleshow
Thinking about using video content in your website design, but don’t know where to begin? Well, if yes, then this article will be of help to you! In this article, you will discover why video content is beneficial and how mysimpleshow helps you to make excellent video content. So, what are you waiting for? Let’s […]
The post 5 Reasons Why to Use Video Content in Web Design: mysimpleshow appeared first on designrfix.com.
Original Source: http://feedproxy.google.com/~r/Designrfix/~3/XvE6xJyCXj0/famous-movie-posters
The poster for a feature film helps to sell the movie itself. It works as a single-frame trailer to capture the potential viewer’s attention. That draws them into the excitement of the plot.A great poster can be a subtle image that leaves the viewer guessing about the secrets of the movie, from the most famous […]
The post 15 Famous Movie Posters to Inspire Your Next Project appeared first on designrfix.com.
Original Source: http://feedproxy.google.com/~r/tympanus/~3/Olnl81Lv55U/
The Layouts of Tomorrow
Max Böck shows how to break out of the common layout patterns with the power of CSS Grid.
Read it
Our Sponsor
15 Tools and Resources That Designers Are Using In 2018
These tools and resources will help you on your way to become more productive. They will keep you better informed, and keep a step ahead of your competition.
Check them out
Going Home
A lovely WebGL project made by 302 chanwoo.
Check it out
Roller
Roller is a Sketch plugin that helps you find and fix design inconsistencies.
Check it out
JavaScript engine fundamentals: Shapes and Inline Caches
An article by Mathias Bynens that describes some key fundamentals common to all JavaScript engines.
Read it
More Unicode Patterns
Yuan Chuan shows how to create even more fantastic Unicode patterns.
Read it
Theme For A Dream
A beautiful audio-visual web experience using WebGL and Web Audio created for the launch of Natureboy Flako’s second album “Theme for a Dream”.
Check it out
Shy blob
Cassie Evans created this super-cute dancing blob demo using tracking.js for face detection. The blob stops dancing when you watch.
Check it out
Free Font: Renner
A beautiful evolution of Futura designed by indestructible type.
Get it
Spaghetti Audio
A fun demo by Joe Harry.
Check it out
Distinct Design Systems
An interesting article by Dan Mall about what makes a design system better than any other.
Read it
ColorSpark
Luke Johnson created this tool to help designers find unique colors and striking gradient combinations.
Check it out
World Cup 2018 …in JSON
The classic API for the World Cup, now with all the new data for 2018.
Check it out
ChromeREPL
In case you missed it: a Sublime Text plugin to execute JavaScript in Google Chrome. By Arthur Carabott.
Check it out
Ok→Cancel versus Cancel→Ok
An interesting article on how buttons are arranged in the Factorio game.
Read it
The Problem with Patterns
Cathy Dutton asks the question if design patterns actually result in better-designed products and services.
Read it
8-Point Grid: Typography On The Web
Ellito Dahl shares some best practices for 8pt grid typography.
Check it out
Yett
A small library to control the execution of scripts on a website.
Check it out
Weboji
A library for building your own animoji embedded in Javascript/WebGL applications.
Check it out
Vue Native
A great project by GeekyAnts: a framework to build cross platform native mobile apps using JavaScript. Read more about it in this article.
Check it out
Google PageSpeed Insights – Scoring 100/100 with WordPress
Brian Jackson’s step-by-step guide on how to achieve better website performance.
Read it
Pure Bash Bible
A collection of pure bash alternatives to external processes.
Check it out
From Our Blog
Full Image Reveal Effect
A simple fullscreen image reveal effect where thumbnails slide out of the viewport to reveal a larger image.
Check it out
Collective #425 was written by Pedro Botelho and published on Codrops.
Original Source: http://feedproxy.google.com/~r/abduzeedo/~3/-NfxhQdQZz0/motion-design-hidden-treasures-bauhaus-dessau
Motion Design: Hidden Treasures: Bauhaus Dessau
abduzeedo
Jun 15, 2018
Sebastian Onufszak, LAFKON Publishing, Jürgen Branz and Stephan Bovenschen shared a lot more information on the process behind the beautiful Adobe project Hidden Treasures: Bauhaus Dessau. Below you can see five motion design clips for the Adobe project. They were screened on the largest media wall in Europe during the #FutureOfDesign event with Scott Belsky on June 13th in Hamburg. Commissioned by Faktor 3.
The #AdobeHiddenTreasures fonts were directed by Erik Spiekermann and Ferdinand Ulrich.
Review and production by Adobe Originals (Dan Rhatigan and Ernie March).
The fonts are available via Adobe Typekit. More about the #AdobeHiddenTreasures project here.
Credits
Design & Art Direction: Sebastian Onufszak
Animation: Benjamin Stephan, Christoph Haag, Sebastian Onufszak, Stephan Bovenschen
Sound Design: Jürgen Branz
Agency: Faktor 3, Peter Stützkowsky
Client: Adobe, Daniel Vargaz Diaz, Katja Dollinger
Screenshots
Color Code
Quote Charts
Projection on Media Wall
Film 01: Typeface “Xants”
Film 02: Typeface “Reross”
Film 03: Typeface “Alfarn”
Film 04: Typeface “Joschmi”
Film 05: Typeface “”
Original Source: https://www.sitepoint.com/15-tools-and-resources-that-will-help-you-grow-as-a-designer/
This article was created in partnership with BAWMedia. Thank you for supporting the partners who make SitePoint possible.
It’s hard to stay in your web design comfort zone when trends and technologies are in a continual state of change. Many of your design and development tools might continue to serve you well for some time. The same may be true for the resources you rely on.
There will come a time however when a favored tool or a resource is no longer up to the task. Investing in new tools or resources is generally the easiest way to keep up with the changing times. This is especially when a tool or resource is easily affordable, and in some cases, free.
This might be a good time to take stock of what you have in your designer's toolkit. See whether some changes might be in order. This list of 15 of 2018's top tools and resources should get you off to a good start.
1. Mason
Requirements are always subject to change. These changes can be a headache to designers and developers as they usually involve repetitive cycles of work. Many of today's software tools are equipped to handle requirements changes only to the extent that they can repeat prior tasks.
Mason has a different approach.
Mason is a combination design/development, and maintenance/collaboration tool that can put an end to repetitive deployment cycles by relieving designers or developers the task of instituting changes or fixes they shouldn't have to be bothered with.
Mason has a wealth of software design features, including pre-packaged building blocks that address common requirements. What Mason does that is different is to allow downstream users (software maintenance individuals or teams, and even clients) to make changes in these building blocks in response to changing requirements or needs for fixes or product updates.
Mason's login and user registration protocols ensure that you always have total control over product changes, even though as a team leader or designer you're no longer required to make them yourself.
2. Mobirise
The ability to create mobile-friendly websites and apps is no longer a nice option to work with. In today's world it's mandatory. Some themes still treat device-friendliness as if it were a good design option to have. Mobirise on the other hand, was created with mobile devices in mind.
Not only does Mobirise contain everything you need to build device-friendly websites and apps, but it does so without any cost to you and without any restrictions whatsoever. Mobirise is free to use for both your personal and commercial pursuits. It's simply a matter of downloading it now and getting started.
Mobirise is an offline app, so you'll have total control over product design and hosting. It's also an excellent choice for smaller projects such as small websites, portfolios, landing pages, and promo sites.
3. Elementor
If you don't believe Elementor is the #1 WordPress page builder on the market, you might take a close look at the numbers. 900,000 or so users downloaded this free, open source and feature rich page-building platform in a little less than 2 years.
Performance and ease of use account, in part, for Elementor's popularity, but its users also love its superior workflow features, visual form builder, custom CSS, and the menu builder.
Things are only going to get better for this product's users — and for you as well if you choose to download it. The Elementor 2.0 release, with a wealth of powerful new tools is already underway and will continue in increments throughout the rest of the year.
New features include enhanced WooCommerce shop product pages, single post page builders, new eCommerce page-building options and more. Users still can enjoy their favorite features of 1.0 version, too.
4. Goodiewebsite
Goodiewebsite has helped hundreds of clients with website development. This is a platform, which specializes in websites on the order of 1-10 pages in size, design to code conversion (PSD, Sketch, Figma, XD, etc.), and simple WordPress sites.
Goodiewebsite services are cost effective and the tasks assigned to them are always performed professionally and reliably.
5. monday.com
Whether you’re a team of two, or a team of 20,000 scattered around the globe, and whether it is tech on non-tech oriented, if you're looking for a high-performance team management tool, monday.com will suit your needs to perfection.
This team management tool allows you to accomplish tasks without spreadsheets or white boards and avoids any need for scheduling an unending series of meetings. monday.com promotes project transparency and empowers team members.
6. A2's Fully Managed WordPress Hosting
A2 Hosting adjusts to your specific hosting requirements instead of the other way around. You can expect to receive precisely the hosting experience you want and need at an affordable price other services simply cannot match. Site staging, automated backups, blazing fast servers, 24/7 Guru support – it's all there!
7. The Hanger
Whether the plan is to create an online presence for an existing clothing retailer or open a strictly eCommerce business, you might as well do it with a touch of pizzaz to draw the customers in.
The Hanger is a modern-classic WordPress theme that's just the cup of tea for building a high-quality online store in no time at all and customizing it to fit your brand or your client's.
The post 15 Tools and Resources That Will Help You Grow as a Designer appeared first on SitePoint.
Original Source: http://feedproxy.google.com/~r/Designrfix/~3/zu1D68da0V4/great-logo-fonts
How important is it for a company to have a great logo? It could mean the difference between years of success and failure. Today we can recognize companies just by looking at their logo alone. The golden arches will always represent McDonald’s, even if the name isn’t present. The “swoosh” logo lets us know that a shirt or […]
The post Best Examples of Great Logo Fonts appeared first on designrfix.com.
Original Source: http://feedproxy.google.com/~r/tympanus/~3/UEneBiHoou8/
Inspirational Website of the Week: OGINO
Pure and perfect design with smooth interactions. Our pick this week.
Get inspired
This content is sponsored via Syndicate Ads
monday.com – A Revolutionary Visual Project Management Tool
?monday.com – the next generation of visual tools, built specifically for designers and developers. See what everyone on your team’s working on in a single glance.
Sign me up
Using JavaScript modules on the web
Addy Osmani and Mathias Bynens explain how to use JavaScript modules which are now supported in all major browsers.
Read it
Building a Fancy Countdown Timer with MomentumSlider.js
Luis Manuel shows how to code a really nice looking countdown timer.
Read it
How you can improve your workflow using the JavaScript console
Riccardo Canella shows how to use the JavaScript console to write, manage, and monitor JavaScript in the browser.
Read it
Soccerpattern
A retrospective of the greatest jerseys worn during soccer worldcups from 1930 to nowadays, as pattern designs.
Check it out
Vibora (beta)
A very efficient, asynchronous Python web framework.
Check it out
Introducing Teleport: Over-the-air hot reloading & debugging for PWAs
Eric Simons introduces Teleport, a fast dev-server proxy for simple and painless PWA debugging.
Check it out
Centering: The Newest Coolest Way vs. The Oldest Coolest Way
Chris Coyier updates us with the freshest way to center items using CSS Grid.
Check it out
Understanding Redux: The World’s Easiest Guide to Beginning Redux
A comprehensive and easy to understand guide to Redux by Ohans Emmanuel.
Read it
Terrazzo Abstract Patterns
A set of 16 modern patterns for your next stylish design. By Pixelbuddha.
Check it out
Voronoi Airports WebGL
A fantastic WebGL experiment showing all airports in the world as a Voronoi diagram. By Callum Prentice.
Check it out
Optimize Website Speed With Chrome DevTools
A tutorial by Kayce Basques where he shows how to use Chrome DevTools to find ways to make your websites load faster.
Read it
I discovered a browser bug
Jake Archibald tells the interesting story of a huge browser bug he ran into.
Read it
iOS 12 Dark Mode Notifications
Gabrielle Wee created this beautiful design for dark mode notifications on iOS 12.
Check it out
Three.js & Video: A love story
Read about a great experiment of interactive video in HTML5 using Three.js by Héctor Monerris.
Read it
Don’t Use The Placeholder Attribute
Read why Eric Bailey urges developers to stop using the placeholder attribute.
Read it
Three Grids
Tobi Reif made three different responsive layouts that show the awesomeness of CSS Grid.
Check it out
Open Logos
Some lovely free logos for your open source project.
Check it out
SVG Drip Loader
A fun SVG loader by Chris Gannon.
Check it out
Drawing Zone
Michael Shillingburg updated his fun doodeling tool.
Check it out
Collective #426 was written by Pedro Botelho and published on Codrops.
