responsive

typography theme

preview // code

remember:

  • when you install this theme, you agree to the tos
  • like / reblog if you’re going to use this or thinking about it.

features:

  • All Post Types, Custom Colours, Font Options, Custom Images, Hi-Res, Localization, Pagination, Day pages support, Pages support, Disqus comments, Google Analytics, Google fonts, Social media icons, Responsive layout, suits all sizes big and small + more

New tutorial has been published on http://e-tutorial.info/headway-themes-setting-up-headway-the-first-time-2015-tutorial/

Headway Themes - Setting Up Headway The First Time ( 2015 Tutorial)

headwaywp tutorial from Diane over at The Design Creative.co.uk Installing Headway for the first time? Thanks for watching this video if you need further help or one or one training please…

Subject 7c is awake, responsive, and self-aware. Subject has asked several conditionally relevant questions, and does not appear to suffer and visual or cognitive disorders. Subject self identifies as “Georgia Mason,” and is able to recount events up to the point of physical death (see GEORGIA MASON, AUTOPSY FILE for details of injury).
We are prepared to continue with this subject for the time being. Full medical files are being transmitted under a secure encryption key.
—  Taken from an e-mail sent by Dr. Matthew Thomas, July 16, 2041

authentic theme

preview // code

remember:

  • when you install this theme, you agree to the tos
  • like / reblog if you’re going to use this or thinking about it.

features:

  • All Post Types, Custom Colours, Font Options, Custom Images, Hi-Res, Localization, Pagination, Pages support, Day pages support, Disqus comments, Google Analytics, Social media sharing, Fontawesome support, Responsive layout, suits all sizes big and small + more
0.2.1 version

Hello StreetLibers! Here we are to announce this new amazing release of StreetLib SELL, let’s go see what’s new.

First of all we have made a lot of bug fixes and the main one is our responsive widget (the one that should automatically change relatively to the window size).

It had issues before and it appeared badly on small size windows, now it works great! And you should definitively try it, it’s really amazing and very useful if you want to keep everything responsive.

If you had a responsive widget in your sites, you don’t have to do anything, just reload the page to see the changes.

Another big news is still related to the widgets, we finally placed the full cover on almost all of them. If you select the square ones or the vertical ones, you get the full cover.

Last but not least, we have a new ebook distributor, that means we are going to increase the ebook catalog by about 30.000 new books to be selected and sold; reaching about 90.000 ebooks available!

contemp theme

preview // code

remember:

  • when you install this theme, you agree to the tos
  • like / reblog if you’re going to use this or thinking about it.

features:

  • All Post Types, Custom Colours, Font Options, Custom Images, Hi-Res, Localization, Pagination, Pages support, Disqus comments, Google Analytics, Social media sharing, Fontawesome support, Responsive layout, suits all sizes big and small + more
UX Crash Course: Stupid Question 24 of 30

Some questions are stupid because the answers are obvious and easy. But some questions are stupid because it’s hard to know where to start answering. Today’s is one of those:

“How do you make a design responsive?”


Just starting the Crash Course? Start here!

****

As a beginner, if you ask an experienced designer about making something responsive, you might be more confused after you get the answer than you were before.

Responsiveness is not that hard as a concept, but in real life you have to consider a long list of details. They move, and you will need to look up the latest resolutions of devices, and you need to make a prototype to see it in action, and there are lots of decisions about breakpoints and what you will and won’t support, and on, and on, and on.

But that’s not the answer we want.

****

The stupid (but true) answer:

You make the layout change as the window size changes, so it fits on any device.

****

The real (and also true) answer:

You design in phases.

Design your website for the smallest, crappiest phone first. “Mobile first.”

It will probably be a single column, because a phone is too small to hold much more than that (exception: Pinterest!). 

You will probably have to remove a lot of stuff or make ridiculously long pages.

Then you will feel like you are a shitty designer because your screens are so cluttered or so long. Listen to that inner voice. It is trying to help you.

Then you will remove some more, until you only have the most important features and content left.

When you finally feel like you’ve got it looking good on a phone, take that layout and copy/paste it into an iPad-size screen.

It will look stupid or half-empty, because a tablet has way more space. That’s when things start to get interesting.

****

Why this isn’t a stupid question:
Responsive design is an advanced way to think.

If normal, fixed web design is like shooting a target, responsive web design is like shooting a moving target.

People who know the technical details about how responsive design works will usually explain all the percentages and media queries and responsive typography details and how to load different images depending on resolution — which are interesting and useful — but that’s not what a beginner wants to know.

It’s like when your parents start telling you about how they made you:

Too much information.

You don’t need to know how to build a responsive design yet. 

You need to know how to start sketching a responsive design.

****

Responsive layouts are related to each other.

Think of the phone layout and the tablet layout and the desktop layout as the same layout

It changes.

You’re not designing three layouts. You’re designing one layout with three “modes”. Or five! Or 10! 

(Probably not 10, but you get the idea.)

Everything that is on the small screen also has to be on the larger screens, but you might have to move those things to make the layout work.

