Skip to main content

Home/ Web Development, Design & Programming/ Group items tagged Layered

Rss Feed Group items tagged

Jochen Burkhard

Various client-server communication mechanisms in an Ajax-based web application - 0 views

  •  
    Summary:  A key part of any Asynchronous JavaScript and XML (Ajax)-based web application is the communication layer between the client and the server. To implement this layer, you need to understand the various communication mechanisms that browsers provide, as well as each mechanism's pros and cons. In this article, learn to make the correct match between the specific communication needs of an application and the appropriate mechanism. Detailed examples show you how to create a communication layer that can meet these different client-server communication needs.
htmlslicemate.com

Better than Photoshop Tutorials: 50 Free, Detailed PSDs with Open Layers (+ Tips) - 0 views

  •  
    Today we are going to look over the shoulders of quite a few professional designers. Using their original PSDs with open layers, we will be able to exactly reconstruct, what has been done and how. If you are like me, this way of learning by doing proves more effective than working through step-by-step tutorials. The following files come with lots of layers to be examined, as we are going to dissect a camera, a sports shoe, a cell phone and lots more. Have fun looking through the eyes of the most able Photoshop professionals. Before I forget: watch out for some layer-related Photoshop tips, I may have left for you throughout the collection…
itmarket24

Free Food Order Mobile App Template From ThemesFusion - 0 views

  •  
    Free Food Order Mobile App Template Free Food Order Mobile App Template is a high-quality premium pack, include screens Dark & Light Version you need for Free Food Order Mobile App project. Which contains ready-to-use full vector screens. You can edit, customize, the elements as you like in PSD, Figma or XD. if you choose our design give us feedback. Check them out!. Overview: responsive & Mobile friendly Vector, Well layered & Organized Free Google fonts 100% scalable Vectors Customizable Layers, Fonts & Colors Modern Design Free Icon vector Compatible with Photoshop, XD, Sketch & Pixel perfect
Saif Shuvo

Professional Web Design & Development Curriculum - 0 views

Lesson: 01 (Dreamweaver Basics & HTML) Introducing Dreamweaver, Elements, Attributes, Table, List, Forms, Formatting, Styles, Image, Hyperlinks. Head, Meta, Scripts, Layout, Fonts, URL- encode ...

webdesign web development

started by Saif Shuvo on 07 Jan 17 no follow-up yet
shahzaibqureshi

Anime Studio Pro 11.2 Crack and Serial key Free Download - 0 views

  •  
    Anime Studio Pro 11.2 is provided efficient alternative to traditional animation with Normalize Layer Scale, Timeline Enhancements and Styles Enhancements.
Raja uk

Burst Engine | Vector anior animation engine - 0 views

  •  
    The Burst Engine is an OpenSource vector animation engine for the HTML5 Canvas Element. Burst provides similar web functionality to Flash and contains a layer based animation system like After Effects.
webcluesinfotech

Essential Tips to Revolutionize Your Mobile Apps UI Like a Pro - 0 views

  •  
    Material design is acknowledged by Google. It's layers and orientation add effective simplicity in your mobile apps UI. It ads natural tone to the elements of a mobile app and provides easy navigation that results into higher engagement.
janereyes

UI And UX Work Closely Together - 0 views

  •  
    UI And UX design company - eTatvaSoft defines layer between user interface and user experience from their roles and design disciplines
magecompinc

Why Your SSL Certificate is More Important than You Think in 2021? - 0 views

  •  
    SSL certificate is a protective layer for your website and it ensures that all the sensitive data of your site's visitors that exchanged between a web server and a web browser is secured. In this article, I will explain to you Why Your SSL Certificate is More Important than You Think in 2021?
Ashley Wilson

Business Transformation Through Backend Technology - 0 views

  •  
    Looking for the best backend development company, We provide a complete range of backend development services, from building custom backend layers to enabling cloud integration, in order to help enterprises, lead in the digital age.
Ashley Wilson

What is Machine Learning Operationalization? - 0 views

  •  
    Think of architecture as an abstraction layer between your initiative and your production. The architecture feeds data from your models into the upline software designed to store and run your models
ecfdata

Managed Security Services | Managed Security Services Provider (MSSP) - 0 views

  •  
    Elevate Your Digital Defense with ECF Data's Managed Cyber Security Services In an era where digital threats are ever-evolving, ECF Data stands as your dedicated guardian, offering a suite of cutting-edge Managed Cyber Security Services. Our commitment is to fortify your business against potential cyber risks, ensuring the integrity and confidentiality of your digital assets. Our comprehensive approach begins with 24/7 monitoring and advanced threat detection, providing real-time insights into potential vulnerabilities. ECF Data's team of experts is poised to deliver proactive incident response, swiftly neutralizing threats and minimizing any potential impact on your operations. Navigating the complex landscape of regulatory compliance is made seamless with our services, ensuring that your business adheres to the latest cybersecurity standards. Our tailored risk management solutions are designed to meet the unique needs of your enterprise, providing a layered defense strategy against cyber adversaries. At ECF Data, we understand the importance of uninterrupted business operations. Our Managed Cyber Security Services are crafted to not only protect your digital frontier but also empower your business to thrive securely in the digital landscape. Contact us today at info@ecfdata.com or visit [www.ecfdata.com] to embark on a journey towards a resilient and secure digital future.
GoMage GoMage

