• Guest
HabraHabr
  • Main
  • Users

  • Development
    • Programming
    • Information Security
    • Website development
    • JavaScript
    • Game development
    • Open source
    • Developed for Android
    • Machine learning
    • Abnormal programming
    • Java
    • Python
    • Development of mobile applications
    • Analysis and design of systems
    • .NET
    • Mathematics
    • Algorithms
    • C#
    • System Programming
    • C++
    • C
    • Go
    • PHP
    • Reverse engineering
    • Assembler
    • Development under Linux
    • Big Data
    • Rust
    • Cryptography
    • Entertaining problems
    • Testing of IT systems
    • Testing Web Services
    • HTML
    • Programming microcontrollers
    • API
    • High performance
    • Developed for iOS
    • CSS
    • Industrial Programming
    • Development under Windows
    • Image processing
    • Compilers
    • FPGA
    • Professional literature
    • OpenStreetMap
    • Google Chrome
    • Data Mining
    • PostgreSQL
    • Development of robotics
    • Visualization of data
    • Angular
    • ReactJS
    • Search technologies
    • Debugging
    • Test mobile applications
    • Browsers
    • Designing and refactoring
    • IT Standards
    • Solidity
    • Node.JS
    • Git
    • LaTeX
    • SQL
    • Haskell
    • Unreal Engine
    • Unity3D
    • Development for the Internet of things
    • Functional Programming
    • Amazon Web Services
    • Google Cloud Platform
    • Development under AR and VR
    • Assembly systems
    • Version control systems
    • Kotlin
    • R
    • CAD/CAM
    • Customer Optimization
    • Development of communication systems
    • Microsoft Azure
    • Perfect code
    • Atlassian
    • Visual Studio
    • NoSQL
    • Yii
    • Mono и Moonlight
    • Parallel Programming
    • Asterisk
    • Yandex API
    • WordPress
    • Sports programming
    • Lua
    • Microsoft SQL Server
    • Payment systems
    • TypeScript
    • Scala
    • Google API
    • Development of data transmission systems
    • XML
    • Regular expressions
    • Development under Tizen
    • Swift
    • MySQL
    • Geoinformation services
    • Global Positioning Systems
    • Qt
    • Dart
    • Django
    • Development for Office 365
    • Erlang/OTP
    • GPGPU
    • Eclipse
    • Maps API
    • Testing games
    • Browser Extensions
    • 1C-Bitrix
    • Development under e-commerce
    • Xamarin
    • Xcode
    • Development under Windows Phone
    • Semantics
    • CMS
    • VueJS
    • GitHub
    • Open data
    • Sphinx
    • Ruby on Rails
    • Ruby
    • Symfony
    • Drupal
    • Messaging Systems
    • CTF
    • SaaS / S+S
    • SharePoint
    • jQuery
    • Puppet
    • Firefox
    • Elm
    • MODX
    • Billing systems
    • Graphical shells
    • Kodobred
    • MongoDB
    • SCADA
    • Hadoop
    • Gradle
    • Clojure
    • F#
    • CoffeeScript
    • Matlab
    • Phalcon
    • Development under Sailfish OS
    • Magento
    • Elixir/Phoenix
    • Microsoft Edge
    • Layout of letters
    • Development for OS X
    • Forth
    • Smalltalk
    • Julia
    • Laravel
    • WebGL
    • Meteor.JS
    • Firebird/Interbase
    • SQLite
    • D
    • Mesh-networks
    • I2P
    • Derby.js
    • Emacs
    • Development under Bada
    • Mercurial
    • UML Design
    • Objective C
    • Fortran
    • Cocoa
    • Cobol
    • Apache Flex
    • Action Script
    • Joomla
    • IIS
    • Twitter API
    • Vkontakte API
    • Facebook API
    • Microsoft Access
    • PDF
    • Prolog
    • GTK+
    • LabVIEW
    • Brainfuck
    • Cubrid
    • Canvas
    • Doctrine ORM
    • Google App Engine
    • Twisted
    • XSLT
    • TDD
    • Small Basic
    • Kohana
    • Development for Java ME
    • LiveStreet
    • MooTools
    • Adobe Flash
    • GreaseMonkey
    • INFOLUST
    • Groovy & Grails
    • Lisp
    • Delphi
    • Zend Framework
    • ExtJS / Sencha Library
    • Internet Explorer
    • CodeIgniter
    • Silverlight
    • Google Web Toolkit
    • CakePHP
    • Safari
    • Opera
    • Microformats
    • Ajax
    • VIM
  • Administration
    • System administration
    • IT Infrastructure
    • *nix
    • Network technologies
    • DevOps
    • Server Administration
    • Cloud computing
    • Configuring Linux
    • Wireless technologies
    • Virtualization
    • Hosting
    • Data storage
    • Decentralized networks
    • Database Administration
    • Data Warehousing
    • Communication standards
    • PowerShell
    • Backup
    • Cisco
    • Nginx
    • Antivirus protection
    • DNS
    • Server Optimization
    • Data recovery
    • Apache
    • Spam and antispam
    • Data Compression
    • SAN
    • IPv6
    • Fidonet
    • IPTV
    • Shells
    • Administering domain names
  • Design
    • Interfaces
    • Web design
    • Working with sound
    • Usability
    • Graphic design
    • Design Games
    • Mobile App Design
    • Working with 3D-graphics
    • Typography
    • Working with video
    • Work with vector graphics
    • Accessibility
    • Prototyping
    • CGI (graphics)
    • Computer Animation
    • Working with icons
  • Control
    • Careers in the IT industry
    • Project management
    • Development Management
    • Personnel Management
    • Product Management
    • Start-up development
    • Managing the community
    • Service Desk
    • GTD
    • IT Terminology
    • Agile
    • Business Models
    • Legislation and IT-business
    • Sales management
    • CRM-systems
    • Product localization
    • ECM / EDS
    • Freelance
    • Venture investments
    • ERP-systems
    • Help Desk Software
    • Media management
    • Patenting
    • E-commerce management
    • Creative Commons
  • Marketing
    • Conferences
    • Promotion of games
    • Internet Marketing
    • Search Engine Optimization
    • Web Analytics
    • Monetize Web services
    • Content marketing
    • Monetization of IT systems
    • Monetize mobile apps
    • Mobile App Analytics
    • Growth Hacking
    • Branding
    • Monetize Games
    • Display ads
    • Contextual advertising
    • Increase Conversion Rate
  • Sundry
    • Reading room
    • Educational process in IT
    • Research and forecasts in IT
    • Finance in IT
    • Hakatonas
    • IT emigration
    • Education abroad
    • Lumber room
    • I'm on my way

