me A three-dimensional electrode bioelectrochemical system for the advanced oxidation of p-nitrophenol in an aqueous solution By feeds.rsc.org Published On :: RSC Adv., 2020, 10,17163-17170DOI: 10.1039/C9RA08538F, Paper Open Access This article is licensed under a Creative Commons Attribution-NonCommercial 3.0 Unported Licence.Jing Ren, Haoxin Li, Na Li, Youtao Song, Jiayi Chen, Lin ZhaoPNP absorbed in and surrounded by GPEs has kinetic favorability in the degradation process by a three-dimensional electrode MFC-Fenton system.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
me La2O2CO3:Tb3+ one-dimensional nanorod with green persistent luminescence By feeds.rsc.org Published On :: RSC Adv., 2020, 10,17180-17184DOI: 10.1039/D0RA01926G, Paper Open Access This article is licensed under a Creative Commons Attribution-NonCommercial 3.0 Unported Licence.Xiaojing Dou, Yang Li, Ru Kang, Huiwang Lian, Zhenzhang LiTrivalent terbium-doped oxycarbonate (La2O2CO3:1%Tb3+) one-dimensional nanorods are synthesized via a facile precipitation method.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
me Dendrimer crown-ether tethered multi-wall carbon nanotubes support methyltrioxorhenium in the selective oxidation of olefins to epoxides By feeds.rsc.org Published On :: RSC Adv., 2020, 10,17185-17194DOI: 10.1039/D0RA02785E, Paper Open Access This article is licensed under a Creative Commons Attribution 3.0 Unported Licence.Bruno Mattia Bizzarri, Angelica Fanelli, Lorenzo Botta, Claudia Sadun, Lorenzo Gontrani, Francesco Ferella, Marcello Crucianelli, Raffaele SaladinoBenzo-15-crown-5 ether supported on multi-wall carbon nanotubes (MWCNTs) by tethered poly(amidoamine) (PAMAM) dendrimers efficiently coordinated methyltrioxorhenium in the selective oxidation of olefins to epoxides.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
me Impact of ammonium sulfite-based sequential pretreatment combinations on two distinct saccharifications of wheat straw By feeds.rsc.org Published On :: RSC Adv., 2020, 10,17129-17142DOI: 10.1039/D0RA01759K, Paper Open Access This article is licensed under a Creative Commons Attribution-NonCommercial 3.0 Unported Licence.Guang Yu, Shiyue Liu, Xiaoyan Feng, Yuedong Zhang, Chao Liu, Ya-Jun Liu, Bin Li, Qiu Cui, Hui PengThe impact of substrate properties on wheat straw sugar release from fungal cellulase and whole cell-based CBS was comparatively investigated.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
me Surface modification of a PES membrane by corona air plasma-assisted grafting of HB-PEG for separation of oil-in-water emulsions By feeds.rsc.org Published On :: RSC Adv., 2020, 10,17143-17153DOI: 10.1039/D0RA02032J, Paper Open Access This article is licensed under a Creative Commons Attribution-NonCommercial 3.0 Unported Licence.Hooman Adib, Ahmadreza RaisiThe main goal of this study is to modify a polyethersulfone (PES) membrane by grafting with hyperbranched polyethylene glycol (HB-PEG) using corona air plasma to intensify the anti-fouling properties of the prepared membrane.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
me Retraction: Effect of temperature and large guest molecules on the C–H symmetric stretching vibrational frequencies of methane in structure H and I clathrate hydrates By feeds.rsc.org Published On :: RSC Adv., 2020, 10,16904-16904DOI: 10.1039/D0RA90048F, Retraction Open Access This article is licensed under a Creative Commons Attribution 3.0 Unported Licence.Go Fuseya, Satoshi Takeya, Akihiro HachikuboThe content of this RSS Feed (c) The Royal Society of Chemistry Full Article
me A superhydrophilic bilayer structure of a nylon 6 nanofiber/cellulose membrane and its characterization as potential water filtration media By feeds.rsc.org Published On :: RSC Adv., 2020, 10,17205-17216DOI: 10.1039/D0RA01077D, Paper Open Access This article is licensed under a Creative Commons Attribution-NonCommercial 3.0 Unported Licence.Ahmad Fauzi, Dian Ahmad Hapidin, Muhammad Miftahul Munir, Ferry Iskandar, Khairurrijal KhairurrijalThe SEM image of (a) cellulose membrane and (b) the bilayer structure of a nylon 6 nanofibrous membrane on a cellulose membrane as water filter media.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
me SO2F2-Mediated one-pot cascade process for transformation of aldehydes (RCHO) to cyanamides (RNHCN) By feeds.rsc.org Published On :: RSC Adv., 2020, 10,17288-17292DOI: 10.1039/D0RA02631J, Paper Open Access This article is licensed under a Creative Commons Attribution 3.0 Unported Licence.Yiyong Zhao, Junjie Wei, Shuting Ge, Guofu Zhang, Chengrong DingOur gram-scale process uses abundant and inexpensive aldehydes, a clean nitrogen source, requires no additional carbon atoms, is transition-metal free, and features easy work-up and excellent functional group compatibility.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
me Correction: Insects (Thrips hawaiiensis (Morgan)) change the stereochemical configuration of 1-phenylethanol emitted from tea (Camellia sinensis) flowers By feeds.rsc.org Published On :: RSC Adv., 2020, 10,17058-17060DOI: 10.1039/D0RA90047H, Correction Open Access This article is licensed under a Creative Commons Attribution 3.0 Unported Licence.Ying Zhou, Lanting Zeng, Yinyin Liao, Fang Dong, Qiyuan Peng, Jianlong Li, Jinchi Tang, Naoharu Watanabe, Ziyin YangThe content of this RSS Feed (c) The Royal Society of Chemistry Full Article
me Post-synthetic modification of imine linkages of a covalent organic framework for its catalysis application By feeds.rsc.org Published On :: RSC Adv., 2020, 10,17396-17403DOI: 10.1039/D0RA02142C, Paper Open Access This article is licensed under a Creative Commons Attribution 3.0 Unported Licence.Qianqian Yan, Huanjun Xu, Xuechao Jing, Hui Hu, Shenglin Wang, Chaoyuan Zeng, Yanan GaoA new approach for post-synthetic modification of covalent organic frameworks has been developed based on the modification of the linkages and the resulting COF exhibited excellent catalytic performance towards cycloaddition of epoxides and CO2.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
me Simple organocatalyst component system for asymmetric hetero Diels–Alder reaction of isatins with enones By feeds.rsc.org Published On :: RSC Adv., 2020, 10,17486-17491DOI: 10.1039/D0RA03006F, Paper Open Access This article is licensed under a Creative Commons Attribution-NonCommercial 3.0 Unported Licence.Perumalsamy Parasuraman, Zubeda Begum, Madhu Chennapuram, Chigusa Seki, Yuko Okuyama, Eunsang Kwon, Koji Uwai, Michio Tokiwa, Suguru Tokiwa, Mitsuhiro Takeshita, Hiroto NakanoA simple two catalysts component system of β-amino alcohols (catalyst) and amino acids (co-catalyst) works as an efficient organocatalysts in hetero Diels–Alder reaction of isatins with enones to afford chiral spirooxindole-tetrahydropyranones.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
me Wrist flexible heart pulse sensor integrated with a soft pump and a pneumatic balloon membrane By feeds.rsc.org Published On :: RSC Adv., 2020, 10,17353-17358DOI: 10.1039/D0RA02316G, Paper Open Access This article is licensed under a Creative Commons Attribution-NonCommercial 3.0 Unported Licence.Takafumi Yamaguchi, Daisuke Yamamoto, Takayuki Arie, Seiji Akita, Kuniharu TakeiWearable and flexible heart pulse sensor is proposed to monitor the detailed pulse signal from a wrist stably and reliably by integrating a tactile pressure sensor and a soft pneumatic balloon operated by a soft pump.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
me Two-dimensional β-MoO3@C nanosheets as high-performance negative materials for supercapacitors with excellent cycling stability By feeds.rsc.org Published On :: RSC Adv., 2020, 10,17497-17505DOI: 10.1039/D0RA01258K, Paper Open Access This article is licensed under a Creative Commons Attribution-NonCommercial 3.0 Unported Licence.Xuexia Liu, Ying Wu, Huiwen Wang, Yinfeng Wang, Chunfang Huang, Limin Liu, Zhijun WangMoO3 has gained a great deal of attention as a promising electrode material in energy storage devices.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
me Promoting formic acid oxidation performance of Pd nanoparticles via Pt and Ru atom mediated surface engineering By feeds.rsc.org Published On :: RSC Adv., 2020, 10,17302-17310DOI: 10.1039/D0RA01303J, Paper Open Access This article is licensed under a Creative Commons Attribution-NonCommercial 3.0 Unported Licence.Dinesh Bhalothia, Tzu-Hsi Huang, Pai-Hung Chou, Kuan-Wen Wang, Tsan-Yao ChenPt atoms attract electrons from neighboring atoms. Ru atoms attract hydroxide ligands. These two characteristics respectively weaken the bonding and recovering of the Pt site from CO oxidation and then facilitate the FAO in ternary PdPtRu NCs.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
me Detection of L-band electron paramagnetic resonance in the DPPH molecule using impedance measurements By feeds.rsc.org Published On :: RSC Adv., 2020, 10,17311-17316DOI: 10.1039/D0RA03285A, Paper Open Access This article is licensed under a Creative Commons Attribution-NonCommercial 3.0 Unported Licence.Ushnish Chaudhuri, R. Mahendiran(a) Schematic diagram of our experimental set up. (b) Resistance and reactance of the DPPH molecule for 2 GHz current in the strip coil.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
me Fabrication of a magnetic ternary ZnFe2O4/TiO2/RGO Z-scheme system with efficient photocatalytic activity and easy recyclability By feeds.rsc.org Published On :: RSC Adv., 2020, 10,17293-17301DOI: 10.1039/D0RA01880E, Paper Open Access This article is licensed under a Creative Commons Attribution-NonCommercial 3.0 Unported Licence.Yuwei Sun, Jiashuang Lei, Yizhu Wang, Qian Tang, Chunli KangA magnetic separable Z-scheme composite based on ZnFe2O4, TiO2 nanosheets and RGO exhibits efficient photocatalytic degradation of p-NP.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
me Effects of ozone treatment on SOD activity and genes in postharvest cantaloupe By feeds.rsc.org Published On :: RSC Adv., 2020, 10,17452-17460DOI: 10.1039/D0RA00976H, Paper Open Access This article is licensed under a Creative Commons Attribution-NonCommercial 3.0 Unported Licence.Huijie Zhang, Xiaojun Zhang, Chenghu Dong, Na Zhang, Zhaojun Ban, Li Li, Jinze Yu, Yunfeng Hu, Cunkun ChenOzone has been shown to play a positive role in the storage and preservation of agricultural products.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
me Ferroelectric P(VDF-TrFE)/POSS nanocomposite films: compatibility, piezoelectricity, energy harvesting performance, and mechanical and atomic oxygen erosion By feeds.rsc.org Published On :: RSC Adv., 2020, 10,17377-17386DOI: 10.1039/D0RA01769H, Paper Open Access This article is licensed under a Creative Commons Attribution-NonCommercial 3.0 Unported Licence.Y. Z. Liu, H. Zhang, J. X. Yu, Z. Y. Huang, C. Wang, Y. SunPoly(vinylidene difluoride) (PVDF) and its copolymers as the polymers with the highest piezoelectric coefficient have been widely used as sensors and generators.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
me Deposition of an ultra-thin polyaniline coating on a TiO2 surface by vapor phase polymerization for electrochemical glucose sensing and photocatalytic degradation By feeds.rsc.org Published On :: RSC Adv., 2020, 10,17387-17395DOI: 10.1039/D0RA01571G, Paper Open Access This article is licensed under a Creative Commons Attribution 3.0 Unported Licence.Sibani Majumdar, Debajyoti MahantaHere, we have synthesized an ultra-thin coating of polyaniline on a TiO2 nanoparticle surface (PANI–TiO2) using a simple vapor phase polymerization method.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
me Copper–tripeptides (cuzymes) with peroxidase-mimetic activity By feeds.rsc.org Published On :: RSC Adv., 2020, 10,17408-17415DOI: 10.1039/D0RA02472D, Paper Open Access This article is licensed under a Creative Commons Attribution-NonCommercial 3.0 Unported Licence.Le Truc Nguyen, Wing Fat Ho, Kun-Lin YangCopper–tripeptide complexs (cuzyme) exhibited peroxidase-like activities that use hydrogen peroxide to oxidize substrates such as 2,2-azino-bis(3-ethylbenzothiazoline-6-sulfonic acid) (ATBS) and trypan blue dye.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
me One pot fabrication of fluorescein functionalized manganese dioxide for fluorescence “Turn OFF–ON” sensing of hydrogen peroxide in water and cosmetic samples By feeds.rsc.org Published On :: RSC Adv., 2020, 10,17506-17514DOI: 10.1039/D0RA01980A, Paper Open Access This article is licensed under a Creative Commons Attribution 3.0 Unported Licence.Hassan Refat H. Ali, Ahmed I. Hassan, Yasser F. Hassan, Mohamed M. El-WekilThe fluorometric nanoprobe was fabricated via doping of fluorescein dye in MnO2 nanosheets (FLS/MnO2 NS) via facile co-precipitation method. It was used for analysis of H2O2 in different matrices through liberation of FLS after reduction of MnO2 NS.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
me Synthesis and gas permeation properties of thermally rearranged poly(ether-benzoxazole)s with low rearrangement temperatures By feeds.rsc.org Published On :: RSC Adv., 2020, 10,17461-17472DOI: 10.1039/D0RA00145G, Paper Open Access This article is licensed under a Creative Commons Attribution-NonCommercial 3.0 Unported Licence.Yunhua Lu, Jianhua Zhang, Guoyong Xiao, Lin Li, Mengjie Hou, Junyi Hu, Tonghua WangA series of poly(ether-benzoxazole)(PEBO) for gas separation were prepared from 9,9-bis[4-(4-amino-3-hydroxylphenoxy)phenyl]fluorene based hydroxyl-containing poly(ether-imide)s (HPEIs) with low rearrangement temperatures.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
me Development of novel N-(6-methanesulfonyl-benzothiazol-2-yl)-3-(4-substituted-piperazin-1-yl)-propionamides with cholinesterase inhibition, anti-β-amyloid aggregation, neuroprotection and cognition enhancing properties for the therapy of Alzheimer's d By feeds.rsc.org Published On :: RSC Adv., 2020, 10,17602-17619DOI: 10.1039/D0RA00663G, Paper Open Access This article is licensed under a Creative Commons Attribution-NonCommercial 3.0 Unported Licence.Chandra Bhushan Mishra, Shruti Shalini, Siddharth Gusain, Amresh Prakash, Jyoti Kumari, Shikha Kumari, Anita Kumari Yadav, Andrew M. Lynn, Manisha TiwariA novel series of benzothiazole–piperazine hybrids were rationally designed, synthesized, and evaluated as multifunctional ligands against Alzheimer's disease (AD).The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
me Selective modification of Ti6Al4V surfaces for biomedical applications By feeds.rsc.org Published On :: RSC Adv., 2020, 10,17642-17652DOI: 10.1039/C9RA11000C, Paper Open Access This article is licensed under a Creative Commons Attribution-NonCommercial 3.0 Unported Licence.Gabriela Melo Rodriguez, James Bowen, Mischa Zelzer, Artemis StamboulisThe surface of a medical implant is required to interact favourably with ions, biomolecules and cells in vivo, commonly resulting in the formation of the extracellular matrix.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
me Dual-site mixed layer-structured FAxCs3−xSb2I6Cl3 Pb-free metal halide perovskite solar cells By feeds.rsc.org Published On :: RSC Adv., 2020, 10,17724-17730DOI: 10.1039/D0RA00787K, Paper Open Access This article is licensed under a Creative Commons Attribution 3.0 Unported Licence.Yong Kyu Choi, Jin Hyuck Heo, Ki-Ha Hong, Sang Hyuk ImDual site mixing of FAxCs3−xSb2I6Cl3 forms stable 2D layer structure.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
me Cobalt–carbon/silica nanocomposites prepared by pyrolysis of a cobalt 2,2'-bipyridine terephthalate complex for remediation of cationic dyes By feeds.rsc.org Published On :: RSC Adv., 2020, 10,17660-17672DOI: 10.1039/D0RA02752A, Paper Open Access This article is licensed under a Creative Commons Attribution-NonCommercial 3.0 Unported Licence.Nusaybah Alotaibi, Hassan H. Hammud, Ranjith Kumar Karnati, Syed Ghazanfar Hussain, Javed Mazher, Thirumurugan PrakasamA cobalt–carbon@silica nanocomposite was synthesized from a cobalt 2,2'-bipyridine terephthalate complex and its adsorption behavior towards crystal violet dye was tested using batch and column techniques.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
me A facile method for preparing Yb3+-doped perovskite nanocrystals with ultra-stable near-infrared light emission By feeds.rsc.org Published On :: RSC Adv., 2020, 10,17635-17641DOI: 10.1039/D0RA01897J, Paper Open Access This article is licensed under a Creative Commons Attribution-NonCommercial 3.0 Unported Licence.Chunqian Zhang, Aidi Zhang, Taoran Liu, Lin Zhou, Jun Zheng, Yuhua Zuo, Yongqi He, Juhao LiA facile method for fabricating CsPbBr3:Yb3+@SiO2 NCs which guarantees high PLQY and excellent stability at the same time.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
me Correction: Synthesis of α,β-unsaturated esters of perfluoropolyalkylethers (PFPAEs) based on hexafluoropropylene oxide units for photopolymerization By feeds.rsc.org Published On :: RSC Adv., 2020, 10,17416-17417DOI: 10.1039/D0RA90036B, Correction Open Access This article is licensed under a Creative Commons Attribution 3.0 Unported Licence.Céline Bonneaud, Mélanie Decostanzi, Julia Burgess, Giuseppe Trusiano, Trevor Burgess, Roberta Bongiovanni, Christine Joly-Duhamel, Chadron M. FriesenThe content of this RSS Feed (c) The Royal Society of Chemistry Full Article
me Effect of temperature and large guest molecules on the C–H symmetric stretching vibrational frequencies of methane in structure H and I clathrate hydrates By feeds.rsc.org Published On :: RSC Adv., 2020, 10,17473-17478DOI: 10.1039/D0RA02748K, Paper Open Access This article is licensed under a Creative Commons Attribution 3.0 Unported Licence.Go Fuseya, Satoshi Takeya, Akihiro HachikuboTemperature effect on C–H symmetric stretching frequencies of CH4 in water cages of sI and sH clathrate hydrates were clarified.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
me One-pot oxime ligation from peptides bearing thiazolidine and aminooxyacetyl groups By feeds.rsc.org Published On :: RSC Adv., 2020, 10,17681-17685DOI: 10.1039/D0RA03235B, Paper Open Access This article is licensed under a Creative Commons Attribution-NonCommercial 3.0 Unported Licence.Stéphane Duflocq, Jingjing Zhou, Florent Huguenot, Michel Vidal, Wang-Qing LiuPd(II), acidic hydrolysis and iodine lead to one-pot oxime ligation from peptides bearing thiazolidine and aminooxyacetyl groups.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
me Position-locking of volatile reaction products by atmosphere and capping layers slows down photodecomposition of methylammonium lead triiodide perovskite By feeds.rsc.org Published On :: RSC Adv., 2020, 10,17534-17542DOI: 10.1039/D0RA03572F, Paper Open Access This article is licensed under a Creative Commons Attribution 3.0 Unported Licence.Fengshuo Zu, Thorsten Schultz, Christian M. Wolff, Dongguen Shin, Lennart Frohloff, Dieter Neher, Patrick Amsalem, Norbert KochGas pressure and capping layers under ultrahigh vacuum prevent methylammonium lead triiodide photo-degradation due to efficient back-reaction of volatile compounds.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
me Mechanochemical approach to synthesize citric acid-soluble fertilizer of dittmarite (NH4MgPO4·H2O) from talc/NH4H2PO4 mixture By feeds.rsc.org Published On :: RSC Adv., 2020, 10,17686-17693DOI: 10.1039/D0RA00387E, Paper Open Access This article is licensed under a Creative Commons Attribution-NonCommercial 3.0 Unported Licence.Yonghao Tan, Lin Sha, Nengkui Yu, Zhengshuo Yang, Jun Qu, Zhigao XuDittmarite synthesis by a mechanochemical route for application as a citric acid-soluble fertilizer.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
me A highly sensitive, selective and renewable carbon paste electrode based on a unique acyclic diamide ionophore for the potentiometric determination of lead ions in polluted water samples By feeds.rsc.org Published On :: RSC Adv., 2020, 10,17552-17560DOI: 10.1039/D0RA01435D, Paper Open Access This article is licensed under a Creative Commons Attribution 3.0 Unported Licence.M. A. Zayed, Walaa H. Mahmoud, Ashraf A. Abbas, Aya E. Ali, Gehad G. MohamedDue to the toxicity of lead(II) to all living organisms destroying the central nervous system and leading to circulatory system and brain disorders, the development of effective and selective lead(II) ionophores for its detection is very important.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
me Correction: Influence of co-cultures of Streptococcus thermophilus and probiotic lactobacilli on quality and antioxidant capacity parameters of lactose-free fermented dairy beverages containing Syzygium cumini (L.) Skeels pulp By feeds.rsc.org Published On :: RSC Adv., 2020, 10,16905-16905DOI: 10.1039/D0RA90046J, Correction Open Access This article is licensed under a Creative Commons Attribution 3.0 Unported Licence.Sabrina Laís Alves Garcia, Gabriel Monteiro da Silva, Juliana Maria Svendsen Medeiros, Anna Paula Rocha de Queiroga, Blenda Brito de Queiroz, Daniely Rayane Bezerra de Farias, Joyceana Oliveira Correia, Eliane Rolim Florentino, Flávia Carolina Alonso BuritiThe content of this RSS Feed (c) The Royal Society of Chemistry Full Article
me Computational study on the polymerization reaction of D-aminopeptidase for the synthesis of D-peptides By feeds.rsc.org Published On :: RSC Adv., 2020, 10,17582-17592DOI: 10.1039/D0RA01138J, Paper Open Access This article is licensed under a Creative Commons Attribution 3.0 Unported Licence.Joan Gimenez-Dejoz, Kousuke Tsuchiya, Ayaka Tateishi, Yoko Motoda, Takanori Kigawa, Yasuhisa Asano, Keiji NumataWe studied the molecular mechanism of D-aminopeptidase for the synthesis of polypeptides incorporating D-amino acids.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
me Effect of Zn doping on phase transition and electronic structures of Heusler-type Pd2Cr-based alloys: from normal to all-d-metal Heusler By feeds.rsc.org Published On :: RSC Adv., 2020, 10,17829-17835DOI: 10.1039/D0RA02951C, Paper Open Access This article is licensed under a Creative Commons Attribution 3.0 Unported Licence.Xiaotian Wang, Mengxin Wu, Tie Yang, Rabah KhenataBy first-principles calculations, for Heusler alloys Pd2CrZ (Z = Al, Ga, In, Tl, Si, Sn, P, As, Sb, Bi, Se, Te, Zn), the effect of Zn doping on their phase transition and electronic structure has been studied in this work.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
me Enhanced methane gas storage in the form of hydrates: role of the confined water molecules in silica powders By feeds.rsc.org Published On :: RSC Adv., 2020, 10,17795-17804DOI: 10.1039/D0RA01754J, Paper Open Access This article is licensed under a Creative Commons Attribution-NonCommercial 3.0 Unported Licence.Pinnelli S. R. Prasad, Burla Sai Kiran, Kandadai SowjanyaRapid and efficient methane hydrate conversions by utilising the water molecules confined in intra- and inter-granular space of silica powders.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
me Facile synthesis of a direct Z-scheme BiOCl–phosphotungstic acid heterojunction for the improved photodegradation of tetracycline By feeds.rsc.org Published On :: RSC Adv., 2020, 10,17369-17376DOI: 10.1039/D0RA02396E, Paper Open Access This article is licensed under a Creative Commons Attribution-NonCommercial 3.0 Unported Licence.Haijuan Tong, Bingfang Shi, Shulin ZhaoA one-step hydrothermal approach for synthesizing BiOCl–phosphotungstic acid (BiOCl–HPW) heterojunctions is proposed. The prepared BiOCl–HPW heterojunction exhibited good stability and photocatalytic activity.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
me Correction: Narrowing band gap and enhanced visible-light absorption of metal-doped non-toxic CsSnCl3 metal halides for potential optoelectronic applications By feeds.rsc.org Published On :: RSC Adv., 2020, 10,17869-17869DOI: 10.1039/D0RA90054K, Correction Open Access This article is licensed under a Creative Commons Attribution 3.0 Unported Licence.Jakiul Islam, A. K. M. Akther HossainThe content of this RSS Feed (c) The Royal Society of Chemistry Full Article
me Effect of new carbonyl cyanide aromatic hydrazones on biofilm inhibition against methicillin resistant Staphylococcus aureus By feeds.rsc.org Published On :: RSC Adv., 2020, 10,17854-17861DOI: 10.1039/D0RA03124K, Paper Open Access This article is licensed under a Creative Commons Attribution 3.0 Unported Licence.Xueer Lu, Ziwen Zhang, Yingying Xu, Jun Lu, Wenjian Tang, Jing Zhang2e and 2j with strong p-NO2 and p-CF3 at phenyl ring had the lowest MICs against S. aureus and MRSA. 2e displayed unaided or synergistic efficacy against MRSA, especially combined with ofloxacin. EM revealed that 2e destroys biofilms and cell membranes.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
me Research on the controllable degradation of N-methylamido and dialkylamino substituted at the 5th position of the benzene ring in chlorsulfuron in acidic soil By feeds.rsc.org Published On :: RSC Adv., 2020, 10,17870-17880DOI: 10.1039/D0RA00811G, Paper Open Access This article is licensed under a Creative Commons Attribution-NonCommercial 3.0 Unported Licence.Fan-Fei Meng, Lei Wu, Yu-Cheng Gu, Sha Zhou, Yong-Hong Li, Ming-Gui Chen, Shaa Zhou, Yang-Yang Zhao, Yi Ma, Zheng-Ming LiThese results will provide valuable information to discover tailored SU with controllable degradation properties to meet the needs of individual crops.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
me Lithium metal deposition/dissolution under uniaxial pressure with high-rigidity layered polyethylene separator By feeds.rsc.org Published On :: RSC Adv., 2020, 10,17805-17815DOI: 10.1039/D0RA02788J, Paper Open Access This article is licensed under a Creative Commons Attribution 3.0 Unported Licence.Shogo Kanamori, Mitsuhiro Matsumoto, Sou Taminato, Daisuke Mori, Yasuo Takeda, Hoe Jin Hah, Takashi Takeuchi, Nobuyuki ImanishiThe use of a high rigidity separator and application of an appropriate amount of pressure are effective approaches to control lithium metal growth and improve its cycle performance.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
me Selenium modulates cadmium-induced ultrastructural and metabolic changes in cucumber seedlings By feeds.rsc.org Published On :: RSC Adv., 2020, 10,17892-17905DOI: 10.1039/D0RA02866E, Paper Open Access This article is licensed under a Creative Commons Attribution-NonCommercial 3.0 Unported Licence.Hongyan Sun, Xiaoyun Wang, Huimin Li, Jiahui Bi, Jia Yu, Xianjun Liu, Huanxin Zhou, Zhijiang RongIntensive insight into the potential mechanisms of Se-induced Cd tolerance in cucumber seedlings is essential for further improvement of vegetable crop cultivation and breeding to obtain high yields and quality in Cd-contaminated soil.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
me Anatomy of an HTML5 WordPress theme By nicolasgallagher.com Published On :: Fri, 14 Aug 2009 17:00:00 -0700 This site has been written in HTML5 and used to use WordPress to manage the content. I’ll explain why I used HTML5, describe the structure of the theme templates, and show some of the ways I tried to tame WordPress’s tendency to add mess to the source code. As this is my personal site I wanted to experiment with using HTML5, CSS3, and WAI-ARIA. All these documents are currently working drafts and subject to change. However, the web documents and applications of the future are going to be written in HTML5 and I wanted to see the benefits of using it to markup static documents. Using CSS 2.1, let alone the CSS3 selectors and properties that some browser vendors have implemented, has many advantages for controlling the presentation of semantically coded documents. For this reason I am not going to avoid using basic CSS 2.1 selectors just to faithfully reproducing this site’s design in IE6. However, I have tried to accommodate IE 7 and IE 8 users by using an HTML5 enabling script so that the new HTML5 elements can be styled in those browsers if users have Javascript enabled. HTML5 templates I started with a static prototype of this site developed on my local server. WordPress makes it very easy to create your own templates and, therefore, it is no problem to use HTML5. This theme only has 3 main templates: index, single, and archive. There are of course templates for 404s, attachments, comments, etc., but I won’t discuss them as they are all based on the 3 main templates. All the templates include ARIA roles as an accessibility aide. The single.php template has this rough structure: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="default.css"> </head> <body> <header role="banner"></header> <nav role="navigation"></nav> <article role="main"> <header> <time datetime="YYYY-MM-DD"></time> <h1></h1> </header> <footer></footer> </article> <nav></nav> <aside role="complementary"></aside> <footer role="contentinfo"> <small></small> </footer> </body> </html> The first line of the document is the HTML5 DOCTYPE. The new <article> element contains the content of each post. The same structure is used for the index.php template except that there are several articles displayed on each page and the ARIA role value of main is not used. In contrast, the archive.php template houses all the article excerpts in a <section> element with the ARIA role of main because the list of archived posts is itself the main content of the document. A clean theme WordPress tends to add classes, elements, and other bits of code in certain places. I haven’t used any of the WordPress functions that add class names to the body and to elements wrapping a post and also wanted to avoid cluttering the source code with any other unnecessary markup. This required a bit of fiddling around with the theme’s functions.php file. I’m not a PHP developer so this might not be pretty! Removing actions from wp_head() WordPress has a hook called wp_head that sits in the header.php of most themes. To avoid it inserting unwanted code into the <head> of the document I used the remove_action function to disable the functions that were responsible. The following code was added to the functions.php file of my theme: // Remove links to the extra feeds (e.g. category feeds) remove_action( 'wp_head', 'feed_links_extra', 3 ); // Remove links to the general feeds (e.g. posts and comments) remove_action( 'wp_head', 'feed_links', 2 ); // Remove link to the RSD service endpoint, EditURI link remove_action( 'wp_head', 'rsd_link' ); // Remove link to the Windows Live Writer manifest file remove_action( 'wp_head', 'wlwmanifest_link' ); // Remove index link remove_action( 'wp_head', 'index_rel_link' ); // Remove prev link remove_action( 'wp_head', 'parent_post_rel_link', 10, 0 ); // Remove start link remove_action( 'wp_head', 'start_post_rel_link', 10, 0 ); // Display relational links for adjacent posts remove_action( 'wp_head', 'adjacent_posts_rel_link', 10, 0 ); // Remove XHTML generator showing WP version remove_action( 'wp_head', 'wp_generator' ); Source: WPEngineer.com: Cleanup WordPress Header Removing an empty <span> If you want to create excerpts you can either write them into the excerpt box or use the <--more--> quicktag in the WordPress editor. I just wanted the first paragraph of my posts to be used as the excerpt and so using the in-editor tag was the most practical approach I was aware of. However, when you do this WordPress will insert an empty <span> in the post’s content. This element has an id so that the area following the excerpt can be targeted by “more” or “continue reading” links. I removed both the empty <span> and the jump link by adding the following code to the functions.php file of the theme: // removes empty span function remove_empty_read_more_span($content) { return eregi_replace("(<p><span id="more-[0-9]{1,}"></span></p>)", "", $content); } add_filter('the_content', 'remove_empty_read_more_span'); Source: Ganda Manurung: Remove Empty Span Tag On WordPress // removes url hash to avoid the jump link function remove_more_jump_link($link) { $offset = strpos($link, '#more-'); if ($offset) { $end = strpos($link, '"',$offset); } if ($end) { $link = substr_replace($link, '', $offset, $end-$offset); } return $link; } add_filter('the_content_more_link', 'remove_more_jump_link'); Source: WordPress Codex: Customizing the Read More Displaying images in the excerpt For posts that display nothing but a photograph (yes, they will be shit but I’m hoping it gets me using my camera a bit more often) I wanted the image to show up in the archives. Equally, if the first paragraph of a post contained a link I wanted that to be preserved. The default the_excerpt() template tag doesn’t allow for this so it needed some modifying. I added a new function, which is just a modified version of the core excerpt function, to the functions.php file and then made sure that the template tag executed this function rather than the one contained in the core WordPress files. function improved_trim_excerpt($text) { if ( '' == $text ) { $text = get_the_content(''); $text = strip_shortcodes( $text ); $text = apply_filters('the_content', $text); $text = str_replace(']]>', ']]&gt;', $text); $text = strip_tags($text, '<p><img><a>'); $excerpt_length = apply_filters('excerpt_length', 55); $words = explode(' ', $text, $excerpt_length + 1); if (count($words) > $excerpt_length) { array_pop($words); array_push($words, '[...]'); $text = implode(' ', $words); $text = force_balance_tags($text); } } return $text; } remove_filter('get_the_excerpt', 'wp_trim_excerpt'); add_filter('get_the_excerpt', 'improved_trim_excerpt'); Source: Aaron Russell: Improving WordPress’ the_excerpt() template tag Conditional next/prev links I prefer not to have empty elements in the markup and so I needed a way to conditionally insert the “Older entries”, “Newer Entries”, etc., links into templates. The solution I’m using here, which isn’t perfect, is to add this to functions.php: function show_posts_nav() { global $wp_query; return ($wp_query->max_num_pages > 1); } Source: Eric Martin: Conditional navigation links in WordPress And then to wrap the navigation markup in the templates with the following: <?php if (show_posts_nav()) : ?> <nav> <ul> <li><?php next_posts_link('« Older Entries') ?></li> <li><?php previous_posts_link('Newer Entries »') ?></li> </ul> </nav> <?php endif; ?> Summary It’s fairly easy to create a simple site with HTML5 and to use WordPress to deliver it. At the moment there are issues with Internet Explorer because you cannot style HTML5 elements unless you use Javascript. However, HTML5 redefines the meaning of certain elements (such as <dl>, which has become a more versatile “description list”) and allows block elements to be wrapped in a link. Therefore, there is still benefit in using the HTML5 DOCTYPE even if you do not make use of the new elements. Further reading HTML5 working draft HTML5 differences from HTML4 Accessible Rich Internet Applications (WAI-ARIA) 1.0 Full Article
me Thoughts on some new HTML5 elements By nicolasgallagher.com Published On :: Sun, 13 Sep 2009 17:00:00 -0700 In the last few months there has been increased discussion about some of the new elements that have been introduced in the HTML5 draft specification. This entry is primarily a counter argument to some of the comments that I disagree with. The most recent and high-profile comments in regard to parts of the HTML5 specification come from The HTML5 Super Friends in an article entitled Guide to HTML5 Hiccups. It lays out their concerns with the HTML5 draft specification as it stood at the time of its writing and I am largely going to focus on the issues they have discussed. The article and section elements The first argument that I disagree with is that the article and section elements are redundant and, therefore, that the article element should be dropped. article and section are identical except that article allows a pubdate attribute. We would suggest that article be dropped and section be adapted to allow an optional pubdate attribute or, even better, more explicit metadata. The article and section elements are not identical according the to HTML5 draft specification. Here is what it says about the section element as of 13 September 2009: The section element represents a generic document or application section. A section, in this context, is a thematic grouping of content, typically with a heading, possibly with a footer. Now contrast that with what it says about the the article element: The article element represents a section of a page that consists of a composition that forms an independent part of a document, page, application, or site. An article element is “independent” in the sense that its contents could stand alone, for example in syndication, or as a interchangeable component on a user-configurable portal page. That is a clear distinction that resists the reading of article and section being “identical”. The article element has a specific purpose: to mark parts of a document that form an independent composition that may be appropriate for syndication. It is a special kind of sectioning element that performs an essential role that is lacking in the semantics of the generic section element. This generic element serves only to thematically group content. That grouping may occur at the document level, within an independent article, or within a footer. The article element has unique semantics and practical use. There is a fundamental conceptual difference between stand-alone compositions and sections of compositions, documents, or pages and this difference should be recognised and catered for in the specification. Websites regularly employ microformats and you don’t have to look far to see independent compositions currently marked up with class="hentry" or find links to individual blog comments and twitter updates. There is clearly a need for an easy way to define independent compositions and that is met with the introduction of the article element in HTML5. What may be needed is a stronger clarification and definition of the article element to minimise the potential for this distinction to be overlooked and to highlight the differences from a generic document section. The hgroup element The hgroup element is a relatively recent addition to the draft specification. It is defined as serving a fairly specific purpose: The hgroup element represents the heading of a section. The element is used to group a set of h1–h6 elements when the heading has multiple levels, such as subheadings, alternative titles, or taglines. The element works to associate headings together so that the highest ranked heading descendant (if present) of the hgroup element is used as its text in document outlines and summary. Other heading descendants are treated as subheadings and are left out of outlines. The HTML5 Super Friends have this to say about the hgroup element: We don’t see the added value of this element and would instead add a boolean attribute to the heading element which allows content authors to specify if that particular heading should be included in the outline. Bruce Lawson has similar concerns and proposes another alternative – removing the need for a wrapping element and defining a new element specifically for marking up subtitles: I agree that hgroup is clumsy and likely to be misused. Rather than wrap an h1 and its h2 subtitle in hgroup to keep the subtitle out of the outlining algorithm, I would prefer to use <header> <h1>My blog</h1> <subtitle>My wit and wisdom</subtitle> </header> as I think that;s easier to understand than a heading-that’s-not-a-heading, and it removes a wrapping element. I disagree with these criticisms of the hgroup element and consider the proposed alternatives to be more problematic, less intuitive, less flexible, and further removed from the way in which authors currently markup subheadings. The way that many authors are currently marking up subheadings is by using headings of various ranks and in various orders depending on whether the subheading or qualifying heading needs to appear above or below the main page heading. A subheading is still, conceptually, a heading of sorts and it cannot be accurately marked up with a paragraph or any other currently available element. Allowing the addition of a boolean attribute to heading elements has several problems. A boolean attribute may be less intuitive for authors than the hgroup element. The hgroup element relies upon and produces an association between all the headings it contains. Since headings and subheadings occur together and derive their meaning from each other, it is semantic to wrap these headings in an element. We know that the highest ranked heading contains the string to be used in the outline and that the other headings serve as ranked subheadings to this primary heading. A boolean attribute is only associated with the element that it is a part of. We can create no association between the element and adjacent elements. This is related to the next issue. The hgroup itself acts as heading content while a boolean attribute would act only to remove headings from the outline. The hgroup element only removes the descendant headings that are those not of the highest rank. The boolean attribute shifts the burden onto the author to decide which headings should be marked for removal from the outline, rather than providing an element to wrap a collection of headings without authors having to be concerned with (or aware of) issues of outlining. What about Bruce Lawson’s idea for a subtitle element? I believe that, irrespective of the what this element were actually called, it suffers from similar problems to the idea of using a boolean attribute. There is nothing to prevent the use of a subtitle element away from a heading, it creates no association with other elements, and it does not allow for ranking of subheadings. One of my key points in relation to criticism of the hgroup element is that subheadings draw their meaning from context. A subheading (as opposed to a section heading) is only a sub-heading if it is associated with a higher ranking heading. Remove the higher ranking heading and what was once a subheading is likely to be understood as a heading. The strength of the hgroup element over the two alternative suggestions I have referenced is that it is the only proposal that defines a subheading as contextual. I think that it is the most intuitive proposal (although perhaps none of them are particularly inuitive) – the name of the element is self-descriptive and encapsulates the contextual relationship and adjacent positioning of its child elements — and matches most closely with the way that subheadings are currently marked up on many websites. The aside element The HTML5 Super Friends are of the opinion that the aside element is not worth including in the specification: The use cases for aside are too limited to warrant its inclusion in the specification. We were also concerned about potentially duplicating content within an aside. However, the specification itself provides some fairly compelling uses for the element: The element can be used for typographical effects like pull quotes or sidebars, for advertising, for groups of nav elements, and for other content that is considered separate from the main content of the page. Authors might use the aside element for their blogrolls, for marking up adverts ranging from google ads on blogs to large banners on enterprise websites, for expanding on themes within an article or providing an extended definition of a term, for pull quotes, and anything else “tangentially related to the content around the aside element, and which could be considered separate from that content”. Most of these uses would not involve duplication of content. Using the aside element for pull quotes would produce some instances of content duplication. However, this is not really a problem for users who are used to content being duplicated in this way in newspapers and magazines. It would not take much for search engines to adapt to deal with short amounts of duplicate content contained within an aside either. While I appreciate the point about duplicate content I’m not yet convinced that it is actually problematic. The legend element The current specification defines the legend element as providing an explanatory caption for the contents of its parent element. The parent element may be a fieldset, figure or details element. However, Remy Sharp‘s article entitled legend not such a legend anymore shows why it is not practical to use legend for the new elements details and figure – because it is not backwards compatible with current browsers and effectively unusable outside of a fieldset because of the inability to style the element. In this case, forging a new element is most appropriate rather than trying to use an element like label which will only create confusion with little advantage. Summary I have discussed my reasons for disagreeing with certain feedback on the HTML5 draft specification. I have yet to be convinced that the article, hgroup, or aside elements should be dropped from the specification because it seems to me that they have necessary uses and advantages over alternatives. Full Article
me UCL update their homepage By nicolasgallagher.com Published On :: Wed, 07 Oct 2009 17:00:00 -0700 This week UCL have updated their homepage with a new design that I translated into XHTML, CSS, and Javascript. UCL will gradually be updating other parts of their website as they move forward. You can read the UCL blog post about their new homepage and the history of the UCL homepage. I was responsible for producing the XHTML, CSS, and Javascript that makes up the templates for this redesign. The members of UCL’s Web Services team then integrated the templates (and modified them as required) into their CMS. Full Article
me New HTML5 elements: summary & figcaption By nicolasgallagher.com Published On :: Sun, 31 Jan 2010 16:00:00 -0800 Over the weekend two new HTML5 elements – summary and figcaption – were added to the draft specification. The introduction of summary and figcaption marks the acceptance that new elements are needed to act as captions or legends for the details and figure elements. The addition of the figcaption element finally begins to clear up the difficulty in marking-up figure element captions and looks to cement the place of the figure element in the HTML5 specification. The summary element does much the same for the details element but the very nature of the details element itself means that its future is not yet clear. The figcaption element This new element acts as the optional caption or legend for any content contained within its parent figure element. If there is no figcaption element within a figure element then there is no caption for the rest of its content. If there is a figcaption element then it must be the first or last child of the figure element and only the first figcaption element (should there be more than one child figcaption of the parent figure element) represents a caption. The figure element is used to mark up any self-contained content that may be referenced from the main flow of a document but could also be removed from the primary content (for example, to an appendix) without affecting its flow. This makes it suitable for various types of content ranging from graphs and data tables to photographs and code blocks. <p><a href="#fig-ftse">Figure 1</a> shows the extent of the collapse in the markets and how recovery has been slow.</p> <figure id="fig-ftse"> <figcaption>Figure 1. The value of the FTSE 100 Index from 1999–2009.</figcaption> <img src="ftse-100-index-graph.jpg" alt="The index hit a record high at the end of 1999 and experienced two significant drops in the following last decade."> </figure> <p>This latest financial crisis hasn't stopped Alex from writing music and his latest track is actually worth listening to.</p> <figure> <audio src="what-am-i-doing.mp3" controls></audio> <figcaption><cite>What am I doing?</cite> by Alex Brown</figcaption> </figure> The creation of the figcaption element is an important step forward for the HTML5 draft specification as it finally provides a reliable means to markup the caption for content that is best marked up as a figure. Previous attempts to use the legend element, the caption element, and the dt and dd elements had failed due to a lack of backwards compatibility when it came to styling these elements with CSS. The summary element This new element represents a summary, caption, or legend for any content contained within its parent details element. The summary element must be the first child of a details element and if there is no summary element present then the user agent should provide its own. The reason for this is because the details element has a specific function – to markup additional information and allow the user to toggle the visibility of the additional information. Although it is not specified in the specification, it is expected that the summary element will act as the control that toggles the open-closed status of the contents of the parent details element. <details> <summary>Technical details.</summary> <dl> <dt>Bit rate:</dt> <dd>190KB/s</dd> <dt>Filename:</dt> <dd>drum-and-bass-mix.mp3</dd> <dt>Duration:</dt> <dd>01:02:34</dd> <dt>File size:</dt> <dd>78.9MB</dd> </dl> </details> The introduction of the summary element seems to secure the future of the details element and the new behaviour that it affords, for now. When user agents begin to add support for the details element you won’t need JavaScript, or even CSS, to have expanding or collapsing sections in an HTML document. The future of the details element There will continue to be some debate over the inclusion of behaviour in an HTML specification especially given the widespread use of JavaScript to provide the expand-collapse functionality that details describes. The details element writes some quite significant behaviour into an HTML document and I can see it being abused to provide generic expand-collapse functionality throughout a document. It is also not entirely clear what purpose the details element actually serves other than being an attempt to bypass the need for JavaScript or CSS to expand or collapse sections of a document. There has been a general softening of the rough distinction between content, presentation, and behaviour. JavaScript libraries are being used to patch holes in browser CSS and HTML5 support, the CSS3 modules introduce plenty of behaviour that was previously only possibly with JavaScript, and the HTML5 specification is also introducing functionality and behaviour that previously required the use of JavaScript. The future survival of the details element, and the behaviour associated with it, may well depend on browser implementations and author applications over the coming months. Full Article
me CSS typography experiment By nicolasgallagher.com Published On :: Tue, 23 Feb 2010 16:00:00 -0800 This is a quick experiment that reproduces an image from I Love Typography using semantic HTML, CSS 2.1, a little CSS3. Along the way, I learnt about a few modern browser bugs and inconsistencies. See the demo: CSS typography experiment. See the bugs: Some new CSS 2.1 and CSS3 bugs in modern browsers. I came across an image on I Love Typography that I thought could be reproduced using only semantic HTML and CSS. A scaled down and cropped version of the I Love Typography A Lot image from I Love Typography. The idea was to reproduce the image from simple markup, and to rely as much as possible on what can be achieved with CSS. This is the HTML I ended up using. <p>I love <strong>typography</strong> <em>a lot</em></p> This is the CSS that controls the presentation of that content. body { padding: 0; margin: 0; font-family: Times New Roman, serif; background: #000; } p { position: relative; width: 1100px; padding: 100px 0 0; margin: 0 auto; font-size: 175px; font-weight: bold; line-height: 1.2; letter-spacing: -13px; color: #0caac7; transform: rotate(-20deg); } /* "i" */ p:first-letter { float: left; margin: -137px -20px 0 0; font-size: 880px; line-height: 595px; text-transform: lowercase; } /* "love" */ p:first-line { font-size: 200px; } /* "typography" */ p strong { display: block; margin: -80px 0 0; font-weight: normal; letter-spacing: -2px; text-transform: capitalize; } p strong:first-letter { margin-right: -30px; color: #fff; } /* "a lot" */ p em { position: absolute; z-index: 10; top: 100px; left: 147px; width: 136px; overflow: hidden; padding-left: 64px; font-size: 200px; font-style: normal; text-transform: lowercase; color: #fff; } p em:first-letter { float: left; margin: 130px 0 0 -55px; font-size: 80px; font-style: italic; line-height: 20px; color: #fff; } /* create the heart shape */ p:before, p:after { content: ""; position: absolute; z-index: 1; top: 225px; left: 120px; width: 75px; height: 50px; background: #000; transform: rotate(45deg); border-radius: 25px 0 0 30px; } p:after { left: 138px; transform: rotate(-45deg); border-radius: 0 25px 30px 0; } /* hide the tip of the "t" from "a lot" */ p strong:before { content: ""; position: absolute; z-index: 11; top: 205px; left: 341px; width: 7px; height: 7px; background: #000; border-radius: 7px; } The final CSS typography experiment approximates the original image in all modern browsers that support the CSS3 properties of border-radius and transform. Some browsers render type (especially after rotational transformations) better than others. Note that all the screenshots are taken from browsers running on Windows Vista OS. Opera 10.5. The closest approximation to the original source image. Chrome 4.0. Identical to Opera 10.5 apart from a bug that appears in the rendering of rounded corners when they undergo a rotational transformation. Safari 4.0. The rotated type suffers from a lack of anti-aliasing. Firefox 3.6. The rotated type suffers from a lack of anti-aliasing. Browser bugs and inconsistencies I’ve put together a small test page to highlight some new CSS 2.1 and CSS3 bugs in modern browsers. It includes two new CSS 2.1 bugs in Internet Explorer 8. Full Article
me Using HTML5 elements in WordPress post content By nicolasgallagher.com Published On :: Wed, 24 Feb 2010 16:00:00 -0800 Here are two ways to include HTML5 elements in your WordPress post content without WordPress’ wpautop function wrapping them in p tags or littering your code with line breaks. HTML5 has several new elements that you may want to use in your post content to markup document sections, headers, footers, pullquotes, figures, or groups of headings. One way to safely include these elements in your posts is simple; the other way is a bit more complicated. Both ways rely on hand-coding the HTML5 markup in the WordPress editor’s HTML view. If you are adding HTML5 elements to your post content then you should use an HTML5 doctype. Disable wpautop for your theme This is the simple way. Disable the wpautop function so that WordPress makes no attempt to correct your markup and leaves you to hand-code every line of your posts. If you want total control over every line of your HTML then this is the option for you. To disable wpautop entirely add these lines to your theme’s functions.php: remove_filter('the_excerpt', 'wpautop'); remove_filter('the_content', 'wpautop'); However, wpautop is generally quite useful if most of your posts are simple text content and you only occasionally want to include HTML5 elements. Therefore, modifying wpautop to recognise HTML5 elements might be more practical. Modify wpautop to recognise HTML5 elements WordPress’ wpautop is part of the core functions and can be found in this file within your WordPress installation: wp-includes/formatting.php. It controls how and where paragraphs and line breaks are inserted in excerpts and post content. In order to create a modified version of WordPress’ core wpautop function I started off by duplicating it in my theme’s functions.php file. What I’ve experimented with is disabling wpautop and adding a modified copy of it – which includes HTML5 elements in its arrayss – to my theme’s functions.php file. Add the following to your theme’s functions.php file and you’ll be able to use section, article, aside, header, footer, hgroup, figure, details, figcaption, and summary in your post content. (Probably best to try this in a testing environment first!) /* ----------------------------- MODIFIED WPAUTOP - Allow HTML5 block elements in wordpress posts ----------------------------- */ function html5autop($pee, $br = 1) { if ( trim($pee) === '' ) return ''; $pee = $pee . " "; // just to make things a little easier, pad the end $pee = preg_replace('|<br />s*<br />|', " ", $pee); // Space things out a little // *insertion* of section|article|aside|header|footer|hgroup|figure|details|figcaption|summary $allblocks = '(?:table|thead|tfoot|caption|col|colgroup|tbody|tr|td|th|div|dl|dd|dt|ul|ol|li|pre|select|form|map|area|blockquote|address|math|style|input|p|h[1-6]|hr|fieldset|legend|section|article|aside|header|footer|hgroup|figure|details|figcaption|summary)'; $pee = preg_replace('!(<' . $allblocks . '[^>]*>)!', " $1", $pee); $pee = preg_replace('!(</' . $allblocks . '>)!', "$1 ", $pee); $pee = str_replace(array(" ", " "), " ", $pee); // cross-platform newlines if ( strpos($pee, '<object') !== false ) { $pee = preg_replace('|s*<param([^>]*)>s*|', "<param$1>", $pee); // no pee inside object/embed $pee = preg_replace('|s*</embed>s*|', '</embed>', $pee); } $pee = preg_replace("/ +/", " ", $pee); // take care of duplicates // make paragraphs, including one at the end $pees = preg_split('/ s* /', $pee, -1, PREG_SPLIT_NO_EMPTY); $pee = ''; foreach ( $pees as $tinkle ) $pee .= '<p>' . trim($tinkle, " ") . "</p> "; $pee = preg_replace('|<p>s*</p>|', '', $pee); // under certain strange conditions it could create a P of entirely whitespace // *insertion* of section|article|aside $pee = preg_replace('!<p>([^<]+)</(div|address|form|section|article|aside)>!', "<p>$1</p></$2>", $pee); $pee = preg_replace('!<p>s*(</?' . $allblocks . '[^>]*>)s*</p>!', "$1", $pee); // don't pee all over a tag $pee = preg_replace("|<p>(<li.+?)</p>|", "$1", $pee); // problem with nested lists $pee = preg_replace('|<p><blockquote([^>]*)>|i', "<blockquote$1><p>", $pee); $pee = str_replace('</blockquote></p>', '</p></blockquote>', $pee); $pee = preg_replace('!<p>s*(</?' . $allblocks . '[^>]*>)!', "$1", $pee); $pee = preg_replace('!(</?' . $allblocks . '[^>]*>)s*</p>!', "$1", $pee); if ($br) { $pee = preg_replace_callback('/<(script|style).*?</\1>/s', create_function('$matches', 'return str_replace(" ", "<WPPreserveNewline />", $matches[0]);'), $pee); $pee = preg_replace('|(?<!<br />)s* |', "<br /> ", $pee); // optionally make line breaks $pee = str_replace('<WPPreserveNewline />', " ", $pee); } $pee = preg_replace('!(</?' . $allblocks . '[^>]*>)s*<br />!', "$1", $pee); // *insertion* of img|figcaption|summary $pee = preg_replace('!<br />(s*</?(?:p|li|div|dl|dd|dt|th|pre|td|ul|ol|img|figcaption|summary)[^>]*>)!', '$1', $pee); if (strpos($pee, '<pre') !== false) $pee = preg_replace_callback('!(<pre[^>]*>)(.*?)</pre>!is', 'clean_pre', $pee ); $pee = preg_replace( "| </p>$|", '</p>', $pee ); return $pee; } // remove the original wpautop function remove_filter('the_excerpt', 'wpautop'); remove_filter('the_content', 'wpautop'); // add our new html5autop function add_filter('the_excerpt', 'html5autop'); add_filter('the_content', 'html5autop'); The results are not absolutely perfect but then neither is the original wpautop function. Certain ways of formatting the code will result in unwanted trailing </p> tags or a missing opening <p> tags. For example, to insert a figure with caption into a post you should avoid adding the figcaption on a new line because an image or link appearing before the figcaption will end up with a trailing </p>. <!-- this turns out ok --> <figure> <a href="#"><img src="image.jpg" alt="" /></a><figcaption>A figure caption for your reading pleasure</figcaption> </figure> <!-- this turns out not so ok --> <figure> <a href="#"><img src="image.jpg" alt="" /></a> <figcaption>A figure caption for your reading pleasure</figcaption> </figure> Another example would be when beginning the contents of an aside with a paragraph. You’ll have to leave a blank line between the opening aside tag and the first paragraph. <aside> This content could be a pullquote or information that is tangentially related to the surrounding content. But to get it wrapped in a paragraph you have to leave those blank lines either side of it before the tags. </aside> Room for improvement Obviously there are still a few issues with this because if you format your post content in certain ways then you can end up with invalid HTML, even if it doesn’t actually affect the rendering of the page. But it seems to be pretty close! Leave a comment or email me if you are using this function and find there that are instances where it breaks down. I ran numerous tests and formatting variations to try and iron out as many problems as possible but it’s unlikely that I tried or spotted everything. Hopefully someone with more PHP and WordPress experience will be able to improve upon what I’ve been experimenting with, or find a simpler and more elegant solution that retains the useful wpautop functionality while allowing for the use of HTML5 elements in posts. Please share anything you find! Full Article
me Pure CSS social media icons By nicolasgallagher.com Published On :: Tue, 09 Mar 2010 16:00:00 -0800 This is an experiment that creates social media icons using CSS and semantic HTML. It uses progressive enhancement to turn an unordered list of text links into a set of icons without the use of images or JavaScript. Demo: Pure CSS social media icons Support: Firefox 3.5+, Safari 4+, Chrome 4+, Opera 10+, IE8+. CSS social media icons The image below shows you the final appearance in modern browsers. This experiment starts with a simple list of links, with each link using meaningful text, and then progressively styles each link to take on the appearance of the relevant social media icon. As a result, there should be support for screenreaders or users with CSS disabled. I’ve also included basic text in the title attribute of each link to provide information for users who may not be familiar with what service a specific icon represents. This is an experiment that uses CSS 2.1 and CSS3 that is not supported by Internet Explorer 6 and 7, therefore, you shouldn’t expect it to work in those browsers. CSS is not necessarily the most appropriate tool for this kind of thing either. Example code The technique I’ve used is much the same as the one used for the Pure CSS speech bubbles. The HTML is just a basic unordered list of links to various social networking websites or services. <ul> <li class="facebook"><a href="#non" title="Share on Facebook">Facebook</a></li> <li class="twitter"><a href="#non" title="Share on Twitter">Twitter</a></li> <li class="rss"><a href="#non" title="Subscribe to the RSS feed">RSS</a></li> <li class="flickr"><a href="#non" title="Share on Flickr">Flickr</a></li> <li class="delicious"><a href="#non" title="Bookmark on Delicious">Delicious</a></li> <li class="linkedin"><a href="#non" title="Share on LinkedIn">LinkedIn</a></li> <li class="google"><a href="#non" title="Bookmark with Google">Google</a></li> <li class="orkut"><a href="#non" title="Share on Orkut">Orkut</a></li> <li class="technorati"><a href="#non" title="Add to Technorati">Technorati</a></li> <li class="netvibes"><a href="#non" title="Add to NetVibes">NetVibes</a></li> </ul> I’ve applied some general styles to the elements that make up this list. ul { list-style:none; padding:0; margin:0; overflow:hidden; font:0.875em/1 Arial, sans-serif; } ul li { float:left; width:66px; height:66px; margin:20px 20px 0 0; } ul li a { display:block; width:64px; height:64px; overflow:hidden; border:1px solid transparent; line-height:64px; text-decoration:none; /* css3 */ text-shadow:0 -1px 0 rgba(0,0,0,0.5); -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; /* standards version last */ } ul li a:hover, ul li a:focus, ul li a:active { opacity:0.8; border-color:#000; } Each icon uses it’s own set of styles. This is the CSS that created the RSS icon. .rss a { position:relative; width:60px; padding:0 2px; border-color:#ea6635; text-transform:lowercase; text-indent:-186px; font-size:64px; font-weight:bold; color:#fff; background:#e36443; /* css3 */ -moz-box-shadow:0 0 4px rgba(0,0,0,0.4); -webkit-box-shadow:0 0 4px rgba(0,0,0,0.4); box-shadow:0 0 4px rgba(0,0,0,0.4); background:-webkit-gradient(linear, left top, left bottom, from(#f19242), to(#e36443)); background:-moz-linear-gradient(top, #f19242, #e36443); background:linear-gradient(top, #f19242, #e36443); } .rss a:before, .rss a:after { content:""; position:absolute; bottom:10px; left:10px; } /* create circle */ .rss a:before { width:12px; height:12px; background:#fff; /* css3 */ -moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px; } /* create the two arcs */ .rss a:after { width:22px; height:22px; border-style:double; border-width:24px 24px 0 0; border-color:#fff; /* css3 */ -moz-border-radius:0 50px 0 0; -webkit-border-radius:0 50px 0 0; border-radius:0 50px 0 0; } Acknowledgements This post was inspired by an experiment on insicdesigns that producing a few social media icons using CSS. Full Article
