Friske ressurser for webdesignere og utviklere (juni 2016)
Vi utvider listen for halvårsutgaven. Denne avgiften har noen CLIer (og her er vårt innlegg på hvorfor du bør lære kommandolinje), et par desktop app for jobb og moro, og flere CSS og JavaScript-biblioteker. Også inkludert er lesemateriell, referanser og guider om beste praksis som du bør sjekke ut, bokmerke, og muligens lese en dag.
Jeg skal ikke ødelegge resten av listen så langt unna. For flere friske ressurser, klikk her.
Klikk for flere ressurserKlikk for flere ressurser
Finn hele vår samling av anbefalte ressurser og de beste verktøyene for webdesign og utvikling.
CertBot
CertBot gir en mer praktisk måte å distribuere sertifikater fra La oss kryptere. Den gir et sett med kommandolinjer med støtte for mange serverkonfigurasjoner som Apache, NGINX og Plesk. Snakk om hvilke, la oss kryptere er en felles innsats for å gjøre nettet sikrere ved å gi et gratis SSL-sertifikat. Den brukes for tiden på mer enn 3 millioner nettsteder.
Mononoki
Mononoki er en skrifttype designet spesielt for visning av kode. Mononoki er tilgjengelig som en installerbar skrifttype.tTF
) og web skrifttype (.EOT
, og .WOFF
). Det er et nytt alternativ til klassisk monotypier som Monaco, Menlo og Courier.
BideoJS
Å vise en fullside-autoplay-video på hjemmesiden ser ut til å være en økende trend. BideoJS er et JavaScript-bibliotek som lar deg gjøre akkurat det med færre hindringer. Den er lett, responsiv og kan konfigureres for å passe dine behov.
CSS Purge
CSS Purge er en samling referanser, artikler og statistikk for CSS. En ressursfull informasjon som dette kan hjelpe deg med å ta velinformerte beslutninger om hvilke CSS-metodologier, verktøy og rammer du ønsker å adoptere i prosjektet ditt.
Mailgen
Mailgen er en nodemodul for å generere en fin, enkel, responsiv HTML-e-post. En håndfull alternativer er gitt, slik at du kan tilpasse nesten alle områder av e-posten. Du kan angi e-postadressen “tema”, e-post header, og “Oppfordring til handling” knapp. Den kan også integreres i ditt Node-baserte skrivebord eller webapplikasjon.
Deco
Deco er en IDE for å bygge en mobil app ved hjelp av Facebook-initiativet React Native. Tenk på Deco som XCode eller Visual Studio, hvor du kan bygge en app med et brukervennlig brukergrensesnitt ved hjelp av dra og slipp, skyveknapper og fargeplukkere.
IE8 Linter
Internet Explorer 8 (IE8) er en antikk nettleser som ikke støtter moderne webteknologi som CSS3 animasjoner, transformasjoner, overganger og de fleste HTML5-elementene uten en polyfill. DRY-prinsippet er et verktøy som vi kan bruke til å skanne nettsteder for IE8-kompatibilitet. Det gir rapporten og løsninger.
geit
geit er en uoffisiell Facebook Messenger desktop app. Den er bygget på toppen av Node.js og Electron som gjør det mulig å være et tverrplattformsprogram; Den er tilgjengelig i OS X, Windows og Linux. I kommer også i to farger, Dark and Light.
Photon Kit
Photon Kit er et rammeverk for å starte en ny app med Electron. I likhet med Bootstrap, Foundation og likes, kommer Photon med en rekke komponenter som lar deg bygge vanlige brukergrensesnittelementer i en app som knappene, verktøylinjen og sidebaret.
Yeoman App
Yeoman App er et stasjonært program som genererer prosjektboiler, rammeverk og stillas fra Yeoman. Det er et godt alternativ for de som ikke er komfortable å jobbe gjennom Terminal og kommandolinjer.
SQLectron
SQLectron er en SQL-skrivebordsklient som lar deg vise og utføre flere SQL-operasjoner mer bekvemt. Den støtter MySQL, PostgreSQL og Microsoft SQL Server. SQLectron er tilgjengelig for OS X, Windows og Linux.
Familie SCSS
FamilySCSS er en samling av mixins som gjør valgelementer med : N-te-barn
mer intuitivt. Mixinene er deklarative. For eksempel kan du skrive @include første (3)
å velge de tre første barnelementene og skrive @include mellom (2, 4)
å velge 2. til 4. barns elementer.
EasyEngine
EasyEngine er en samling av kommandolinjer som lar deg konfigurere WordPress med verktøy og moduler som Redis, Caching plugin og PageSpeed. Det gjør å sette opp WordPress server for fart en bris.
Phinx
Phinx er en PHP-modul for databasehåndtering og migrering. Den leveres med klasser og kommandolinjer som lar deg kjøre nesten hvilken som helst databaseoperasjon som skrive, laste ned og laste opp. Phinx Docs er en ressursfull referanse for å hjelpe deg med å komme i gang.
RichCSS
RichCSS er en CSS ramme som gir en sane struktur. Rammeverket organiserer nettopp mapper, kataloger og klasser på en pro-DRY-måte som gjør det mulig å gjenbrukes. På toppen av knapper, lister og skjemaer kommer RichCSS også med sin egen CLI som du kan bruke til å starte et nytt Rik-prosjekt som Bower, Git og NPM.
frend
frend er en samling av vanlige webkomponenter. Samlingen består for tiden av Accordion, Dialog Modal, Offcanvas, Tooltip, Tabs, med noen flere som kommer i neste utgave. Frend kan være et godt alternativ til jQuery UI.
FLA
Dette er et omfattende rammeverk for å bygge et responsivt gridoppsett med Flexbox.
PHP den riktige måten
PHP er et programmeringsspråk som er lett å lære, men du kan også enkelt gå galt med kodene, og dette kan eventuelt ødelegge sikkerheten og ytelsen til nettstedet ditt.. PHP den riktige måten er en omfattende referanse til å lære de beste metodene i PHP.
Starability
Starability er et CSS-bibliotek for å bygge et stjernevurderingssystem med fancy animert tilbakemelding. Stjernestasjonen er bygget med tilgjengelighet i tankene; Du kan navigere gjennom og tilordne stjerner via tastatur.
WaitAnimate
WaitAnimate er et praktisk webverktøy for å beregne en “pause” timing i en enkelt CSS animasjon @keyframe
. De “pause”, når det er gjort riktig, kan det gjøre animasjonen mer engasjerende - her er noen eksempler.