Improving online programs

In the era of native programs, users could only use them within the configuration settings allowed by the developer. Nowadays, in the era of Internet applications, the user can quite easily change at his discretion not only the external presentation of the program, but also its behavior.
 
 
This article describes ways to make web applications more convenient, beautiful, expand their functionality, customize.
 
This is ) Or write your own simple one with the same goals as your choice. After that, the programmer is a little closer to the level of "Year".
 
 
Almost everyone knows about it, but few use it. We will show by simple examples the obvious benefits of custom injections.
 
 
3r3143. 3r3333. to-do.microsoft.com
3r3146.
 
3r3338.
 
 
Nice little manager, but on a large monitor it’s not very comfortable to look at him. I need more task titles, reduce the brightness of the “Notes” under them, expand the right-hand column and a couple of improvements, which simple css copes with:
 
 
Improving online programs
 
 
3r3197. 3r3198. Himself css [/b]
.app.detail-visible #detail {
width: 40%;
}
#detail .detail-inner {
width: 100%;
}
.theme-purple .checkBox .svgIcon svg {
width: 16px;
}
.addTask .addTask-icon {
opacity: 0.5;
}
.detailNote .editableContent .editableContent-display, .detailNote .editableContent .editableContent-edit, .detailNote .editableContent .editableContent-textarea {
font-size: 16px;
}
.taskItemInfo {
opacity: 0.4;
}
#addTaskInput {
font-weight: normal;
opacity: 0.5;
}
.taskItem-title {
font-size: 16px;
font-weight: 400;
font-family: "Segoe UI", "Arial", "sans-serif";
}
.tasksToolbar {
margin-bottom: 20px;
margin-top: 10px;
}
.taskItem-body {
padding: 7px 0;
}

 
 