Ask yourself: Will anything break if the layout stretches to be a little wider or a little narrower? If something in your layout only works at the exact size you have designed for, it isn’t responsive yet.

An ideal responsive design requires the smallest changes possible to make the layout work as the window changes size.

Draw your layouts beside each other. Do they make sense as a sequence?

In the same way that monkeys evolved into apes and apes evolved into humans and humans devolved into reality television stars, your layouts need to connect to each other.

Ask yourself what it will look like when all the things switch from one layout to the next. Will it be chaos? Or just a subtle shift?

If you have to scale an image, or squeeze a text block or adjust a font size to make the headline fit on one line, no problem! That’s responsive thinking.

If your site has to switch from vertical scrolling to horizontal swiping, that might get… awkward. And developers might come to your house with torches and pitchforks.

It’s tricky. Plan a lot of extra time to make things responsive, and keep it simple, stupid.

When you have a series of layout designs that can smoothly shift from one to the other as a window changes size, you have just made your first responsive design.

****

Tomorrow we will answer: “Which image format delivers the best user experience?”

Busy coding my new website 👍 might look boring to some but fun to me!! 🍻 #webdesign #webdesigner #webdesigners #website #webdeveloper #coding #programming #programmer #freelance #design #designer #adobe #css #html5 #nycfreelancer #business #responsive #responsivedesign #hashtag

anonymous asked:

(1/6) Heyyy I kept thinking about some discussion about your bending type that happened a while ago, and some of the things got me thinking that just like personality theory, we can't all fit into the stereotypes that represent the four elements

(continued) (I know that this isn’t serious though lmao). So I tried to think about how can I ‘determine’ someone’s bending type without the stereotypes. Because for example, both Toph and Bumi earth benders and they’re so different, but they’re both so 'Earthy’. So I thought that it isn’t really about how you act but the connection with the element and why. For airbenders it was easy for me, the connection with air, is breathing, being alive. So airbenders are connected to life, and with meaning (it makes sense that they were monks). With fire the connection’s energy, intensity. Earth and water are a bit more hard. I think about water and motion is what I think it represents. So, a connection with motion would make you more attentive to social dynamics too. Earth, would be a connection with stability, and strength. And finally I think firebenders tend to be more active, airbenders more neutral/responsive, waterbenders responsive, and earthbenders neutral/active. Sorry that this was long, I hope I didn’t send it twice… I just thought that this analysis of mine might interest you :) np if you don’t answer/read all of it though. Have a nice day Claire!

I 100% agree! I’ve connected bending to types before, and i did do it mainly by first figuring out active/responsive/neutral, with the same labels for each type of bending. I considered some cognitive functions related to some bending, but it was usually more of an indirect connection, while the neutral/active/responsive thing is a more direct connection (with the exception of a few connections. I think earthbending is kinda undeniably Se tbh). It’s super interesting! My main issue personally with typing myself is that i am incredibly neutral, that’s my preference, but due to life circumstances i have learned to be very, very active. Responsive is a persona i can slip into if i think that’s what would help someone, but it’s unnatural for me. Everyone who has messed with me has described me as having fire nation attributes, and has pushed that kind of description on me (very stubborn, very intense, aggressive/assertive, out of control emotionally, etc). Everyone who i have had a very one-sides, take-care-of-them relationship with has described me as very water bender. In reality, i’d say i’m much more of an air bender or an earth bender, but who i am is, more often than not, not how i present myself. However, i do think that earthbending is very Se, and while i can completely see how an NP or SJ could be an earthbender, every time i imagine myself as an earth bender, my complete aversion to Se as an Ni dominant becomes pretty apparent. Throughout the series, they sort of do stress that earth bending is, well, down to earth, while airbending is very conceptual, it’s about finding meaning (and meaning is often very Ni, sometimes Fi or Ne). So i think going off of the core essence of each kind of bending, i’m very airbender. But i almost never present myself that way, so most feedback i get is “DEFINITE FIRE BENDER” or “SUPER WATERBENDER”. ya feel? sorry for the rant. you have a good day too!

Oilumeo – Responsive Creative Photography Template (Photography)

Oilumeo – Responsive Creative Photography Template (Photography)

Live PreviewPurchase $16.00 Oilumeo is a template that is designed specifically made for professional photographers. With a modern and simple concept, this template can show shots of your photos. Already supports the display on smartphones and tablets, so that your clients can view images of your work anywhere and anytime. Template Features Free Fully 8 Layered Phostoshop (PSD) Files Build on…

View On WordPress

WPSSO Ridiculously Responsive Social Sharing Buttons + WooCommerce bbPress BuddyPress

WPSSO Ridiculously Responsive Social Sharing Buttons + WooCommerce bbPress BuddyPress

WPSSO extension to add Ridiculously Responsive (SVG) Social Sharing Buttons in your content, excerpts, CSS sidebar, widget, shortcode, etc. View full post on WordPress Plugins » Recent Topics

View On WordPress