Stream

Join this community to post or comment
Pinned by moderator

Ben Seven
moderator

Guidelines  - 
 
README - RWD Community Posting Rules

READ BEFORE  POSTING

— If your post is not specifically about Responsive Web Design as defined by Ethan Marcotte's A List Apart article, it will be removed.

— This is not a community for sharing generic web design or development advice. If you do not heed these rules, your post will be removed. And subsequent off-topic posts will result in a ban.

— Additionally, your post may be removed for the following reasons;

• Low quality posts, either poorly written or otherwise hard to read and understand

• Articles that are just an explanation of what RWD is; there are many, many of these out there and we don't need to see them; this is a community of practitioners

• Articles that compare RWD to another methodology

• Articles that the mods believe have been written to gain your business search engine traffic, rather than bringing value

• Posts promoting frameworks, WordPress plugins, themes (paid or not) or jQuery plugins. We get so many of these it floods the postings; if you are looking for one, ask what people recommend and get help in the comments

• Posts that are seen to be only promoting your business or service


This is not an exhaustive list, and from time to time the mods may make exceptions; users who are not mods can report posts as spam for mods to review where they do not follow the above rules.
68

David Attard

Tutorials & Articles  - 
 
Getting the RWD basics right is essential in getting started with your responsive web designs. 
If you are interested about Responsive Web Design, this article will explain the basics such as pseudo elements, media queries and more
2
Ben Seven's profile photoDavid Attard's profile photo
2 comments
 
Hey +Ben Seven 

you're absolutely right. There's no reason to take away someone's choice of zooming. I'm guessing the author added this more for completeness sake rather than as a suggestion.

Re the shrink-to-fit, that's new to me, I'll be happy to supplement the article with it.

David
Add a comment...

Md Ashraf Malik

Discussion  - 
 

Responsive Contact Us Form Template Page Design In HTML5 Bootstrap

http://ow.ly/Xxnan

#webdesign   #uidesign   #uxdesign   #bootstrap   #rwd  
Awesome Responsive Contact Us Form Template Page Design In Bootstrap With HTML5 Input Validation. Download Contact Us Form Template Free With HTML CSS Source Code.
3
Add a comment...

Hannah Grey

Discussion  - 
 
Hey does anyone have some good resources for learning responsive coding? Anything would be much appreciated, thanks! 
2
Hannah Grey's profile photo
6 comments
 
+Anand Singh thank u!
Add a comment...

Markus Buehler

Tutorials & Articles  - 
 
Begriffsdefinition – Responsive Webdesign Responsive Webdesign (RWD), zu Deutsch „reaktionsfähiges Webdesign“, bezeichnet ein Set von Strategien, die verwendet werden, um Web-Seiten auf Bildschirmen unterschiedlicher Größe möglichst optimal anzuzeigen. Der Begriff Responsive Webdesign wurde durch den Webdesigner Ethan Marcotte geprägt. Er veröffentlichte 2010 im Online Magazin „A List Apart“ den Artikel „Responsive Web Design“. Darin adaptierte e...
2
Add a comment...
 
 
Come help me build the next awesome CSS framework!

Written in Stylus, I believe stylistic has the potential to become the next awesome framework. I've built it already to incorporate elements from Bootstrap, Foundation, and Semantic UI. Now I'm to the point where I need people to help with pull requests as issues. There's lots if work to be done!


Stylistic - A bootstrap inspired CSS framework written in Stylus. Still very much in alpha.
3
Add a comment...

Steven Roberts

Showcase RWD Sites  - 
 
 
Responsive SVG Text Video masking. 
3
Add a comment...

Designer Websites

Showcase RWD Sites  - 
 
We designed a brand new, responsive website for Seers, to improve their search ranking for their cleaning at height services:
1
1
SayOne's profile photo
Add a comment...

Brand Maestro

Showcase RWD Sites  - 
 
This Christmas, Brand Maestro has recently developed a responsive website for Somaliland Travel Agency, which offers a wide range of tours to their customers for the best possible travel experience. View some more of our recent works at http://goo.gl/JejwuT
1
Ben Seven's profile photoPaul Scollon's profile photo
5 comments
 
+Ben Seven Okay then. No argument from me. Feel free to delete my comment.
Add a comment...

Havock Web Designers

Showcase RWD Sites  - 
2
Add a comment...

Matt Smith

Discussion  - 
 
Do #JavaScript Frameworks Slow down Your #RWD Implementations?

