If you’ve ever been faced with the task of making WordPress look good on mobile devices you know how hard it can be, especially if you are developing for clients who don’t hire you to maintain their sites. In this session we will look at the different methods to make your WordPress site look good in mobile and give solutions to the challenges you will face.
The ConclusionFinally, the most popular design approach is responsive web design. RWD is a web development method that enables dynamic changes to the look and feel of a website. If Responsive Web Designs the screen and orientation of the device used to view it are different. When it comes to developing for a wide range of devices, responsive web design is one option to consider. Because of this, the designers at SEO Expate Bangladesh Ltd. construct 100% mobile-friendly and flexible websites. A site’s layout can be specified using RWD breakpoints.
Creating a comprehensive guide on responsive web design in 5000 words is a challenging task, but I can provide you with an in-depth overview and outline to get you started. Responsive web design is a crucial aspect of modern web development, ensuring that websites look and function well on various devices and screen sizes.
The ConclusionFinally, the most popular design approach is responsive web design. RWD is a web development method that enables dynamic changes to the look and feel of a website. If Responsive Web Designs the screen and orientation of the device used to view it are different. When it comes to developing for a wide range of devices, responsive web design is one option to consider. Because of this, the designers at SEO Expate Bangladesh Ltd. construct 100% mobile-friendly and flexible websites. A site’s layout can be specified using RWD breakpoints.
Creating a comprehensive guide on responsive web design in 5000 words is a challenging task, but I can provide you with an in-depth overview and outline to get you started. Responsive web design is a crucial aspect of modern web development, ensuring that websites look and function well on various devices and screen sizes.
Rethinking accessibility related best practices for CSS in the modern ageshwetank
In the age of new trends in web design and CSS technologies like Flexbox and Grids, what do we need to think about when it comes to accessibility and CSS?
Designing for the web is no longer what it used to be.
The number of devices with web-browsing capabilities is
growing at an increasing speed.
RWD is an approach aimed to provide a solid viewing
experience for a multiple of screens with one set of code.
An overview of web development essentials that will help you as a user experience designer to not only understand how to integrate designs with development components, but also to learn some tips on interacting effectively with developers.
Java EE 7 from an HTML5 Perspective, JavaLand 2015Edward Burns
This 45 minute session begins by explaining what we mean by the admittedly vague term "HTML5 web application". We use the Cargo Tracker sample Java EE 7 application as the vehicle for this explanation. Diving into the code, we examine the parts of the Java EE 7 family of technologies, and the HTML5 techniques used in the application.
WVPDX 2014 - Hammering Responsive Web Design Into ShapeKen Tabor
Presented at WebVisions, Portland 2014
This talk isn’t about deciding if responsive web design is a good idea or worth pursuing. We’re assuming you’ve already made up your mind that it is. This is a session dedicated to helping you develop, and more importantly debug, RWD.
Why? Because it’s not easy! The speaker will share nuts-and-bolts concepts helping audience members more safely navigate one of the most difficult things we tackle - building websites that respond to a world of device sizes.
In this energetic talk attendees will see real-time demos and illustrative slides serving an audience of technically minded designers by reviewing practical topics such as:
• Resources for pouring your pages into simulated device screen sizes forgoing expensive hardware purchases as long as possible
• Reviewing reasons for setting up a web server on Win7 and OS X laptops for emulating production environments for quicker work iterations
• Demonstrating better CSS through Sass showing cleaner looking @media rules offering more easily maintained RWD styles
• Showing an experimental tool automatically mass-producing website screenshots of multiple sizes using NodeJS and PhantomJS
Beyond Branding SharePoint - SharePoint and Today's WebEric Overfield
How does your SharePoint site handle the growing number of devices that are or will be soon accessing your site? Traditional branding for SharePoint has its shortcomings with modern devices. In this session we will review available options to enhance SharePoint and create a unified experience across modern internet devices with an in-depth review of current trends and how to utilize them in your current or upcoming SharePoint project. We will finish by considering how this might be impacted by SharePoint 2013.
Session Take-aways:
As an introduction session to modern Internet devices and how they affect the presentation of a SharePoint 2010 site, each attendee should leave the session with a solid understanding of how different devices and viewports treat SharePoint including the good and the bad. Further they will have been exposed to multiple techniques and methods in which SharePoint can be modified to enhance SharePoint for modern Internet devices including tablets and smartphones with a look at the benefits and shortcomings of each method. After a review of SharePoint 2013's addition of devices channels, attendees will also learn how to leverage this new understanding of Internet devices with device channels for a truly usable, maintainable SharePoint branding initiative moving forward.
Highlights:
Learn the shortcomings of SharePoint's interface with modern Internet devices.
See modern techniques Branding experts use to solve the mobile problems.
Find out how to leverage this knowledge in SharePoint 2010 and SharePoint 2013.
Media queries really is a cure-all ? In this talk we're going to analyse the right way to implement this feature without causing harm to our web mobile experience.
Responsive Web Design presentation at the Fort Wayne AdFedReusser Design, LLC
Nate Reusser recently spoke in front of 80+ advertising and marketing professionals during a luncheon held at the Fort Wayne Advertising Federation. Here are his slides, full of useful information and resources!
Rethinking accessibility related best practices for CSS in the modern ageshwetank
In the age of new trends in web design and CSS technologies like Flexbox and Grids, what do we need to think about when it comes to accessibility and CSS?
Designing for the web is no longer what it used to be.
The number of devices with web-browsing capabilities is
growing at an increasing speed.
RWD is an approach aimed to provide a solid viewing
experience for a multiple of screens with one set of code.
An overview of web development essentials that will help you as a user experience designer to not only understand how to integrate designs with development components, but also to learn some tips on interacting effectively with developers.
Java EE 7 from an HTML5 Perspective, JavaLand 2015Edward Burns
This 45 minute session begins by explaining what we mean by the admittedly vague term "HTML5 web application". We use the Cargo Tracker sample Java EE 7 application as the vehicle for this explanation. Diving into the code, we examine the parts of the Java EE 7 family of technologies, and the HTML5 techniques used in the application.
WVPDX 2014 - Hammering Responsive Web Design Into ShapeKen Tabor
Presented at WebVisions, Portland 2014
This talk isn’t about deciding if responsive web design is a good idea or worth pursuing. We’re assuming you’ve already made up your mind that it is. This is a session dedicated to helping you develop, and more importantly debug, RWD.
Why? Because it’s not easy! The speaker will share nuts-and-bolts concepts helping audience members more safely navigate one of the most difficult things we tackle - building websites that respond to a world of device sizes.
In this energetic talk attendees will see real-time demos and illustrative slides serving an audience of technically minded designers by reviewing practical topics such as:
• Resources for pouring your pages into simulated device screen sizes forgoing expensive hardware purchases as long as possible
• Reviewing reasons for setting up a web server on Win7 and OS X laptops for emulating production environments for quicker work iterations
• Demonstrating better CSS through Sass showing cleaner looking @media rules offering more easily maintained RWD styles
• Showing an experimental tool automatically mass-producing website screenshots of multiple sizes using NodeJS and PhantomJS
Beyond Branding SharePoint - SharePoint and Today's WebEric Overfield
How does your SharePoint site handle the growing number of devices that are or will be soon accessing your site? Traditional branding for SharePoint has its shortcomings with modern devices. In this session we will review available options to enhance SharePoint and create a unified experience across modern internet devices with an in-depth review of current trends and how to utilize them in your current or upcoming SharePoint project. We will finish by considering how this might be impacted by SharePoint 2013.
Session Take-aways:
As an introduction session to modern Internet devices and how they affect the presentation of a SharePoint 2010 site, each attendee should leave the session with a solid understanding of how different devices and viewports treat SharePoint including the good and the bad. Further they will have been exposed to multiple techniques and methods in which SharePoint can be modified to enhance SharePoint for modern Internet devices including tablets and smartphones with a look at the benefits and shortcomings of each method. After a review of SharePoint 2013's addition of devices channels, attendees will also learn how to leverage this new understanding of Internet devices with device channels for a truly usable, maintainable SharePoint branding initiative moving forward.
Highlights:
Learn the shortcomings of SharePoint's interface with modern Internet devices.
See modern techniques Branding experts use to solve the mobile problems.
Find out how to leverage this knowledge in SharePoint 2010 and SharePoint 2013.
Media queries really is a cure-all ? In this talk we're going to analyse the right way to implement this feature without causing harm to our web mobile experience.
Responsive Web Design presentation at the Fort Wayne AdFedReusser Design, LLC
Nate Reusser recently spoke in front of 80+ advertising and marketing professionals during a luncheon held at the Fort Wayne Advertising Federation. Here are his slides, full of useful information and resources!
WordCamp Stockholm 2016: Content Marketing Done Right for EveryoneErik Bernskiöld
In today’s world, it is all about content marketing. Doing it right means thinking about a lot of different things. What should you publish? How do you make it converting? How do you connect it to analytics? What about SEO tricks?
Whether you are a user, developer or designer you will find this session useful. Whether as a reminder as to what’s important for the other groups and how to help work towards the common goal of a better website and effective business, or as a primer on how to boost your workflow.
WordCamp Boston 2016: Creating Intuitive Editing Workflows That Clients LoveErik Bernskiöld
As WordPress has evolved from a blogging tool to a full-fledged CMS and even application framework, the need for intuitive workflows for clients to manage their website’s have never been greater. As bigger organizations with more editorial staff starts using WordPress, we get a whole new set of challenges.
In this session, we will explore how we can create workflows that clients and non-technical staff find intuitive and easy to work with. Additionally, we look at common pitfalls, and find the way forward through behavioral knowledge and case studies.
Making Accessible Websites Doesn't Have to be Hard | WordCamp Antwerp 2016Erik Bernskiöld
Why should we make websites more accessible? Isn't that really much work? No. In this presentation you will discover the tricks to getting 70% there. Making your website work better for everyone. Making accessible websites doesn't have to be hard.
A lecture from the course "Entrepreneurship" at the Goethe University in Frankfurt am Main, Germany. The lecture covers how to get customers for your company, which marketing channels you should choose and how to use behavioral science to get ahead.
Presentation at the 3rd WordPress Stockholm Meetup. To create high converting landing pages you need to think about human behavior and what drives our decision making process.
Efter tio år som entreprenör har man gjort många misstag och lärt sig mycket. Med ett framgångsrikt företag delar jag med mig av viktiga lärdomar, erfarenheter och spännande, inspirerande berättelser.
En session från WebCoast 2015. #WebCoast
Flerspråkig WordPress-webbplats. Så här gör du!Erik Bernskiöld
I dag behöver de flesta webbplatser vara flerspråkiga. I denna session får du lära dig hur man gör det rätt, både tekniskt och strategiskt. Efter sessionen kommer du kunna ha en grym flerspråkig site. Ett visst grund i sessionen är WordPress, men innehållet är matnyttigt oavsett plattform.
En session från WebCoast 2015. #WebCoast
Vi dyker in i analysens och statistikens underbara värld och pratar om hur man kan använda Google Analytics och andra verktyg för att förbättra webbplatser och digitala kampanjer.
Let’s talk languages. Most websites today have a need to at least be bilingual, particularly in Europe. This presentation covers both important strategic issues to tackle, as well as the technical side of making a WordPress website multilingual in a reliable and professional way.
Mätning av webb och digitala kampanjer - WebCoast 2014Erik Bernskiöld
This talk is from the WebCoast conference, 2014 and was in swedish.
The talk covered analytics and how we can measure web and digital campaigns to help them become successful. We talked about key metrics to understand, touched on what tools (such as Google Analytics) can be used and tied it all together by integrating social media marketing analysis to create a better analytics mix.
Skapa världens bästa e-handel (Workshop @ WebCoast 2014)Erik Bernskiöld
Har du funderat på att börja sälja saker på nätet? Efter denna workshop kommer du ha alla kunskaper för att skapa världens bästa e-handel. Vi går igenom hela processen och pratar tekniska lösningar, strategi, analys och marknadsföring.
(från WebCoast 2014)
Are you a designer? Do you live to create gorgeous designs? Having some trouble getting into coding? Designers benefit greatly from knowing how to work HTML and CSS in their workflow with developers. We'll talk about effective ways to get comfortable with coding and learning how to embrace it and thus becoming a better designer.
Nyckeln till bra admingränssnitt för kundernaErik Bernskiöld
Erik Bernskiöld driver webbyrån XLD Studios och ska berätta för oss hur vi kan göra WordPress lättare för kunderna. Det behövs verkligen ibland, för även om WordPress är enkelt så kan det bli enklare.
FIRST: What is responsive design?\n--- SHOW OF HANDS: HOW MANY *KNOW* THIS WELL? ---\nExplain briefly what responsive design is all about. Makes it easier to design for various screen resolutions. BUT comes with problems.\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
There are two groups of people: Authors and Devs who have to make sure site owners and bloggers can get things that just work.\n--- SHOW OF HANDS: HOW MANY ARE DEVS vs. SITE OWNERS ---\n
Let’s talk about some challenges that WordPress specifically demonstrates when building a site for mobile.\n
\n
\n
\n
\n
SIDEBAR: What to do with it when reducing the size? We can hide it. Position it below content under 2-col width. HOWEVER, creates a problem => Sidebar is much wider now. Looks hideous.\n-> Example. DeveloperDrive\n
\n
Why use a fixed sidebar?\nIt streamlines the user experience. Users design sidebar banners for one screen: Fit across all.\n+ Sidebar not THAT important\n
\n
\n
\n
\n
\n
\n
\n
Kudos to them: Good WIDE screen version.\n
Move down: Standard blog format, not two columns anymore.\n
Moving down further, position navigation under logo.\n