Left column. Here, Microsoft has complete downshifting into one-dimensional task lists. I need a tree. In principle, it is also possible to implement it, but here for simplicity we will build a non-collapsing tree visually.
 
 
3r3197. 3r3198. Here is the jаvascript [/b]
3r3202. window.onload = function () {
setTimeout (function () {
$ ('span.listItem-titleParsed')
.filter ("span: contains ('Breakfast'), span: contains ('Dinner'), span: contains ('Dinner') ")
.Closest (". ListItem-inner "). Css (" padding-left "," 30px ";
}, 5000);
};

 
 
Here is the pseudo-tree:
 
 
3r33130.
 
 
Already something. JQeury needs to be connected, and sometimes you have to copy-paste it into the body of the script, otherwise problems arise. The same with a delay in initialization.
 
 
Let us now look at another intellectually more advanced representative of this family of programs.
 
 
3r3143. 3r3144. trello.com
3r3146.
 
Here is the revealed list card:
 
 

 
 
Maybe someone uses Trello cards for the purpose that developers have put into this application, but for me on this card visually in terms of volume is less than 10% of useful information, everything else is a bright, colorful thing that distracts from focusing on the right one.
 
 
Sss and js can bring all this into a decent look. JQuery in Trello is already there, and here’s a script:
 
 
3r3202. $ ('. mod-card-detail-icons-smaller. window-module-title h3'). bind ('click', function () {$ ('. mod-comment-type'). hide ();} );
 
for example, hides all comments when clicking on “Activity”. To see them again, just click the link on the right Hide /Show details.
 
 
And finally, something more interesting.
 
 
I need a reminder on the Trello card. Not a pop-up window on the screen, but a real reminder to always and everywhere get me. That is, the sound notification on the phone. In order not to make a fuss and not to connect all kinds of IFTTTs and Zapiers, we simply create an event for the Google Calendar, which then will do everything necessary on Androide.
 
 
Connect to the due date card in order not to extend the Trello data model (although this is also an option).
 
 
3r3188.
 
 
When saving the date, we need to send to Google Calendar API a request to create an event in our calendar. The code itself is quite simple:
 
 
3r3197. 3r3198. jаvascript 3r3-33199.
3r3202. var event = {
'summary': 'Event name',
'location': 'Location',
'description': 'Descriptor (copy everything from the card data, of course)',
'start': {
'dateTime': '2018-10-14T09: 00: 00-07: 00',
'timeZone': 'Europe /Moscow'
},
'end': {
'dateTime': '2018-10-14T17: 00: 00-07: 00',
'timeZone': 'Europe /Moscow'
},
'reminders': {
'useDefault': false,
'overrides':[
{'method': 'email', 'minutes': 3 * 60},
{'method': 'popup', 'minutes': 10}
]
}
};
var request = gapi.client.calendar.events.insert ({
'calendarId': 'primary',
'resource': event
});

 
 
But before that, you need to create an application on the Google API Console, get client_id and api_key and make a couple of simple standard steps for connecting OAuth authentication. Manual 3r33236. on google
.
 
 
If it is necessary to modify the calendar event together with the due date modification of the Trello card, you will have to work more, but this is also possible.
 
 
Finally, we note that all the really useful improvements to web sites and web applications can be arranged as an extension and placed in browser stores.
 
 
Disclaimer: All the above examples are given solely as examples of using the potential of js and css, and do not in themselves carry any value.

It may be interesting

  • Comments
  • About article
  • Similar news
This publication has no comments.

weber

Author

14-10-2018, 03:16

Publication Date

Browser Extensions / Web design

Category
  • Comments: 0
  • Views: 316
Flutter 1.0 - December 4 release
GeekBrains launches a
Implementing family bookkeeping with
The plugin command for configuring the
Install and configure the OpenVPN
We use the screen space optimally with
Write a comment
Name:*
E-Mail:


Comments
At homeschooling 101, our goal is to empowering parents to develop and provide the ideal school set-up for their children right at the comforts of their home. Check Out: Online Education for Kids


We take being #1 in Commercial Odor Remover Products & Systems very seriously.  Here are some of the reasons you can trust Cupridyne Clean to bring you a solution to your Commercial Odor Control problem.
Yesterday, 19:00

noorseo

Major Thanks for the post.p2p4u

Yesterday, 17:02

ss

I genuinely believed you would probably have something useful to say. All I hear is a bunch of whining about something that you can fix if you were not too busy looking for attention. After all, I know it was my choice to read .. [url = https: //gamebnat.net] 먹튀 [/ url]

Yesterday, 15:56

raymond weber

Lots of interesting comments, but it feels like users are really experts in their field, and it's very cool!
Yesterday, 15:49

claudedufont

This is a good idea, thank you very much to the author!
Yesterday, 15:47

claudedufont

Adv
Website for web developers. New scripts, best ideas, programming tips. How to write a script for you here, we have a lot of information about various programming languages. You are a webmaster or a beginner programmer, it does not matter, useful articles will help to make your favorite business faster.

Login

Registration Forgot password