nc Reconciling human needs and conserving biodiversity: large landscapes as a new conservation paradigm: The Lake Tumba, Democratic Republic of Congo / Bila-Isia Inogwabini By library.mit.edu Published On :: Sun, 29 Mar 2020 07:25:05 EDT Online Resource Full Article
nc Neptune's laboratory: fantasy, fear, and science at sea / Antony Adler By library.mit.edu Published On :: Sun, 29 Mar 2020 07:25:05 EDT Dewey Library - GC57.A325 2019 Full Article
nc Collaborative research in fisheries: co-creating knowledge for fisheries governance in Europe / Petter Holm, Maria Hadjimichael, Sebastian Linke, Steven Mackinson, editors By library.mit.edu Published On :: Sun, 12 Apr 2020 09:09:06 EDT Online Resource Full Article
nc Latin American dendroecology: combining tree-ring sciences and ecology in a megadiverse territory / Marín Pompa-García, J. Julio Camarero, editors By library.mit.edu Published On :: Sun, 19 Apr 2020 09:34:46 EDT Online Resource Full Article
nc Cultivating nature: The Conservation of a Valencian Working Landscape / Sarah R. Hamilton By library.mit.edu Published On :: Sun, 26 Apr 2020 08:31:05 EDT Dewey Library - QH77.S7 H36 2018 Full Article
nc Mixed plantations of eucalyptus and leguminous trees: soil, microbiology and ecosystem services / Elke Jurandy Bran Nogueira Cardoso, José Leonardo de Moraes Gonçalves, Fabiano de Carvalho Balieiro, Avílio Antônio Franco, editors By library.mit.edu Published On :: Sun, 26 Apr 2020 08:31:05 EDT Online Resource Full Article
nc The Relation Between Large-Scale Land Acquisitions and Rural Households: Evidence from Ethiopia and Tanzania / Giulia Barbanente By library.mit.edu Published On :: Sun, 3 May 2020 09:41:51 EDT Online Resource Full Article
nc Viscoelastic interfaces comprising of cellulose nanocrystals and lauroyl ethyl arginate for enhanced foam stability By feeds.rsc.org Published On :: Soft Matter, 2020, 16,3981-3990DOI: 10.1039/C9SM02392E, PaperAgnieszka Czakaj, Aadithya Kannan, Agnieszka Wiśniewska, Gabriela Grześ, Marcel Krzan, Piotr Warszyński, Gerald G. FullerAt submillimolar concentrations of lauroyl ethyl arginate, cellulose nanocrystals aggregate and form elongated fibres. This interfacial assembly efficiently stabilises foams.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
nc Template-based fabrication of spatially organized 3D bioactive constructs using magnetic low-concentration gelation methacrylate (GelMA) microfibers By feeds.rsc.org Published On :: Soft Matter, 2020, 16,3902-3913DOI: 10.1039/C9SM01945F, PaperTao Sun, Yibing Yao, Qing Shi, Huaping Wang, Paolo Dario, Junzhong Sun, Qiang Huang, Toshio FukudaA new template-based method to apply low-concentration GelMA microfibers as building blocks for higher-order cellular assembly.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
nc Rotation of a submerged finite cylinder moving down a soft incline By feeds.rsc.org Published On :: Soft Matter, 2020, 16,4000-4007DOI: 10.1039/C9SM02344E, PaperBaudouin Saintyves, Bhargav Rallabandi, Theo Jules, Jesse Ault, Thomas Salez, Clarissa Schönecker, Howard A. Stone, L. MahadevanA fluid-immersed solid cylinder moves along a soft incline and rotates at a rate that depends on its aspect ratio and the stiffness of the incline.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
nc Correction: Preparation of electrospray ALG/PDA–PVP nanocomposites and their application in cancer therapy By feeds.rsc.org Published On :: Soft Matter, 2020, 16,4074-4074DOI: 10.1039/D0SM90064H, Correction Open Access   This article is licensed under a Creative Commons Attribution 3.0 Unported Licence.Yangjie Xu, Jiulong Zhao, Zhilun Zhang, Jing Zhang, Mingxian Huang, Shige Wang, Pei XieThe content of this RSS Feed (c) The Royal Society of Chemistry Full Article
nc Uniform conductivity in stretchable silicones via multiphase inclusions By feeds.rsc.org Published On :: Soft Matter, 2020, Advance ArticleDOI: 10.1039/D0SM00383B, PaperR. Adam Bilodeau, Amir Mohammadi Nasab, Dylan S. Shah, Rebecca Kramer-BottiglioA thin, stretchable (200% linear strain), multiphase (solid–liquid) silicone composite with uniform electrical conductivity, for Joule heating and high-deformation sensing.To cite this article before page numbers are assigned, use the DOI form of citation above.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
nc Marangoni puffs: dramatically enhanced dissolution of droplets with an entrapped bubble By feeds.rsc.org Published On :: Soft Matter, 2020, Advance ArticleDOI: 10.1039/D0SM00093K, PaperJosé M. Encarnación Escobar, Jaap Nieland, Arie van Houselt, Xuehua Zhang, Detlef LohseWe present a curious effect observed during the dissolution process of water-immersed long-chain alcohol drops with an entrapped bubble. When the drop-water interface and the air bubble contact each other, a rapid cyclic motion that accelerates the drop's dissolution is found. We name this eye-catching phenomenon puffing.To cite this article before page numbers are assigned, use the DOI form of citation above.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
nc Self similarity of liquid droplet coalescence in a quasi-2D free-standing liquid-crystal film By feeds.rsc.org Published On :: Soft Matter, 2020, Advance ArticleDOI: 10.1039/D0SM00457J, PaperChristoph Klopp, Torsten Trittel, Ralf StannariusFlat droplets coalescing on smectic free-standing films show self-similar dynamics.To cite this article before page numbers are assigned, use the DOI form of citation above.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
nc Liposomal adhesion via electrostatic interactions and osmotic deflation increase membrane tension and lipid diffusion coefficient By feeds.rsc.org Published On :: Soft Matter, 2020, Advance ArticleDOI: 10.1039/D0SM00416B, PaperAtsushi Oda, Chiho Watanabe, Natsumi Aoki, Miho YanagisawaLiposome–liposome adhesion by electrostatic interactions and osmotic contraction increase membrane tension and the lipid diffusion coefficient compared to isolated liposomes.To cite this article before page numbers are assigned, use the DOI form of citation above.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
nc Investigating the Role of Carbon Nanotubes (CNTs) in Piezoelectric Performance of PVDF/KNN based Flexible Electrospun Nanogenerator By feeds.rsc.org Published On :: Soft Matter, 2020, Accepted ManuscriptDOI: 10.1039/D0SM00438C, PaperSatyaranjan Bairagi, Wazed AliIn the present study, the effect of varying concentrations of carbon nanotube (CNT) on the piezoelectric performance of poly (vinylidene fluoride) (PVDF)/potassium sodium niobate (KNN) based electrospun nanocomposite has been...The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
nc Developing Super Tough Gelatin-based Hydrogels by Incorporating Linear Poly(methacrylic Acid) to Facilitate Sacrificial Hydrogen Bonding By feeds.rsc.org Published On :: Soft Matter, 2020, Accepted ManuscriptDOI: 10.1039/D0SM00422G, CommunicationHui Jie Zhang, Li Ni Wang, Xuechuan Wang, Qingxin Han, Xiangyou YouMechanically robust protein-based hydrogels are strongly desired but their construction remains a significant challenge. In this work, gelatin, together with methacrylic acid, is used to construct a novel hydrogen-bonded hydrogel...The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
nc Coalescence of isotropic droplets in overheated free standing smectic films By feeds.rsc.org Published On :: Soft Matter, 2020, Advance ArticleDOI: 10.1039/C9SM02292A, PaperElena S. Pikina, Boris I. Ostrovskii, Sergey A. PikinA theoretical study of the interaction and coalescence of isotropic droplets in overheated free-standing smectic films (FSSF) is presented.To cite this article before page numbers are assigned, use the DOI form of citation above.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
nc On the pressure dependence of the thermodynamical scaling exponent γ By feeds.rsc.org Published On :: Soft Matter, 2020, Advance ArticleDOI: 10.1039/D0SM00254B, PaperR. Casalini, T. C. RansomIn materials with a constant scaling parameter γS, the Isomorph γI is found to vary with pressure, demonstrating γS ≠ γI.To cite this article before page numbers are assigned, use the DOI form of citation above.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
nc Effect of polar amino acid incorporation on Fmoc-diphenylalanine-based tetrapeptides By feeds.rsc.org Published On :: Soft Matter, 2020, Accepted ManuscriptDOI: 10.1039/D0SM00320D, PaperAlexandra Daryl Ariawan, Biyun Sun, Jonathan Pawel Wojciechowski, Ian Lin, Eric Y Du, Sophia C Goodchild, Charles Gordon Cranfield, Lars M Ittner, Pall Thordarson, Adam David MartinPeptide hydrogels show great promise as extracellular matrix mimics due to their tuneable, fibrous nature. Through incorporation of polar cationic, polar anionic or polar neutral amino acids into the Fmoc-diphenylalanine...The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
nc Effects of Eigen and Actual Frequencies of Soft Elastic Surfaces on droplet Rebound from Stationary Flexible Feather Vanes By feeds.rsc.org Published On :: Soft Matter, 2020, Accepted ManuscriptDOI: 10.1039/D0SM00315H, PaperChengchun Zhang, Zhengyang Wu, Chun Shen, Yihua Zheng, LIANG YANG, Yan Liu, Luquan RenThe aim of this paper is to investigate the effect of eigenfrequency and the actual frequency of the elastic surface for the droplet rebound. The elastic surface used in this...The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
nc Impact of Chiral Supramolecular Nanostructure on the Mechanical and Electrical Performances of Triphenylene-based discotic physical gels By feeds.rsc.org Published On :: Soft Matter, 2020, Accepted ManuscriptDOI: 10.1039/D0SM00152J, PaperHongli Zhang, Junjie Cheng, Qiang Zhou, Qijin Zhang, Gang ZouDiscotic π-conjugated supramolecular assemblies, especially with chiral supramolecular nanostructures, have been attracting growing research interests due to their significant optoelectronic properties and the possibilities of their applications in the new...The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
nc Simultaneous determination of interfacial molarities of an alcohol, bromide ion, and water during an alcohol induced microstructural transition: The difference between medium and long chain alcohols. By feeds.rsc.org Published On :: Soft Matter, 2020, Accepted ManuscriptDOI: 10.1039/D0SM00665C, PaperKaixin Yao, Lijie Sun, Xiaoxuan Ding, Yuzhao Wang, Tianze Liu, Changyao Liu, Jiajing Tan, Li Zhao, Baocai Xu, Laurence S. RomstedThe transitions between surfactant aggregate structures are triggered by changes in chemical or physical stimulations, including addition of additives. Effects of added alcohols on aggregate morphologies correlate strongly with alcohol...The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
nc Self-assembly of isomeric naphthalene appended glucono derivatives: nanofibers and nanotwists with circularly polarized luminescence emission By feeds.rsc.org Published On :: Soft Matter, 2020, 16,4115-4120DOI: 10.1039/C9SM02542A, PaperZongwen Liu, Yuqian Jiang, Jian Jiang, Donghua Zhai, Decai Wang, Minghua LiuTwo isomers of naphthalene derivatives are self-assembled into nanofibers and nanotwists with CPL emission, respectively.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
nc Lipid-core/polymer-shell hybrid nanoparticles: synthesis and characterization by fluorescence labeling and electrophoresis By feeds.rsc.org Published On :: Soft Matter, 2020, 16,4173-4181DOI: 10.1039/D0SM00077A, PaperSophie Bou, Xinyue Wang, Nicolas Anton, Redouane Bouchaala, Andrey S. Klymchenko, Mayeul CollotNew hybrid nanoparticles have been obtained by simple nanoprecipitation using fluorescent labeling of both the oily core (BODIPY) and the polymeric shell (rhodamine) thus allowing the use of electrophoresis to assess their formation and stability.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
nc High antisite defect concentrations in hard-sphere colloidal Laves phases By feeds.rsc.org Published On :: Soft Matter, 2020, 16,4155-4161DOI: 10.1039/D0SM00335B, Paper Open Access   This article is licensed under a Creative Commons Attribution 3.0 Unported Licence.Berend van der Meer, Frank Smallenburg, Marjolein Dijkstra, Laura FilionWe show that the equilibrium Laves phase in binary hard-sphere mixtures contains an extraordinarily high concentration of antisite defects: we find stable regions where up to 2% of the large-particle lattice sites are occupied by a small particle.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
nc A theory for the temperature effect on the chain length dependence of the diffusivity of oligomers By feeds.rsc.org Published On :: Soft Matter, 2020, 16,4283-4289DOI: 10.1039/C9SM02505G, PaperChi Pui Jeremy Wong, Phillip ChoiTemperature effect on the size dependence of the diffusivity of oligomers is explained by free volume theory.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
nc Filamentous and step-like behavior of gelling coarse fibrin networks revealed by high-frequency microrheology By feeds.rsc.org Published On :: Soft Matter, 2020, 16,4234-4242DOI: 10.1039/C9SM02228G, PaperPablo Domínguez-García, Giovanni Dietler, László Forró, Sylvia JeneyBy a micro-experimental methodology, we study the ongoing molecular process inside coarse fibrin networks by means of microrheology.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
nc Rapid characterization of neutral polymer brush with a conventional zetameter and a variable pinch of salt By feeds.rsc.org Published On :: Soft Matter, 2020, 16,4274-4282DOI: 10.1039/C9SM01850F, PaperMena Youssef, Alexandre Morin, Antoine Aubret, Stefano Sacanna, Jérémie PalacciWe take advantage of the nanoscopic nature of the Debye length and used it as a probe to characterize polymer brushes on colloidal particles.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
nc Structural characterization of fibrous synthetic hydrogels using fluorescence microscopy By feeds.rsc.org Published On :: Soft Matter, 2020, 16,4210-4219DOI: 10.1039/C9SM01828J, Paper Open Access   This article is licensed under a Creative Commons Attribution-NonCommercial 3.0 Unported Licence.Johannes Vandaele, Boris Louis, Kaizheng Liu, Rafael Camacho, Paul H. J. Kouwer, Susana RochaThe structural features of the matrix surrounding the cells play a crucial role in regulating their behavior.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
nc Protonated state and synergistic role of Nd3+ doped barium cerate perovskite for the enhancement of ionic pathways in novel sulfonated polyethersulfone for H2/O2 fuel cells By feeds.rsc.org Published On :: Soft Matter, 2020, 16,4220-4233DOI: 10.1039/D0SM00427H, PaperR. Gayathri, M. Ramesh Prabhu1.8 times higher current density and power density were obtained for a Nd3+ doped barium cerate membrane compared to pure SPES.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
nc Active noise experienced by a passive particle trapped in an active bath By feeds.rsc.org Published On :: Soft Matter, 2020, Advance ArticleDOI: 10.1039/D0SM00006J, PaperSimin Ye, Peng Liu, Fangfu Ye, Ke Chen, Mingcheng YangWe study the properties of active noise experienced by a passive particle harmonically trapped in an active bath. The active noise is shown to depend on the trap stiffness.To cite this article before page numbers are assigned, use the DOI form of citation above.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
nc Polypyrrole and polyaniline nanocomposites with high photothermal conversion efficiency By feeds.rsc.org Published On :: Soft Matter, 2020, Advance ArticleDOI: 10.1039/D0SM00306A, CommunicationLorena Ruiz-Pérez, Loris Rizzello, Jinping Wang, Nan Li, Giuseppe Battaglia, Yiwen PeiA simple and scalable synthetic approach to produce functional conducting polymer (CP) nanocomposites using the Fe-complexed PISA-prepared nanoparticles is demonstrated.To cite this article before page numbers are assigned, use the DOI form of citation above.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
nc Copper, Brass, and Bronze Surfaces: A Guide to Alloys, Finishes, Fabrication, and Maintenance in Architecture and Art By www.wiley.com Published On :: 2020-03-24T04:00:00Z A FULL-COLOR GUIDE FOR ARCHITECTS AND DESIGN PROFESSIONALS TO THE SELECTION AND APPLICATION OF COPPER, BRASS, AND BRONZECopper, Brass, and Bronze Surfaces, third in Zahner's Architectural Metals Series, provides a comprehensive and authoritative treatment of copper, brass, and bronze applications in architecture and art. If offers architecture and design professionals the information they need to ensure proper maintenance and fabrication techniques Read More... Full Article
nc Sports Fields: Design, Construction, and Maintenance, 3rd Edition By www.wiley.com Published On :: 2020-04-07T04:00:00Z THE UPDATED, AUTHORITATIVE GUIDE TO SPORTS FIELD MANAGEMENT THAT INCLUDES THE LATEST DEVELOPMENTS IN, AND ON, THE FIELDThe updated Third Edition of Sports Fields: Design, Construction, and Maintenance is a comprehensive reference for professionals who are responsible for the design, construction, renovation, and maintenance of athletic facilities. This book contains illustrative examples of specific design elements of the most popular sports facilities Read More... Full Article
nc Understanding and increasing digital readiness By www.cisco.com Published On :: Tue, 21 Jan 2020 08:00:00 PST The Cisco Digital Readiness Index was developed to holistically measure a countryâ€TMs level of digital readiness. More RSS Feed for Cisco: newsroom.cisco.com/rss-feeds ... Full Article Corporate Social Responsibility Digital Transformation
nc Inclusion and Diversity in an AI World By newsroom.cisco.com Published On :: Wed, 22 Jan 2020 04:00:00 PST Artificial intelligence can improve countless lives. But only if we get it right. More RSS Feed: newsroom.cisco.com/rss-feeds ... Full Article Artificial Intelligence
nc Coronavirus | Chennai-based ayurvedic pharmacist dies after drinking concoction of his own preparation By www.thehindu.com Published On :: Fri, 08 May 2020 20:01:12 +0530 Managing Director of the firm faints after tasting the chemical Full Article Tamil Nadu
nc VCK condemns move to increase retirement age of T.N. govt. staff By www.thehindu.com Published On :: Fri, 08 May 2020 20:48:10 +0530 Decision will lead to unemployment, says Thirumavalavan Full Article Tamil Nadu
nc Second train with migrant workers leaves for Ranchi By www.thehindu.com Published On :: Sat, 09 May 2020 05:22:35 +0530 The second Shramik special train with 1,131 passengers left Kadpadi junction for Ranchi on Friday at 7.40 p.m. The passengers were brought to the stat Full Article Tamil Nadu
nc [ASAP] Size, Ligand, and Defect-Dependent Electron–Phonon Coupling in Chalcogenide and Perovskite Nanocrystals and Its Impact on Luminescence Line Widths By dx.doi.org Published On :: Mon, 13 Apr 2020 04:00:00 GMT ACS PhotonicsDOI: 10.1021/acsphotonics.0c00034 Full Article
nc [ASAP] Hierarchical Plasmon Resonances in Fractal Structures By dx.doi.org Published On :: Tue, 14 Apr 2020 04:00:00 GMT ACS PhotonicsDOI: 10.1021/acsphotonics.0c00110 Full Article
nc [ASAP] Multifunctional Metasurface: Coplanar Embedded Design for Metalens and Nanoprinted Display By dx.doi.org Published On :: Thu, 23 Apr 2020 04:00:00 GMT ACS PhotonicsDOI: 10.1021/acsphotonics.9b01795 Full Article
nc [ASAP] Terahertz Spectroscopy of Gas Mixtures with Dual Quantum Cascade Laser Frequency Combs By dx.doi.org Published On :: Thu, 23 Apr 2020 04:00:00 GMT ACS PhotonicsDOI: 10.1021/acsphotonics.9b01758 Full Article
nc Beautiful Scrolling Experiences – Without Libraries By feedproxy.google.com Published On :: Fri, 06 Dec 2019 12:00:00 +0000 Michelle Barker appears as one of a heavenly host, coming forth with scroll in hand to pronounce an end to janky scrolljacking! Unto us a new specification is born, in the city of TimBL, and its name shall be called Scroll Snap. Sponsor: Order any Standard paperback(s) and get a surprise gift card in the box for YOU. While supplies last, from your pals at A Book Apart! One area where the web has traditionally lagged behind native platforms is the perceived “slickness” of the app experience. In part, this perception comes from the way the UI responds to user interactions – including the act of scrolling through content. Faced with the limitations of the web platform, developers frequently reach for JavaScript libraries and frameworks to alter the experience of scrolling a web page – sometimes called “scroll-jacking” – not always a good thing if implemented without due consideration of the user experience. More libraries can also lead to page bloat, and drag down a site’s performance. But with the relatively new CSS Scroll Snap specification, we have the ability to control the scrolling behaviour of a web page (to a degree) using web standards – without resorting to heavy libraries. Let’s take a look at how. Scroll Snap A user can control the scroll position of a web page in a number of ways, such as using a mouse, touch gesture or arrow keys. In contrast to a linear scrolling experience, where the rate of scroll reflects the rate of the controller, the Scroll Snap specification enables a web page to snap to specific points as the user scrolls. For this, we need a fixed-height element to act as the scroll container, and the direct children of that element will determine the snap points. To demonstrate this, here is some example HTML, which consists of a <div> containing four <section> elements: <div class="scroll-container"> <section> <h2>Section 1</h2> </section> <section> <h2>Section 2</h2> </section> <section> <h2>Section 3</h2> </section> <section> <h2>Section 4</h2> </section> </div> Scroll snapping requires the presence of two main CSS properties: scroll-snap-type and scroll-snap-align. scroll-snap-type applies to the scroll container element, and takes two keyword values. It tells the browser: The direction to snap Whether snapping is mandatory scroll-snap-align is applied to the child elements – in this case our <section>s. We also need to set a fixed height on the scroll container, and set the relevant overflow property to scroll. .scroll-container { height: 100vh; overflow-y: scroll; scroll-snap-type: y mandatory; } section { height: 100vh; scroll-snap-align: center; } In the above example, I’m setting the direction in the scroll-snap-type property to y to specify vertical snapping. The second value specifies that snapping is mandatory. This means that when the user stops scrolling their scroll position will always snap to the nearest snap point. The alternative value is proximity, which determines that the user’s scroll position will be snapped only if they stop scrolling in the proximity of a snap point. (It’s down to the browser to determine what it considers to be the proximity threshold.) If you have content of indeterminate length, which might feasibly be larger than the height of the scroll container (in this case 100vh), then using a value of mandatory can cause some content to be hidden above or below the visible area, so is not recommended. But if you know that your content will always fit within the viewport, then mandatory can produce a more consistent user experience. See the Pen Simple scroll-snap example by Michelle Barker (@michellebarker) on CodePen. In this example I’m setting both the scroll container and each of the sections to a height of 100vh, which affects the scroll experience of the entire web page. But scroll snapping can also be implemented on smaller components too. Setting scroll snapping on the x-axis (or inline axis) can produce something like a carousel effect. In this demo, you can scroll horizontally scroll through the sections: See the Pen Carousel-style scroll-snap example by Michelle Barker (@michellebarker) on CodePen. The Intersection Observer API By implementing the CSS above, our web page already has a more native-like feel to it. To improve upon this further we could add some scroll-based transitions and animations. We’ll need to employ a bit of Javascript for this, using the Intersection Observer API. This allows us to create an observer that watches for elements intersecting with the viewport, triggering a callback function when this occurs. It is more efficient than libraries that rely on continuously listening for scroll events. We can create an observer that watches for each of our scroll sections coming in and out of view: const sections = [...document.querySelectorAll('section')] const options = { rootMargin: '0px', threshold: 0.25 } const callback = (entries) => { entries.forEach((entry) => { if (entry.intersectionRatio >= 0.25) { target.classList.add("is-visible"); } else { target.classList.remove("is-visible"); } }) } const observer = new IntersectionObserver(callback, options) sections.forEach((section, index) => { observer.observe(section) }) In this example, a callback function is triggered whenever one of our sections intersects the container by 25% (using the threshold option). The callback adds a class of is-visible to the section if it is at least 25% in view when the intersection occurs (which will take effect when the element is coming into view), and removes it otherwise (when the element is moving out of view). Then we can add some CSS to transition in the content for each of those sections: section .content { opacity: 0: } section.is-visible .content { opacity: 1; transition: opacity 1000ms: } This demo shows it in action: See the Pen Scrolling with Intersection Observer by Michelle Barker (@michellebarker) on CodePen. You could, of course, implement some much more fancy transition and animation effects in CSS or JS! As an aside, it’s worth pointing out that, in practice, we shouldn’t be setting opacity: 0 as the default without considering the experience if JavaScript fails to load. In this case, the user would see no content at all! There are different ways to handle this: We could add a .no-js class to the body (which we remove on load with JS), and set default styles on it, or we could set the initial style (before transition) with JS instead of CSS. Position: sticky There’s one more CSS property that I think has the potential to aid the scroll experience, and that’s the position property. Unlike position: fixed, which locks the position of an element relative to the nearest relative ancestor and doesn’t change, position: sticky is more like a temporary lock. An element with a position value of sticky will become fixed only until it reaches the threshold of its parent, at which point it resumes relative positioning. By “sticking” some elements within scroll sections we can give the impression of them being tied to the action of scrolling between sections. It’s pretty cool that we can instruct an element to respond to it’s position within a container with CSS alone! Browser support and fallbacks The scroll-snap-type and scroll-snap-align properties are fairly well-supported. The former requires a prefix for Edge and IE, and older versions of Safari do not support axis values. In newer versions of Safari it works quite well. Intersection Observer similarly has a good level of support, with the exception of IE. By wrapping our scroll-related code in a feature query we can provide a regular scrolling experience as a fallback for users of older browsers, where accessing the content is most important. Browsers that do not support scroll-snap-type with an axis value would simply scroll as normal. @supports (scroll-snap-type: y mandatory) { .scroll-container { height: 100vh; overflow-y: scroll; scroll-snap-type: y mandatory; } section { height: 100vh; scroll-snap-align: center; } } The above code would exclude MS Edge and IE, as they don’t support axis values. If you wanted to support them you could do so using a vendor prefix, and using @supports (scroll-snap-type: mandatory) instead. Putting it all together This demo combines all three of the effects discussed in this article. Summary Spending time on scroll-based styling might seem silly or frivolous to some. But I believe it’s an important part of positioning the web as a viable alternative to native applications, keeping it open and accessible. While these new CSS features don’t offer all of the control we might expect with a fully featured JS library, they have a major advantage: simplicity and reliability. By utilising web standards where possible, we can have the best of both worlds: Slick and eye-catching sites that satisfy clients’ expectations, with the added benefit of better performance for users. About the author Michelle is a Lead Front End Developer at Bristol web agency Atomic Smash, author of front-end blog CSS { In Real Life }, and a Mozilla Tech Speaker. She has written articles for CSS Tricks, Smashing Magazine, and Web Designer Magazine, to name a few. She enjoys experimenting with new CSS features and helping others learn about them. More articles by Michelle Full Article UX css
nc The effects of e-cigarette taxes on e-cigarette prices and tobacco product sales [electronic resource] : evidence from retail panel data / Chad D. Cotti, Charles J. Courtemanche, Johanna Catherine Maclean, Erik T. Nesson, Michael F. Pesko, Nathan Tefft By darius.uleth.ca Published On :: Cambridge, Mass. : National Bureau of Economic Research, 2020 Full Article
nc The evolving consequences of OxyContin reforumulation on drug overdoses [electronic resource] / David Powell, Rosalie Liccardo Pacula By darius.uleth.ca Published On :: Cambridge, Mass. : National Bureau of Economic Research, 2020 Full Article
nc IANCU, ANDREI v. BRUNETTI, ERIK. Decided 06/24/2019 By www.law.cornell.edu Published On :: Mon, 24 Jun 2019 00:00:00 EDT Full Article
nc European socialism: a concise history with documents / William Smaldone By library.mit.edu Published On :: Sun, 15 Mar 2020 08:09:28 EDT Dewey Library - HX236.5.S6293 2020 Full Article
nc Reluctant warriors: Germany, Japan, and their U.S. alliance dilemma / Alexandra Sakaki, Hanns W. Maull, Kerstin Lukner, Ellis S. Krauss, Thomas U. Berger By library.mit.edu Published On :: Sun, 22 Mar 2020 07:44:49 EDT Dewey Library - UA710.S135 2020 Full Article