Latest UI / UX Design Posts

What are the most innovative Web Design Trends 2019?

Hello, here all you need to use the boostrap class !

your code is goes like this :

<div class = "col-lg-12">
    <div class="row">
     <div class="col-lg-3">
       <img></img>
       <h2></h2>
       <p></p>
     </div>
     <div class="col-lg-3">
       <img></img>
       <h2></h2>
       <p></p>
     </div>
     <div class="col-lg-3">
       <img></img>
       <h2></h2>
       <p></p>
     </div>
     <div class="col-lg-3">
       <img></img>
       <h2></h2>
       <p></p>
     </div>    
    </div>  
</div>

Here, you have to use your custom css style, image and content.

Hello Samertaha
ui/ux design: UX Design is the term used for User Experience Design, although UI Design stands for User Interface Design. Both the elements are crucial to a product and work closely together.Here,some information about ui/ux
Hopefully ,this information will help you. If you want to know something more followed by ux/ux please let me know.

Thanks to join me

I think minimalism and trust is the best way to work!
You need to be friends with your clients.

Feature-Image.jpg

People spend more time-consuming digital media on mobile devices than on a desktop and this trend will continue. Social networking, listening to music, watching videos and playing games represent the bulk of what people do with their smartphones and tablets.

Essentially, it’s about communication and entertainment, two things that help people to cope-up with the level of stress in today’s world.

Thus, the consumption of mobile Apps in the present day continues to grow faster due to the increase in the number of smartphone users across the world.

Certainly, the data that describes the mobile app ecosystem the best is the total app downloads statistics.

Based on a projection, it is estimated that by 2022 the total app downloads number will enhance to a stunning 258.2 billion.

app_downloads.JPG

Reputed smartphone and tablet manufacturer, regular hardware updates and introduction of new features are what stand behind this enormous growth of mobile app downloads. However, one essential thing that is common with all successful mobile apps is that they have a great look and feel.

The following topics are covered:

1.Difference between Apps retained and discarded
2.Reasons Why Your App needs an Efficient Ul/UX design
3.Important Ul/UX Design Aspects to Consider in the Development of Mobile Apps

Difference Between Apps Retained And Discarded

The difference between an app that is retained or discarded lies in its capability to maintain quality.

The first half of the quality equation is the content of an app. Digital content must be meaningful and ...

Hello Samertaha , as you are new to this ..i will shortly explain you the meaning of UX/UI.
UX and UI design are two different elements of a single consumer experience. UX refers to the user experience, which focuses on how something works and how people interact with it. UI, or user interface, focuses on the look and layout. ... A UI designer ensures each page visually communicates that path.

UX design refers to user experience design, while UI design stands for user interface design. Both of these are crucial to an IT product and need to work closely together.
Despite being very integral to each other, the roles themselves are quite different, involving distinct processes.
UI Design stands for User Interface Design. Both elements are crucial to a product and work closely together.
to know more about this please visit
(https://en.wikipedia.org/wiki/User_experience_design)
(https://careerfoundry.com/en/blog/ux-design/the-difference-between-ux-and-ui-design-a-laymans-guide/)
(https://www.zapbuild.com/bitsntricks/boost-your-marketing-campaigns-with-ux-design-principles/)

Minimalism is all about clean lines, empty spaces, plain colors and patterns, the ridding of clutter, the clearing of surfaces and the simplicity of having only what is necessary.
Maximalism, while being completely the opposite to the minimalist style, isn’t necessarily about clutter or excess.

As you are a begginer you first need to know what HTML is and what is stand for :

HTML stands for Hyper Text Markup Language, is actually used to create the webpage and the content that it has, like the images and writing.

For more i'm suggesting you following site which awesomely describes entire flow of web design, what HTML is and how to use it in web design.

https://www.instructables.com/id/Web-Designing-Basics-HTML-and-CSS/

Hello here is the code you needed:

HTML:

    <div id="container">
        <div id="leftSide">
        </div>
        <div id="rightSide">
                  <div id="circle">
        </div>
        </div>
    </div>

CSS:

#container{
    width: 600px;
    float: left;
    padding: 0;
    margin: 0 auto;
    position:relative;
}

#leftSide{
    width: 300px;
    height: 300px;
    float:left;
    background-color: blue;   
}

#rightSide{
    width: 300px;
    height: 300px;
    float:left;
    background-color: red;
}

#circle{
    width: 100px;
    height: 100px;
    background-color: black;
    position:absolute;
    border-radius:50%;
    left:0;
    top:0;
    bottom:0;
    right:0;
    margin:auto;    
}

Hello Guys... This is Upender.
I am a Graphics/Webdesigner with 7yrs experience in this field. I am new here and happy to contribute my experience with you.

You can do it a couple of ways. What exactly do you need? Should it fit the whole website or what? :)

Dani 1,760

I just want to mention though, that while it may have gone this way, I was not meaning for it to be a thread about DaniWeb feedback. I was actually looking for feedback from other publications.

Dani 1,760

Newbies already get a warning message when attempting to post in threads that have been inactive for a long time. The thing is, I am against blatantly disallowing it because I do believe that sometimes it can be helpful. If someone stumbles across a thread from a Google search and has an answer that has not yet been posted, that could be useful to people in the future.

