industryterm:web designers

  • #ai is Having a Big Impact on Web Design, and it’s Only the Beginning

    Photo: Production Perig / Adobe StockBack in 1993, the introduction of the Mosaic graphical web browser touched off a revolution in the way the public experienced and used the growing internet. Ever since, web designers the world over have worked continuously to establish and refine what solid #ux design means online. Some of the evolutions have been the result of advancing technology, such as the rise of broadband internet enabling multimedia content, or the development of the HTML5 standard. Others have come from data-driven studies of what works and what doesn’t and an iterative process to reach perfection.Any way you look at it, however, the field of web design has spent the last 25 years growing and changing our collective vision of what the internet can and should look like. Now, (...)

    #ux-design #artificial-intelligence #web-design

  • 20 Best Free HTML5, #css3, Bootstrap Landing Page Templates in 2018

    Website template is the best solution for site building. Here are 20 Best Free Bootstrap landing page templates in 2018 for creative and powerful website building.Your landing page is fundamental in persuading new visitors to take certain actions when visiting your site. Whether it be having users sign up, register, or even buy your product or service, designing an excellent landing page will help you realise this goal.But how do you quickly build a quality landing page? Using a powerful and flexible landing page template may be your best choice. Most HTML5, Bootstrap, and CSS3 templates include features that can help you effortlessly create a page. In addition, web designers and developers readily share free responsive landing page templates on the Internet for you to use. Mockplus (...)

    #html #bootcamp #css #web-development

  • 12 Best Free Html5 Contact Form & Contact Us Page Templates in 2018

    A contact page is the best way for #website visitors to contact you. Here are 12 of the best free HTML5 contact form & contact us page templates and examples in 2018.More and more people do business online. A website is one of the best ways to display your products or brand. Giving your visitors the ability to contact you easily through a contact page is important to good customer service — web designers must pay attention to contact page #design. The contact page is the best way for a visitor to reach out to you.But how to design a nice contact us page that make it easier for website visitors to contact you? Here, I’ve provided 12 of the best free HTML5 contact form & contact us page templates in 2018 for your inspiration.8 Best Free Responsive HTML5 Contact Form & Contact Us (...)

    #website-design #web-design #web-development

  • Syncope

    Super efficace pour définir des réglages typos de base (taille, interlettrage, longueur de ligne), permet aussi de caler un rythme vertical régulier entre titre, inters et paragraphes. Moins complexe que d’autres outils mais c’est aussi bien.

    Syncope is a WYSIWYG tool that helps web designers and developers chose the optimal vertical rhythm of the typography for their web pages.

    Basically, it’s a set of tools which adjust the rhythm and output the styles in a preferred, production–friendly format. It is also a lot of fun to play with! In fact, if it weren’t for that, this tool wouldn’t have seen the light of day.

    #typographie #webdev

  • Resilient Web Design

    temps de lecture - 1 heure

    The World Wide Web has been around for long enough now that we can begin to evaluate the twists and turns of its evolution. I wrote this book to highlight some of the approaches to web design that have proven to be resilient. I didn’t do this purely out of historical interest (although I am fascinated by the already rich history of our young industry). In learning from the past, I believe we can better prepare for the future.

    You won’t find any code in here to help you build better websites. But you will find ideas and approaches. Ideas are more resilient than code. I’ve tried to combine the most resilient ideas from the history of web design into an approach for building the websites of the future.


    Java is to JavaScript as ham is to hamster.

    C’est marrant. Mais il y a des informations sérieuses aussi.

    The rise of JavaScript was boosted in 2005 with the publication of an article entitled Ajax: A New Approach to Web Applications by Jesse James Garrett. The article put a name to a technique that was gaining popularity. Using a specific subset of JavaScript, it was possible for a web browser to send and receive data from a web server without refreshing the whole page. The result was a smoother user experience.

    The term Ajax was coined at the same time that another neologism was in the ascendent. Tim O’Reilly used the phrase Web 2.0 to describe a new wave of web products and services. Unlike Ajax, it was difficult to pin down a definition of Web 2.0. For business people, it meant new business models. For graphic designers, it meant rounded corners and gradients. For developers, it meant JavaScript and Ajax.

    ... puis ...

    Stuart Langridge put together a list of all the potential points of failure under the title Everyone has JavaScript, right?
    This doesn’t mean that web designers shouldn’t use JavaScript. But it does mean that web designers shouldn’t rely on JavaScript when a simpler solution exists.
    ...A platform provides a controlled runtime environment for software. As long as the user has that runtime environment, you can be confident that they will get exactly what you’ve designed. If you build an iOS app and someone has an iOS device, you know that they will get 100% of your software. But if you build an iOS app and someone has an Android device, they will get 0% of your software. You can’t install an iOS app on an Android device. It’s all or nothing.

    The web isn’t as binary as that. If you build something using web technologies, and someone visits with a web browser, you can’t be sure how many of the web technologies will be supported. It probably won’t be 100%. But it’s also unlikely to be 0%. Some people will visit with iOS devices. Others will visit with Android devices. Some people will get 80% or 90% of what you’ve designed. Others will get just 20%, 30%, or 50%. The web isn’t a platform. It’s a continuum.


    To paraphrase Karl Marx, progressive enhancement allows designers to ask from each browser according to its ability, and to deliver to each device according to its needs.


    Feature detection, cutting the mustard, whatever you want to call it, is a fairly straightforward technique. Let’s say you want to traverse the DOM using querySelector and attach events to some nodes in the document using addEventListener. Your mustard‐cutting logic might look something like this:

    if (document.querySelector && window.addEventListener) {
    // Enhance!
    There are two points to note here:

    This is feature detection, not browser detection. Instead of asking “which browser are you?” and trying to infer feature support from the answer, it is safer to simply ask “do you support this feature?”
    There is no else statement.


    As Brad Frost puts it:
    “There is a difference between support and optimization.”
    Support every browser ...but optimise for none.


    “Always design a thing by considering it in its next larger context”
    Here’s a three‐step approach I take to web design:

    – Identify core functionality.
    – Make that functionality available using the simplest possible technology.
    – Enhance!


    Building resilient websites is challenging. It takes time to apply functionality and features in a considered layered way. The payoff is a website that can better react to unexpected circumstances—unusual browsers, flaky network connections, outdated devices. Nonetheless, for many web designers, the cost in time seems to be too high.


    Behaviour change is hard. Even if you are convinced of the benefits of a resilient approach to web design, you may find yourself struggling to convince your colleagues, your boss, or your clients. It was ever thus. Take comfort from the history of web standards and responsive design. Those approaches were eventually adopted by people who were initially resistant.

    Demonstrating the benefits of progressive enhancement can be tricky. Because the payoff happens in unexpected circumstances, the layered approach is hard to sell. Most people will never even know whether or not a site has been built in a resilient way. It’s a hidden mark of quality that will go unnoticed by people with modern browsers on new devices with fast network connections.

    For that same reason, you can start to implement this layered approach without having to convince your colleagues, your boss, or your clients. If they don’t care, then they also won’t notice. As Grace Hopper also said, “it’s easier to ask forgiveness than it is to get permission.”


    Realising that it was impossible to be future‐proof, we instead resolved to be future-friendly:

    Acknowledge and embrace unpredictability.
    Think and behave in a future-friendly way.
    Help others do the same.
    That first step is the most important: acknowledging and embracing unpredictability. That is the driving force behind resilient web design. The best way to be future-friendly is to be backwards‐compatible.


    The future, like the web, is unknown.

    The future, like the web, will be written by you.

    #internet #www

  • Lessons in Scalable Product #design

    Consistency in design is paramount to delivering a good user experience. Two key reasons for implementing the principle of consistency are to reduce learning and eliminate confusion for the end user. We can all agree it matters for the end user, but it also matters when you work with a team of web designers or engineers all working on the same product.At POWr, a company that focuses on building apps, the problem of scalable and consistent design became apparent early on when our app library quickly grew to over 50 different apps. The problem started internally, with designs turning out differently depending on the engineer who worked on them. Without standardized design or documentation, engineers and designers looked at the product subjectively. This led to fragmented design and a (...)

    #mobile #branding

  • #javascript No More

    By relieving the brain of all unnecessary work, a good notation sets it free to concentrate on more advanced problems, and in effect increases… mental power — Alfred North WhiteheadProgramming languages are for people — not computers. Computers don’t need any #programming #language other than machine code. Good programming languages help make problems easier for people to reason about. This is important because writing code is not just about solving problems. It’s also fundamentally about how you think, communicate, and comprehend.On the web today, we have one, dominant language: JavaScript. JavaScript was created because Marc Andreessen, “believed that HTML needed a ‘glue language’ that was easy to use by Web designers and part-time programmers to assemble components such as images and (...)

    #javascript-no-more #frontend

  • How to Boost #conversion Rate with Web #design?

    The human attention span is mere 8 seconds, less than that of a goldfish i.e. 9 seconds. So, the fact is you have a very few seconds to convince the visitors to stay on your website. And if you miss that chance, they will leave the page and move to another website.Here a proper web design plays a key role to grab the attention of the visitors and not only that but also converting the visitor into customers.Top web development companies and web designers already know the secret of increasing conversion rate with the design and in few moments even you’ll know it. The following are the 10 web design tips and principles that will help you to boost your conversion rate.1. Make Your Web Design ResponsiveUsers are 5X times more likely to abandon the task they are trying to complete if the site (...)

    #internet #conversion-rate #web-design

  • The NIC Global Trends Main Report
    Là c’est gratuit, la traduction allemande vient de sortir pour ca. € 25,00

    This version, the sixth in the series, is titled, “Global Trends: The Paradox of Progress,” and we are proud of it. It may look like a report, but it is really an invitation, an invitation to discuss, debate and inquire further about how the future could unfold. Certainly, we do not pretend to have the definitive “answer.”

    Long-term thinking is critical to framing strategy. The Global Trends series pushes us to reexamine key assumptions, expectations, and uncertainties about the future. In a very messy and interconnected world, a longer perspective requires us to ask hard questions about which issues and choices will be most consequential in the decades ahead–even if they don’t necessarily generate the biggest headlines. A longer view also is essential because issues like terrorism, cyberattacks, biotechnology, and climate change invoke high stakes and will require sustained collaboration to address.

    Peering into the future can be scary and surely is humbling. Events unfold in complex ways for which our brains are not naturally wired. Economic, political, social, technological, and cultural forces collide in dizzying ways, so we can be led to confuse recent, dramatic events with the more important ones. It is tempting, and usually fair, to assume people act “rationally,” but leaders, groups, mobs, and masses can behave very differently—and unexpectedly—under similar circumstances. For instance, we had known for decades how brittle most regimes in the Middle East were, yet some erupted in the Arab Spring in 2011 and others did not. Experience teaches us how much history unfolds through cycles and shifts, and still human nature commonly expects tomorrow to be pretty much like today—which is usually the safest bet on the future until it is not. I always remind myself that between Mr. Reagan’s “evil empire” speech and the demise of that empire, the Soviet Union, was only a scant decade, a relatively short time even in a human life.

    Grasping the future is also complicated by the assumptions we carry around in our heads, often without quite knowing we do. I have been struck recently by the “prosperity presumption” that runs deep in most Americans but is often hardly recognized. We assume that with prosperity come all good things—people are happier, more democratic and less likely to go to war with one another. Yet, then we confront a group like ISIL, which shares none of the presumption.

    Given these challenges to thinking about the future, we have engaged broadly and tried to stick to analytic basics rather than seizing any particular worldview. Two years ago, we started with exercises identifying key assumptions and uncertainties—the list of assumptions underlying US foreign policy was stunningly long, many of them half-buried. We conducted research and consulted with numerous experts in and outside the US Government to identify and test trends. We tested early themes and arguments on a blog. We visited more than 35 countries and one territory, soliciting ideas and feedback from over 2,500 people around the world from all walks of life. We developed multiple scenarios to imagine how key uncertainties might result in alternative futures. The NIC then compiled and refined the various streams into what you see here.

    This edition of Global Trends revolves around a core argument about how the changing nature of power is increasing stress both within countries and between countries, and bearing on vexing transnational issues. The main section lays out the key trends, explores their implications, and offers up three scenarios to help readers imagine how different choices and developments could play out in very different ways over the next several decades. Two annexes lay out more detail. The first lays out five-year forecasts for each region of the world. The second provides more context on the key global trends in train.

    The fact that the National Intelligence Council regularly publishes an unclassified assessment of the world surprises some people, but our intent is to encourage open and informed discussions about future risks and opportunities. Moreover, Global Trends is unclassified because those screens of secrets that dominate our daily work are not of much help in peering out beyond a year or two. What is a help is reaching out not just to experts and government officials but also to students, women’s groups, entrepreneurs, transparency advocates, and beyond.

    Many minds and hands made this project happen. The heavy lifting was done by the NIC’s Strategic Futures Group, directed by Dr. Suzanne Fry, with her very talented team: Rich Engel, Phyllis Berry, Heather Brown, Kenneth Dyer, Daniel Flynn, Geanetta Ford, Steven Grube, Terrence Markin, Nicholas Muto, Robert Odell, Rod Schoonover, Thomas Stork, and dozens of Deputy National Intelligence Officers. We recognize as well the thoughtful, careful review by NIC editors, as well as CIA’s extremely talented graphic and web designers and production team.

    Global Trends represents how the NIC is thinking about the future. It does not represent the official, coordinated view of the US Intelligence Community nor US policy. Longtime readers will note that this edition does not reference a year in the title (the previous edition was Global Trends 2030) because we think doing so conveys a false precision. For us, looking over the “long term” spans the next several decades, but we also have made room in this edition to explore the next five years to be more relevant in timeline for a new US administration.

    #USA #politique #impérialisme #CIA #NSA #stratégie

  • Responsive Design for Motion | WebKit

    WebKit now supports the prefers-reduced-motion media feature, part of CSS Media Queries Level 5, User Preferences. The feature can be used in a CSS @media block or through the window.matchMedia() interface in JavaScript. Web designers and developers can use this feature to serve alternate animations that avoid motion sickness triggers experienced by some site visitors.

    To explain who this media feature is for, and how it’s intended to work, we’ll cover some background. Skip directly to the code samples or prefers-reduced-motion demo if you wish.

  • How We Engineered CMS Airship to be Simply Secure - Paragon Initiative Enterprises Blog

    CMS Airship is a Free Software content management system (available on Github) that we introduced to the world last year.

    We chose to build CMS Airship for two reasons:

    The population of online publishers that need a content management system significantly dwarfs the population of web designers or software developers.
    The existing content management systems offered inadequate security and neglected to cultivate a culture that promotes better security practices. (Often, they sacrifice security entirely in pursuit of adoption and market share.)
    Although we have tried for years (and will continue to try) to improve the security posture of other open source CMS platforms, we believe that truly democracised publishing is only possible if a secure-by-default option is available today.

    #sécurité_informatique #idée_pour_spip

    • CMS Airship is the only open source CMS in the PHP ecosystem that offers cryptographically secure automatic updates.

  • Responsive Web Design with Daniel Mall

    How do Modern web designers need to approach creating responsive web sites? Working within a new framework that includes planning, inventories, sketching to assembling to move past “visual comps” as the only output of this process. Interface inventories, performance budgets, prototypes, and element collages are all discussed by Daniel Mall in a real world project context to help define what approaches, tools and strategies web designers can use to create for the modern web.


  • Type Quest

    Type Quest is designed to help educate graphic designers and web designers understand the power of OpenType in Webfonts while giving insightful information from current professionals in the industry! The topics include what you should keep in mind when using webfonts, supported browsers, and hinting. Discover the power of OpenType Webfonts and learn the finer coding details to implement classic typographic details.

    #typo #webdesign

  • A Comparison of Methods for Building #Mobile-Optimized Websites

    Google advocates creating responsive web designs, while Jakob Nielsen, a renowned usability consultant, endorses the creation of dedicated mobile sites (but he was subsequently slammed by some web designers).

    A third option is also gaining in popularity, where the web server renders the appropriate HTML and CSS from the same URL depending on the device a web page on the site is being requested from (which has been referred to as responsive design + server side components).

  • Coding Q&A With Chris Coyier: Responsive Sprites And Media Query Efficiency | Smashing Coding

    This is a hot topic lately because of the rise in “retina” displays. But really, this problem has been building up for a while. Us Web designers often work in “pixels”, for instance, setting the width of an image: img { width: 100px; }. But what is 100px? It’s been a long time since that literally referenced a pixel on the screen. These days it’s a rather arbitrary measurement. 100px ends up being around an inch on a physical screen, regardless of its resolution.

  • Adobe releases its first open source type family: Source Sans Pro

    Adobe took a step that will probably please many graphic and web designers, the firm decided to go ahead and create it’s first open source type family: Source Sans Pro. This is great news for open source typography, there are many free fonts, even good quality ones, but not enough families of type.

    For its release, Source Sans Pro get six weights and support for Latin scripts (this includes Eastern Europe languages, Vietnamese or Pinyin).


  • Why front-end developers are so important to the future of businesses on the web «

    The roles of web developers and web designers have been around for over 15 years now, and the role of a client-side or front-end web developer started to mature into a distinct entity around 10 years ago, as the content-presentation-behaviour layer paradigm became embedded in people’s working methodologies [...]. Unfortunately the perception of the front-end developer’s role remains somewhat coloured by an early association in observers’ minds with the other, loosely related role of the web designer. The role of web designer is an extremely important and valid one, but it is very different to that of the web developer, and the lack of a clear distinction between the two, in some people’s perception, is unhelpful and does both roles an injustice.

    #web #developer #intégrateur #frontend

  • The Top 8 Placeholder Services for Web Designers | Nettuts+

    Well, when you’re working on a new website, isn’t it a waste of time to use stock images, cropped to the right dimensions? A placeholder service allows you to automatically use a random image at the desired dimensions with minimal effort.

    Pas certain que ce soit une bonne idée de faire tous mes prochains prototypes avec le SheenHolders, mais c’est bien tentant.