Long-awaited release of Advanced Navigation version 4.1 - 0 views

  •  
    We are in a hurry to introduce you a revolutionary version 4.1 of Advanced Navigation extension, which is full of only with advantages: - Now extension works faster! JavaScript runs about 20% faster; - SEO optimization: Preventing Google from indexing the pages! - Added ability to display two "Shop By" blocks; - Added ability to choose the next/previous product or return from the product page without additional pages; - Added ability to set up the ranges for price; - Added ability to set up the attribute location; - Added ability to show currency in slider; - Ability to change the buttons text and color; - Improved ability of using Advanced Navigation and SOLR; - Added ability to use "Show Next 20" options for attribute; - And others.
Brian R

Best Web Design Tools For Creating a Complete Website - 0 views

  • Web Design Tools are always handy to a web designer and coder, with tons of features, fantastic UI, these tools provide best results if used wisely. Every tool has its pros and cons, you have to choose which suits your needs, investment planning and the OS you are using.
  • Some of these are not cross platform and some are free, yes totally free design tools. But this list is not completed and can never be completed, without your input. With emerging trends of online apps some of the software are not needed to be installed on your computer. I hope you will like the collection for a start and I will be adding more and more web design tools which designer and developers use in day to day life. So stay connected and bookmark this post for future reference.
  • Photoshop : Adobe Photoshop is a very popular commercial graphics editor available for the Mac and Windows operating system. Created for professional photographers and designers, it is the ideal application for manipulating images and creating web graphics. Photoshop has all the necessary tools and options you need such as: Filters – which automatically adds effects to your image or a selected section of your image, extensibility and automation with Brushes, Actions and Scripting, and workflow enhancement features like Layer Comps and the Revert  option. Fireworks : Adobe® Fireworks® CS5 software enables you to create expressive, highly optimized graphics for the web or virtually any device — from smartphones to kiosks to embedded displays. Produce websites, user interfaces, and rich prototypes that are editable in both vector and bitmap modes.
Soul Book

The Incredible Em & Elastic Layouts with CSS - 0 views

  • Elastic design uses em values for all elements. Ems are a relative size, written like this: 1em, 0.5em, 1.5em etc. Ems can be specified to three decimal places like so: 1.063em. “Relative” means: They are calculated based on the font size of the parent element. E.g. If a <div> has a computed font size of 16px then any element inside that layer —a child— inherits the same font size unless it is changed. If the child font size is changed to 0.75em then the computed size would be 0.75 × 16px = 12px. If the user increases (or decreases) text size in their browser, the whole interface stretches (or shrinks.)
  • All popular browsers have a default font size of 16px. Therefore, at the default browser setting, 1em = 16px.
  • The <body> inherits it unless styled otherwise using CSS. Therefore 1em = 16px, 0.5em = 8px, 10em = 160px and so on. We can now specify any element size we need to using ems!
  • ...9 more annotations...
  • However, (gasp) IE has a problem with ems. Resizing text from medium (default) to large in IE5/6 would lead to a huge increase in font size rather than the gradual one expected. So another selector is needed to get IE to behave: html{ font-size:100%; }
  • Let’s give our <body> some more style, and center everything in the viewport (this will be important later for our content wrapper.) Our initial CSS ends up like this: html{ font-size: 100%; } body{ font-size: 1em; font-family: georgia, serif; text-align: center; color: #444; background: #e6e6e6; padding: 0; margin: 0; }
  • 1 ÷ 16 × 740 = 46.25em (1 ÷ parent font-size × required pixel value = em value)
  • While we're here, we might as well add some typographic goodness by selecting a basic leading and adding some vertical rhythm, with everything expressed in ems.
  • Set a 12px font size with 18px line height and margin for paragraphs
  • Dividing the desired line height (18px) by the element font size (12px) gives us the em value for line height. In this example, the line height is 1 and a half times the font size: 1.5em. Add line height and margin properties to the CSS: p{ font-size: 0.750em; line-height: 1.5em; margin: 1.5em; } Now the browser will say to itself, “Oh, line height and margin is set to 1.5em, so that should be 1.5 times the font size. What’s the font size, again? 12px? OK, cool, make line height and margin 1.5 times that, so 18px.”
  • To retain our vertical rhythm we want to set an 18px line height and margin. Easy: If the font size is 18px then 18px in ems is 1em! Let’s add the properties to the CSS (and make the font weight light:) h1{ font-size: 1.125em; line-height: 1em; margin: 1em; font-weight: 300; }
  • Jon, good article and very useful chartm but your text sizing method has one major drawback. If elements with font-sizes set in em’s are nested, i.e with lists, these elements inherit the font size. Therefore each child element will be 0.75em (or 75%) of the previous one: See an example here. (Would have posted the code put it was coming out really ugly!) I would recommend against using that method and setting the global font size in the body tag i.e. 'font-size:75%' for 12px. Then only setting different font-sizes where necessary.
  • Thanks Will, interesting point, but that is solved with a simple font-size:1em on the first child. Retaining the default ensures that even images are sized correctly in ems. IE (surprise) will compute incorrectly against a parent length equivalent to 12px. My preference born out by some minor but painful computed size errors in complex layouts is not to adjust the body, and only set font size where necessary for specific elements.
  •  
    A nice and simple explanation of using EMs to make elastic layouts
1 - 20 of 26 Next ›
Showing 20 items per page