Reference: https://aerotwist.com/blog/the-cost-of-frameworks/ #WebPerf
94 votes  -  votes visible to Public
Yes
39%
No
37%
Not using JS frameworks
23%
13
2
ayush sharma's profile photoDmitry N. Medvedev's profile photoDariy Gray's profile photo
 
Slows performance but speeds development
Add a comment...

About this community

Responsive Web Design is gaining popularity in leaps and bounds due to the increase in mobile device usage. Here we can discuss the pros,cons and techniques of responsive design. Please read the rules before posting.

Jason McDonald

Showcase RWD Sites  - 
 
Hey all! My first website. Let me know what you think. Give it to me! Hit me hard I can take it! All done in HTML and CSS so I can continue to learn instead of just doing it in a CMS.

Replaced the old non responsive, non mobile compatible website. Redesigned the logo and company image. Everything you see was designed and developed by me except the slider. Still learning JavaScript. Product images are from the old website but tweaked to work on the new slider and social media posts like below.

Interested to hear what you think as a fellow Edin-burger +Ben Seven.
1
Ben Seven's profile photoJason McDonald's profile photo
4 comments
 
+Prabaharan Ganesan thanks! I have been meaning to try and figure that out. I tried to fix it and got messed up. It will be so obvious once I figure it out! 

+Rolf Jouaux good spot! I did them at the very beginning and forgot all about them. I've been too busy trying to fix the visual things by tweaking colours and what not I forgot about the meta tags! I don't think I will forget that again.

+Ben Seven thanks for the pointers! Great help! I can't actually remember where I got that hamburger icon from. That's another thing I did at the beginning and forgot about. I will make my own one ASAP! I looked at tables and quickly decided to get the website finished a lot faster I would make the pricelist an image that splits on smaller viewports. I have still not gone back to learn about tables and RWD, but now the site is finished and rocketing up Google the time is now to get the pricelist crawlable for the Googlebot! The same goes for the buttons, I couldn't get what I wanted so I quickly made them as images. I had not thought about hard of sight at all. I can't imagine the frustration at clicking on the buttons to hear what they are and not being able to get the information. 

I think I need to invest some time in learning about the planning/organisational stages as well as code and design. Thanks again to the three of you!
Add a comment...

Ben Seven
moderator

Showcase RWD Sites  - 
 
Our business Kin just launched the first in a programme of site redevelopments for Scottish Film.

The first is a teaching resource based around archival footage from the National Library of Scotland - "Scotland on Screen": https://scotlandonscreen.org.uk

We managed to launch this more usable, fully responsive site with a quicker page load time and smaller file size than the 12 year old website it replaced. 
2
Jason McDonald's profile photo
 
Looks good. I like it! 
Add a comment...

Iris Liu

Guidelines  - 
 
Boana's Johannes Holl shares ideas and UI patterns he found useful while designing a website with large desktops in mind.
13
7
Dariy Gray's profile photoHenriette Stewart's profile photo
Add a comment...

Dragon Mana

Tutorials & Articles  - 
 
Learn Responsive Web Development from Scratch
 
Learn Responsive Web Development from Scratch
  https://hii.to/EJNHDKcdx

A Comprehensive Course on Responsive Web Design and Twitter Bootstrap 3
Offer expires: Limited time

#web development #web design #learn
1
Add a comment...
 
As 2015 fast fades away in the rearview mirror and new baby 2016 enters the world kicking and screaming, now is the perfect time for gazing deeply into the crystal ball and uttering predictions, prognostications and other psychic prophesies.
Among the more stunning tech predictions for 2016 is Hilary Milnes' claim that mobile apps are on the decline. Read more here!
3
Add a comment...

Brand Maestro

Discussion  - 
 
Check out this mesmerizing, easy-to-navigate responsive website designed by Brand Maestro, which offers certified Russian translation and interpreting services for immigration, accreditation, recognition of overseas qualifications, legal matters, etc. View more of our created work at http://goo.gl/OI62bF.
4
Add a comment...

Matt Smith

Tutorials & Articles  - 
 
Enhancing Responsiveness With Flexbox
15
4
artister azzo's profile photoStephanie Hughes's profile photo
Add a comment...

Muse For You

Discussion  - 
 
The new responsive version of Adobe Muse is scheduled to be released early 2016.
1
1
Blaine Landowski's profile photo
Add a comment...

Website Design

Discussion  - 
 
Why Responsive Web Design Matters.!!
#webdesign   #website  
24
4
Chris Roberts's profile photoCatherine Denos's profile photoFull Impact Studios's profile photoYogendra Kashyap's profile photo
2 comments
 
Nice Info graphic, Thanks for sharing it !! 
Add a comment...