Sunday, June 30, 2019

Popular Design News of the Week: June 24, 2019 – June 30, 2019

Every week users submit a lot of interesting stuff on our sister site Webdesigner News, highlighting great content from around the web that can be of interest to web designers. 

The best way to keep track of all the great stories and news being posted is simply to check out the Webdesigner News site, however, in case you missed some here’s a quick and useful compilation of the most popular designer news that we curated from the past week.

Note that this is only a very small selection of the links that were posted, so don’t miss out and subscribe to our newsletter and follow the site daily for all the news.

HTML is the Web

 

Darkmode.js

 

11 Form Design Guidelines

 

CSS Shorthand Vs. Longhand – Which to Use

 

Is this Tokyo 2020 Logo Better than the Official Design?

 

Shape

 

Free Bootstrap HTML5 Templates

 

This is How Google will Collapse

 

Firefox Rebrand

 

Facebook’s Logo Drama is a Problem and for More Reasons than You Think

 

7 Absolute Truths I Unlearned as Junior Developer

 

Google’s New ReCAPTCHA has a Dark Side

 

Google Warns its Employees that Pride Protests are Against the Company’s CoC

 

Pizza Hut Resurrects its Classic Logo Because It’s Awesome

 

10 Habits that Lead to Great Results for Every Designer

 

A Learning Secret: Don’t Take Notes with a Laptop

 

There’s $70,000 Worth of Bitcoin Hidden Inside this Image

 

How UX Writing Can Make You a Better Designer

 

Design your Mobile Emails to Increase On-Site Conversion

 

Learning Synths

 

Gradient Generator – The Tool Generates a Stepped Gradient Between 2 Colors

 

Microsoft Bans Slack and Discourages AWS and Google Docs Use Internally

 

Great Products do Fewer Things, but Better

 

Google’s Six Rules for Great Data Design

 

History will not Be Kind to Jony Ive

 

Want more? No problem! Keep track of top design news from around the web with Webdesigner News.

Source

from Webdesigner Depot https://www.webdesignerdepot.com/2019/06/popular-design-news-of-the-week-june-24-2019-june-30-2019/

Popular Design News of the Week: June 24, 2019 – June 30, 2019 See more on: The Instant Web Site Tools Blog



source https://www.instant-web-site-tools.com/2019/06/30/popular-design-news-of-the-week-june-24-2019-june-30-2019/

Friday, June 28, 2019

The (Developer’s) Growth Model

Weekly Platform News: Event Timing, Google Earth for Web, undead session cookies

Nownownow

Matthias Ott, relaying an idea he heard from Derek Sivers:

Many personal websites, including this one here, have an “about” page. It’s a page that tells you something about the background of a person or about the services provided. But what this page often doesn’t answer – and neither do Twitter or Facebook pages – is what this person really is up to at the moment. A page that answers questions like: What are you focused on at this point in your life? What have you just started working on that excites you like nothing else? Did you just move to a new town? Did you start a new career as a Jengascript wrangler? To answer all those questions, Derek suggests to create a “now page”. A page that tells visitors of your site “what you’d tell a friend you hadn’t seen in a year.”

Very cool idea! Derek has a directory page of people who have done this.

I have more scattered thoughts:

  • It's funny how social media sites aren't very helpful with this. You'd think looking at someone's social media profile would be the quickest and easiest way to catch up with what they are doing right now, but it just ain't. That's true for me, too. Random statements of what you're working on don't make very good social media posts. Maybe a pinned tweet could be like a "now" page, though.
  • I wonder if more homepages on people's personal sites should be this. As I browse around some of the sites, I like a lot of the "now" pages more than I like the homepage.
  • I went with a "what I want you to do" section on my personal site. It's a different vibe, but it almost doubles as a "now" page, as the things I want you to do are fairly related to the things I'm doing. Maybe the idea of a do page has some legs.

Direct Link to ArticlePermalink

The post Nownownow appeared first on CSS-Tricks.

from CSS-Tricks https://matthiasott.com/notes/nownownow

The following article Nownownow is available on www.instant-web-site-tools



source https://www.instant-web-site-tools.com/2019/06/28/nownownow/

Looking For A Deleted Phone On Your iPhone? Try These Apps.

You didn’t mean it but it happened. Your fingers accidentally got on the “delete” icon and a photo just disappeared. If only your iPhone had a safety net like that of a Recycle Bin in your desktop, then you wouldn't freak out so much. Wait. There probably is a safety net. You just don't know it yet.

For many people, photos are the single most important content on their iPhone. So losing your photos can be something of a catastrophe.

The good news is that even if you accidentally delete some (or all) of your photos, there are a few ways to get them back.