It would be really nice for your work if you would learn HTML and CSS system. It would help you to understand the front-end developers work. If you want to learn html and css in combination with a design, you can look through web site builders (Wix, Weebly,Mobirise and so on). Usually, they have something like Code Editor. You can change the code just withing the app and see the manupulation with the design layout. It helped me a lot.

How about splitting the black blot in two horizontally and aligning the top half to the bottom of the top div and the bottoom half to the top of the bottom div?

RE: Old posts - how about a scheduled job that runs once a day (or week or whatever) that automatically closes threads that have been inactive for more than a year? Perhaps if someone tried to post in a closed thread they could get a dialog that says something like

This thread has been inactive since . Would you like to start a new thread with a backlink to this thread?

It might also include an explanation as to why a response is likely not needed.

infinite scrolling on articles

I tend to stay on a site longer with this feature. I like to finish things and "end of page" is sort of like a finish point. With infinite scrolling there is no logical stopping point so I just keep reading. Same thing with books. I like to read to the end of a chapter before stopping.

I have looked at the related topics and came to the same conclusion that it's a nice idea but looks to not be something I'd want in a next button to take me there. Since it must pull from what is in the data collection that exists, old and new threads would be presented. That's OK from a programming standpoint since old solutions can still work today. What new members don't get is replying to many year old inactive threads usually gets them silence or static. Too bad such posts are not locked when inactive for say years. How many years? Pick a number but 5 years seems long enough.

To be honest I hardly look at the releated topics, but they're not there for me I suppose :)
Looking at them now, I see thread titles that are not related at all to the topic of this very thread, but this is perhaps because there's no related topic and the algorithm just show some random threads.
I also see threads in there from many, many and many years ago... pretty much dead threads, so this could be the reason that peaople are still replying to them, while the OP has moved on already a looooooong time ago.

Dani 1,760

A lot of forums and blogs have links at the bottom of the article to jump to the Previous Post or the Next Post, by way of various forum and blog system PrevNext plugins. More recently, Q&A platforms have been shifting to show a sidebar listing of other similar questions asked. DaniWeb goes this route.

I was wondering if anyone out there has found either of these methods very helpful? What is the likelihood that, when stumbling across a question or topic as a result of a Google search, that you would have an interest in the question that just so happened to have been asked before or after?

I understand that the goal here is to increase time on site and user retention, but surely there are some better ways of going about achieving that. You know, ways that actually take the user's tastes or interests into consideration. Or, perhaps, I'm just way too much about data mining.

I guess the benefits are not so much for a Q&A site, but more for a discussion forum about a topic where there might be interest in browsing one topic after the next. What about going the route of infinite scrolling if that's the case?

Out of curiosity, what do the interwebs here think about news sites that do infinite scrolling on articles, such that you click on one article, and just keep scrolling infinitely down seeing one article after the next?

A problem that we definitely suffer from here at ...

Dani 1,760

It depends who your target audience is. Each one gives the end user a different user experience, may evoke different emotions, and may subconsciously influence how the end user perceives and uses your site.

On a platform being used to accomplish business goals, I would argue that less is more, because people just need to use the platform to get the job done as quickly and efficiently as possible.

On a consumer focused web magazine, on the other hand, sometimes it can be a good idea to get the end user excited and absorbed in.

Just remember not to give the end user too many places to go or they’ll become overwhelmed. Never more than 3 calls to action at a time.

Maybe you would find the answer here: https://css-tricks.com/sticky-smooth-active-nav/
Why do you need tu suffer? Try to use another builder, where it works automatically WordPress, Mobirise, Wix.

rproffitt commented: Watch out for falling rocks (old threads.) -3
gentlemedia commented: old & dead thread! -1

Found this isssue, was from my litespeed cache plugin/wordpress: "Load CSS Asynchronously" (Optimize CSS delivery. This can improve your speed score in services like Pingdom, GTmetrix and PageSpeed.) API: Elements with attribute data-no-async="1" in html code will be excluded.

This topic can be closed, sorry for the inconvenience!

Hello guys, recently i've update my website to php7.0, I'm runing some low minify CSS and JS. I encounter some css problems in Firefox & Internet Explorer with the all UI.
Any idea what causes this problem and how can be solve it please? With Chrome broswer works perfectly. Cheers, really appreciate ur help.

The website its: https://optimac.ro/

What according to you is the best way to get noticed and get stuck in people’s mind? Is less really more or is big, loud and busy the way to leave your impression on people’s mind? Discover it yourself by exploring the beauty of the two extremes of web designing - Minimalism and Maximalism.

For the half screen layout (product-page)
I guess its:

.column-1_3, .column-2_6, .column-3_9, .column-4_12 {
    /* width: 33.33333333%; */

But i have no idea where and what should i do.

hello daniweb community, I encounter a problem at my website with a wordpress + woocomerce platform, I've done an woocomerce update and unfortunately something happened with the CSS on the single product page.

This is my website:
https://optimac.ro/categorie-produs/ochelari-de-vedere/barbati/ (this is category) Works perfectly.
https://optimac.ro/produs/aboriginal-4930a/ (Single product) Very bad CSS. (half screen view)

I beg you, if anyone knows what caused this problem and how can be solved, I would appreciate if can someone can help me with some ideas how to fix this issue. Cheers

edit: one more thing, this website was made by someone else, and someone he hide the "Ad to cart" button, i cant find the code line at all.