(Via: https://www.businessinsider.com/how-to-recover-deleted-photos-from-iphone)

There’s really no need to despair over a deleted photo on an iPhone. There are a couple of apps that you can use to recover deleted photos. The first of which is the Photos app. This particular app has a "Recently Deleted" folder.

Some people might not realize that Apple provides a "recently deleted" photo folder in the Photos app — think of it like the Recycle Bin on your computer desktop. It holds all the photos that have been deleted for 30 days. On day 31, a deleted photo is deleted permanently — but until then it's easy to recover.

1. Open the Photos app.
2. Scroll down the list of Other Albums and tap "Recently Deleted."
3. Tap "Select" at the top right of the screen.
4. Select every photo that you want to return to your iPhone.
5. In the lower right corner, tap "Recover All."

(Via: https://www.businessinsider.com/how-to-recover-deleted-photos-from-iphone)

You can also recover your photos from your backups in iCloud.

If the photos are already gone from the Recently Deleted folder, then you may be able to get your photos back by restoring your phone to a backup.

The disadvantage of this approach is that you will need to replace all the other content on your phone — apps, data, text messages, and so on — with an older backup, which you might not want to do. If the backup you want to restore is fairly recent though, it might be worth it.

If you use iCloud to back up your phone, follow these steps.

1. Backup your phone so that if something goes awry, or you don't like the content of the older backup and are willing to give up the photos, you can return to your current configuration. Follow the instructions in our article " How to backup an iPhone to iCloud, your computer, or an external hard drive."
2. After the backup is complete, perform a factory reset, and then restore the phone to a backup that's old enough to include the photos you have lost. Our article " How to restore your iPhone from a backup after taking the 'nuclear option' of a factory reset" has all the details to complete these steps.
3. When the restore is complete, check the Photos app to see if you recovered the photos you lost. If not, you can repeat the process and restore an older backup, or return to the most recent backup.
If the older backup has the photos you're looking for, but you don't like the rest of the older version, you can try emailing the photos to yourself or uploading them onto an external cloud service (Google Drive, Dropbox, etc.), and then returning your phone to its later version.

(Via: https://www.businessinsider.com/how-to-recover-deleted-photos-from-iphone)

If you’re still using iTunes to backup your files, here’s how you can recover your deleted photos.

1. Start iTunes on your computer.
2. Connect your iPhone to the computer and then click the iPhone icon when it appears in the upper left corner of the iTunes window.
3. Click the "Summary tab" in the pane on the left.
4. In the Backups section, click "Restore Backup."
5. Choose the backup you want to restore to your phone.
6. When the restore is complete, check the Photos app to see if you recovered the photos you lost. If not, you can repeat the process and restore an older backup, or return to the most recent backup.

(Via: https://www.businessinsider.com/how-to-recover-deleted-photos-from-iphone)

So, don’t worry about a deleted photo on your iPhone. You can get it back so long as you have the said apps. If you’re still not using any of the said apps, it’s time that you finally do.

Recovering a photo from your iPhone is not as easy as recovering data from your Mac. There is a difference between the two.

While your iPhone can rely on certain apps for recovery, Mac data recovery is better off with a trusted firm. Visit https://www.harddrivefailurerecovery.net/contact-us/ to get with a trained technician who can recover data from your Mac.

Looking For A Deleted Phone On Your iPhone? Try These Apps. See more on: HDRA

from Hard Drive Recovery Associates - Feed
at https://www.harddrivefailurerecovery.net/looking-for-a-deleted-phone-on-your-iphone-try-these-apps/

Looking For A Deleted Phone On Your iPhone? Try These Apps. Read more on: www.instant-web-site-tools



source https://www.instant-web-site-tools.com/2019/06/28/looking-for-a-deleted-phone-on-your-iphone-try-these-apps/

8 Ways to Keep Your Startup Positively Aligned

When companies become misaligned, different departments may be working toward entirely different goals – in some cases, these goals may be at odds with each other. This is a challenge for the best companies out there, not to mention a startup in the midst of rapid growth. The result is a lack of collaboration as well as a lack of a shared vision and internal conflict.

In some cases, misalignment can even be fatal. More than 90 percent of startups have been known to fail; not because of the competition, but by self-destruction.

Company alignment may be simultaneously simple to understand and also abstract. Often, however, it’s a concept that’s difficult to execute and put into practice. That’s exactly why this blog post will take you through actionable ways that you can keep your startup in alignment.

1. Your Mission Should Be Your Foundation

The foundation of company alignment is having a shared mission or purpose. Before you can think about aligning your team along revenue targets and other objectives, you need to unite your team with a more powerful vision first – your mission.

Your mission should be one that’s short, memorable and specific

More specifically, what are you trying to do for your customers? Take Google’s mission statement, for instance: “To organize the world’s information and make it universally accessible and useful.”

Think of your mission as a “theme” or motto or phrase – just a few words. Your mission should be one that’s short, memorable and specific.

The purpose of this mission is that it provides your team with the a broader perspective about what they are doing and, most importantly, why. It unites them around a more powerful vision – one that transcends revenue-based objectives.

The second component is then aligning your mission with your specific revenue targets, growth goals and other similar objectives (more on this to come). The idea behind this is that your targets become tied to something arguably much more powerful that your team members can personally connect with.

As you will see, in the chaos of a startup, a motto is something that everyone will find easy to remember. It can serve as a powerful mechanism for keeping your entire team aligned and simultaneously moving together toward your goals.

2. Clearly Define Your Goals & Objectives at the Top

This may seem like an obvious step, but it bears repeating: Your startup likely has goals and priorities, but it’s important that these are as clear as possible.

there will be things that you will need to say ‘no’ to

You also need to figure out what’s most important at this very moment. There will always be other things that you could be devoting attention to, but it’s a CEO’s job to stay focused on the most important goals at the present moment.

To put it another way: there will be things that you will need to say ‘no’ to.

But, why is this so important? Because it ensures that the CEO models this behaviour from the top down. When other priorities start to trickle in, you risk contaminating the entire team by leading them in alternate directions. This can be disastrous for startups because it can slow progress whereas, by nature, startups have to move quickly.

3. Align Departmental Goals With The Company’s

Once you have clearly defined your company’s goals at the top level, the next step is to ensure that: a) Your entire team understands what you’re working toward at the highest level, and b) You determine sub-objectives for each department (sales, marketing, accounting, etc.) and that they are tied to and help accomplish your company’s broader goals.

Having your own company objectives is important, but what does this mean for all of the other departments? Make that clear and ensure everyone is contributing to the greater whole – which is ultimately at the essence of company alignment.

You can also take this one step further by connecting departmental sub-objectives with your broader mission. In doing so, your goals become infused with meaning. Put another way, employees start to believe in the ‘why’ of what you’re doing, which is essential in getting them to act.

It’s one thing for your employees to understand your goals but it’s a whole other thing for them to actually believe in them.

4. Translate Goals Into Clearly Defined Actions

Once you have set your goals (both at the top level and at the departmental level), it’s important to determine how these goals can be further refined into clearly defined actions that both you and departments can work toward.

Here’s an example: It’s one thing to set a goal of losing 10 pounds but in order to accomplish that goal you need to refine the action steps that will move you in that direction (for example: eating healthier, starting a fitness plan, etc.).

So, start off by outlining two or three objectives and then breaking those goals into more concrete steps and even measurable metrics that will actually be your team’s focus.

5. Repetition is Key

In a startup, things move quickly. The content of meetings just a week ago can become like a distant memory. That’s why it’s so important for management to make it a point to go over your objectives on a daily basis.

It’s not enough to communicate your goals one time – this is a continual process.

One of the best ways to do this? Go back to your mission (step one). By connecting your objectives with your broader mission statement, you can easily reinforce these goals and keep them at the forefront of your startup without having to continually go into the specifics of those goals.

6. Regularly Review Progress

While it’s important to have clearly defined goals and action steps, it’s arguably equally important to review the progress of these action steps on a regular basis (at least monthly but ideally bi-weekly).

Management will likely find that teams will not be working in alignment at first, so it’s a good idea to ensure that everyone recognizes that this process will be a slow one – one that will require continual nudges in the direction of your goals.

misalignment doesn’t just happen overnight, it’s a slow process

Reviewing your progress on a regular basis not only gives your team the opportunity to redirect wherever necessary, but it also serves as a continual reminder of your company’s objectives.

Remember, too, that misalignment doesn’t just happen overnight, it’s a slow process. That’s why regularly reviewing your goals (and, more specifically, the action steps) will keep your company on the right track.

One of the best ways to track progress? Having an internal dashboard that is set up on the wall for all team members to see.

7. Daily Stand-ups for Everyone

Stand-ups – daily meetings where employees report on what they’re working on are a mainstay of software companies (and, more specifically, engineering teams).

However, there is a lot of value that can come from having involvement from everyone – or at least the core teams.

Communal stand-ups give an opportunity for all teams to share what they’re working on, to collaborate with one another and ultimately to keep your goals at the very culture of your startup.

8. Celebrate Success (But Also Be Transparent About Challenges)

It’s important to take the time to highlight success stories of team members or even entire departments that are working toward and hitting company’s goals. A great example is a team lunch.

Celebrating these milestones creates a culture of teamwork and reinforces your objectives.

Of course, it’s important to also be transparent as far as numbers go and to give insight into any challenges as well. This, too, creates transparency within your organization and ensures that everyone is always on the same page.

Wrapping It Up

Above all, the key to keeping company alignment is a solid foundation: a mission that unites your entire team. From there, top company goals and sub-departmental objectives should work in tandem so that everyone is contributing to the greater whole.

This shared mission, however, is the glue that holds your startup together. As your team grows, your mission (and, more specifically, your values) are what will guide management as they make a myriad of decisions, including those that have to do with hiring.

Throw in continually measuring progress, stand-ins and celebrating milestones and you have a recipe for success when it comes to ensuring that your entire organization is working toward a common goal.

Lastly, recognize that keeping company alignment is a continual process – after all, your goals and objectives will continue to change over time. Eventually, however, the process of setting clear goals and continually working toward them as a team will simply become part of your company culture.

 

Featured image via Unsplash.

Add Realistic Chalk and Sketch Lettering Effects with Sketch’it – only $5!

Source

from Webdesigner Depot https://www.webdesignerdepot.com/2019/06/8-ways-to-keep-your-startup-positively-aligned/

The post 8 Ways to Keep Your Startup Positively Aligned is courtesy of The Instant Web Site Tools Blog



source https://www.instant-web-site-tools.com/2019/06/28/8-ways-to-keep-your-startup-positively-aligned/

Thursday, June 27, 2019

Which CSS IS AWESOME makes the most sense if you don’t know CSS well?

Peter-Paul posted this question:

Note the interesting caveat: only vote in the poll if you don't know CSS well.

The winning answer was D! You gotta wonder if the result would have been different if the request for non-CSS experts wasn't there.

I like to think I know CSS OK, so I didn't vote. My brain goes like this:

  1. I think he's asking "by default," so the answer may assume there's no other CSS doing anything to that text.
  2. I wish I knew why the box was that particular width, but I guess I'll just assume it's a set width.
  3. It's not B because ellipsis stuff requires extra stuff, and doesn't work on multiple lines like that — unless we're talking line clamping, which is even weirder.
  4. It's not C because that requires hiding overflow which is never really a default — that is, except off the top and left of the browser window, I guess. Or in an iframe.
  5. It's not D because words just don't break like that unless you do pretty specific stuff.
  6. A actually makes decent sense. It's weird to look at, but I've been dealing with stuff busting out of containers my whole career. C'est la vie.

Remember, we've done a deep dive into CSS IS AWESOME before and how it interestingly captures the weirdness of CSS.

The post Which CSS IS AWESOME makes the most sense if you don’t know CSS well? appeared first on CSS-Tricks.

from CSS-Tricks https://css-tricks.com/which-css-is-awesome-makes-the-most-sense-if-you-dont-know-css-well/

The following blog post Which CSS IS AWESOME makes the most sense if you don’t know CSS well? is courtesy of Instant Web Site Tools Blog



source https://www.instant-web-site-tools.com/2019/06/27/which-css-is-awesome-makes-the-most-sense-if-you-dont-know-css-well/

Different Approaches for Creating a Staggered Animation

Using Percy to add visual testing to a Jekyll site

20+ Best Moodle Themes of 2019

Moodle is a powerful learning management system which is widely used by academics and students to build online course management and e-learning websites for universities and institutions around the world.

Moodle templates and themes let you quickly establish a great looking platform, without too much development time and resource. These templates are easy to implement and offer full customization. Some of these templates cover the corporate arena, while others focus more on education and learning. They’re a great starting point when developing your own platform!

Space – Responsive Premium Moodle Theme

space-moodle-theme

Space is a modern Moodle theme that features a beautifully minimalist design. Built with the Bootstrap framework, this theme comes with a mobile-first design equipped with a smooth browsing experience. The theme also includes sections for showcasing your course catalog, teacher profiles, and custom login and registration pages along with a redesigned user interface.

Klassroom – Premium Moodle Theme

klassroom-moodle-theme

Klassroom is a Moodle theme designed for online learning websites and schools. The theme includes predefined color skins, which you can easily switch between, as well as course categories, teacher profiles, an events section, and much more.

University – Responsive Moodle Theme

university-moodle-theme

Just as the name suggests, this is a Moodle theme for building websites and learning platforms for universities and colleges. The theme supports multiple languages and RTL. It also comes with a visual page builder, allowing you to easily customize the design.

Trending – Responsive Moodle Theme

trending-moodle-theme

Trending is a fully-responsive premium Moodle theme that comes with a unique and a highly professional design. It’s perfect for building a unique and a complete online learning platform or setting up an online classroom for a college.

Alanta – Responsive & Modern Moodle Theme

alanta-premium-moodle-theme

Alanta is a modern Moodle theme that comes with a stylish homepage design. It features pre-made color schemes to customize the design and offers multilingual support, including RTL languages. The theme also features multiple inner-page layouts for showcasing your courses, admissions, research, and more. This theme is ideal for making LMS websites for colleges and private academies.

Roshnilite – Modern Free Moodle Theme

Roshnilite - Modern Free Moodle Theme

This free Moodle theme comes with a beautiful and modern design. It includes a stylish header section for welcoming students as well as sections for highlighting courses and for adding a portfolio or course category section. It’s fully compatible with Moodle 2.7 and higher.

  • Price: Free

Enlightlite – Responsive Free Moodle Theme

Enlightlite - Responsive Free Moodle Theme

Enlightlite is another responsive and free Moodle theme you can use to make LMS websites for schools and colleges. The theme features a modern design with a slider on the header section, an about section, course catalog, and much more.

New Learning – Premium Moodle Theme

new-learning-moodle-theme

This Moodle theme comes with its own course dashboard designs for teachers and students as well as an A-Z courses index design. The theme also supports multiple languages and features a responsive design.

LearningZone – Responsive Moodle Theme

learningzone-moodle-theme

LearningZone is a professional Moodle theme made for setting up a website for a college or a school. The theme includes sections for teacher profiles, course pages, an event calendar, and much more.

Edutech – Premium Moodle Theme

edutech-moodle-theme

Edutech is a feature-rich Moodle theme made for universities and colleges. It comes with a customized user interface with support for RTL and other languages. The theme also allows you to change its colors however you like.

School – Exclusive Moodle Theme

school-moodle-theme

This Moodle theme is perfect for creating a website and an online learning platform for middle-schools and high schools. The theme features a colorful design with photo galleries, course index, teacher profiles, and more.

Klass – Free Minimal Moodle Theme

klass-free-moodle-theme

Klass is a modern and free Moodle theme that comes with a simple and clean design. This theme features a fully responsive design with multilingual support and a creative homepage layout for showcasing your courses, blogs, and categories in one place.

Eduhub – Free Clean Moodle Theme

Eduhub - Free Clean Moodle Theme

This free theme also features a clean and minimal design that makes it a great choice for making LMS websites for all types of academic establishments. The theme is easily customizable as well. But, it hasn’t been tested with the latest version of Moodle.

  • Price: Free

Cognitio – Premium Moodle Theme

cognitio-moodle-theme

Cognitio is a professional Moodle theme designed for universities. It comes with a fully-customizable design, an A-Z courses index, course formats, support for RTL and other languages, and a code generator.

IQ – Intelligent Moodle Theme

iq-moodle-theme

This Moodle theme comes with a beautiful and a minimalist design. It’s ideal for setting up a website for an online learning platform or a college. The theme features unlimited color options, several different header styles, and lots of custom plugins.

Academic – Responsive Moodle Theme

academic-moodle-theme

You can build any type of an academic website using this Moodle theme. It includes a customized design with a beautiful courses page, teacher profiles, a photo gallery, and more.

Flora – Responsive Moodle Theme

flora-moodle-theme

Flora is a basic Moodle theme you can use to setup a school website. The theme features a fully-responsive design with a photo gallery, custom fonts, a unique login page, a slider, and an event calendar page.

Lambda – Responsive Moodle Theme

1

The Lambda Basic Theme can be quickly and easily changed, including logos, link colors and block background colors. This theme is mobile optimized and uses a responsive design to provide a positive user experience across different device sizes, including tablets and smartphones.

Eguru – Free Moodle Theme

eguru-moodle-theme

This free Moodle theme is ideal for making a basic educational website. It features a responsive design with a custom login page and supports multiple languages.

Moove – Free Moodle Theme

moove-moodle-theme

Moove is another free Moodle theme that you can use to design a professional educational website on a budget. The theme comes with a responsive design, course page designs, an events calendar, and more.

  • Price: Free

from Design Shack https://designshack.net/articles/inspiration/15-best-moodle-themes-of-2016/

The blog post 20+ Best Moodle Themes of 2019 was first published on www.instant-web-site-tools



source https://www.instant-web-site-tools.com/2019/06/27/20-best-moodle-themes-of-2019/

40+ Best Minimal Logo Design Templates

Minimalist logo design is an art. How can you convey your brand with a professional logo, but keep the simplicity of a minimal, clean, and s...